@biggive/components 1.0.126 → 1.0.128

package/dist/esm/loader.js

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["biggive-back-to-top_21",[[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"]}],[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"]}],[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}],[1,"biggive-footer"],[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"mainImage":[1,"main-image"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"],"tickerItems":[16]}],[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-back-to-top"],[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"]}],[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"columnGap":[2,"column-gap"]}],[1,"biggive-header",{"spaceBelow":[2,"space-below"],"logoUrl":[1,"logo-url"]}],[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1]}],[1,"biggive-page-column"],[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}],[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"]}],[0,"biggive-social-icon",{"service":[1],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"url":[1]}],[0,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}],[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}],[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}],[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4]}]]],["biggive-article-card",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundColourHover":[1,"background-colour-hover"],"textColour":[1,"text-colour"],"slug":[1],"date":[1],"mainTitle":[1,"main-title"],"imageUrl":[1,"image-url"],"imageLabel":[1,"image-label"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"]}]]],["biggive-basic-card",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainTitle":[1,"main-title"],"subtitle":[1],"iconColour":[1,"icon-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["biggive-search",[[1,"biggive-search",{"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"searchText":[32]}]]],["biggive-beneficiary-icon",[[0,"biggive-beneficiary-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-boxed-content",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["biggive-branded-image",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1]}]]],["biggive-category-icon",[[0,"biggive-category-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-form",[[1,"biggive-form"]]],["biggive-form-field-select",[[1,"biggive-form-field-select",{"selectedValue":[1,"selected-value"],"selectedLabel":[1,"selected-label"],"spaceBelow":[2,"space-below"],"placeholder":[1]},[[0,"doOptionSelect","doOptionSelectCompletedHandler"]]]]],["biggive-form-field-select-option",[[1,"biggive-form-field-select-option",{"label":[1],"value":[1],"selectedValue":[32],"selectedLabel":[32]}]]],["biggive-formatted-text",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-icon-group",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["biggive-image",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["biggive-nav-group",[[1,"biggive-nav-group",{"inline":[4]}]]],["biggive-nav-item",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["biggive-popup",[[1,"biggive-popup",{"open":[64]}]]],["biggive-quote",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1]}]]],["biggive-tab",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["biggive-tabbed-content",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-text-input",[[1,"biggive-text-input"]]],["biggive-video",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]]], options);
+  return bootstrapLazy([["biggive-back-to-top_24",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[16],"beneficiaryOptions":[16],"locationOptions":[16],"fundingOptions":[16]},[[0,"doSelectChange","doOptionSelectCompletedHandler"]]],[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"]}],[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"]}],[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}],[1,"biggive-footer"],[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"mainImage":[1,"main-image"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"],"tickerItems":[16]}],[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-back-to-top"],[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"columnGap":[2,"column-gap"]}],[1,"biggive-header",{"spaceBelow":[2,"space-below"],"logoUrl":[1,"logo-url"]}],[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1]}],[1,"biggive-page-column"],[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}],[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"]}],[0,"biggive-social-icon",{"service":[1],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"url":[1]}],[1,"biggive-form-field-select",{"selectedValue":[1,"selected-value"],"selectedLabel":[1,"selected-label"],"spaceBelow":[2,"space-below"],"placeholder":[1]},[[0,"doOptionSelect","doOptionSelectCompletedHandler"]]],[1,"biggive-form-field-select-option",{"label":[1],"value":[1],"selectedValue":[32],"selectedLabel":[32]}],[0,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}],[1,"biggive-popup",{"open":[64]}],[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}],[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}],[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4]}]]],["biggive-article-card",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundColourHover":[1,"background-colour-hover"],"textColour":[1,"text-colour"],"slug":[1],"date":[1],"mainTitle":[1,"main-title"],"imageUrl":[1,"image-url"],"imageLabel":[1,"image-label"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"]}]]],["biggive-basic-card",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainTitle":[1,"main-title"],"subtitle":[1],"iconColour":[1,"icon-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["biggive-search",[[1,"biggive-search",{"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"searchText":[32]}]]],["biggive-beneficiary-icon",[[0,"biggive-beneficiary-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-boxed-content",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["biggive-branded-image",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1]}]]],["biggive-category-icon",[[0,"biggive-category-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-form",[[1,"biggive-form"]]],["biggive-formatted-text",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-icon-group",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["biggive-image",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["biggive-nav-group",[[1,"biggive-nav-group",{"inline":[4]}]]],["biggive-nav-item",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["biggive-quote",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1]}]]],["biggive-tab",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["biggive-tabbed-content",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-text-input",[[1,"biggive-text-input"]]],["biggive-video",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]]], options);
   });
 };
 

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

@@ -1,4 +1,24 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class BiggiveCampaignCardFilterGrid {
+  el: any;
+  /**
+   * This event `doSearchAndFilterUpdate` event is emitted and propogates to the parent
+   * component which handles it
+   */
+  doSearchAndFilterUpdate: EventEmitter<{
+    searchText: string;
+    sortBy: string;
+    filterCategory: string;
+    filterBeneficiary: string;
+    filterLocation: string;
+    filterFunding: string;
+  }>;
+  searchText: string;
+  sortBy: string;
+  filterCategory: string;
+  filterBeneficiary: string;
+  filterLocation: string;
+  filterFunding: string;
   /**
    * Space below component
    */
@@ -16,5 +36,29 @@ export declare class BiggiveCampaignCardFilterGrid {
    * Defines the text on the search button
    */
   buttonText: string;
+  /**
+   * JSON array of category key/values
+   */
+  categoryOptions: string[];
+  /**
+   * JSON array of beneficiary key/values
+   */
+  beneficiaryOptions: string[];
+  /**
+   * JSON array of location key/values
+   */
+  locationOptions: string[];
+  /**
+   * JSON array of funding key/values
+   */
+  fundingOptions: string[];
+  private getSearchAndFilterObject;
+  doOptionSelectCompletedHandler(): void;
+  private handleSortByChanged;
+  private handleApplyFilterButtonClick;
+  private handleSearchButtonPressed;
+  private handleSearchTextChanged;
+  private handleEnterPressed;
+  private handleFilterButtonClick;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -341,14 +341,30 @@ export namespace Components {
         "spaceBelow": number;
     }
     interface BiggiveCampaignCardFilterGrid {
+        /**
+          * JSON array of beneficiary key/values
+         */
+        "beneficiaryOptions": string[];
         /**
           * Defines the text on the search button
          */
         "buttonText": string;
+        /**
+          * JSON array of category key/values
+         */
+        "categoryOptions": string[];
+        /**
+          * JSON array of funding key/values
+         */
+        "fundingOptions": string[];
         /**
           * Intro
          */
         "intro": string;
+        /**
+          * JSON array of location key/values
+         */
+        "locationOptions": string[];
         /**
           * Defines the text displayed as the placeholder in the input field before the user types anything
          */
@@ -919,6 +935,10 @@ export namespace Components {
         "videoUrl": string;
     }
 }
+export interface BiggiveCampaignCardFilterGridCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBiggiveCampaignCardFilterGridElement;
+}
 export interface BiggiveFormFieldSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBiggiveFormFieldSelectElement;
@@ -1565,14 +1585,41 @@ declare namespace LocalJSX {
         "spaceBelow"?: number;
     }
     interface BiggiveCampaignCardFilterGrid {
+        /**
+          * JSON array of beneficiary key/values
+         */
+        "beneficiaryOptions"?: string[];
         /**
           * Defines the text on the search button
          */
         "buttonText"?: string;
+        /**
+          * JSON array of category key/values
+         */
+        "categoryOptions"?: string[];
+        /**
+          * JSON array of funding key/values
+         */
+        "fundingOptions"?: string[];
         /**
           * Intro
          */
         "intro"?: string;
+        /**
+          * JSON array of location key/values
+         */
+        "locationOptions"?: string[];
+        /**
+          * This event `doSearchAndFilterUpdate` event is emitted and propogates to the parent component which handles it
+         */
+        "onDoSearchAndFilterUpdate"?: (event: BiggiveCampaignCardFilterGridCustomEvent<{
+    searchText: string;
+    sortBy: string;
+    filterCategory: string;
+    filterBeneficiary: string;
+    filterLocation: string;
+    filterFunding: string;
+  }>) => void;
         /**
           * Defines the text displayed as the placeholder in the input field before the user types anything
          */

package/hydrate/index.js

@@ -6485,7 +6485,7 @@ class BiggiveCampaignCard {
     this.moreInfoButtonColourScheme = 'clear-primary';
   }
   render() {
-    return (hAsync("div", { class: 'container space-below-' + this.spaceBelow.toString() }, hAsync("div", { class: "sleeve" }, this.campaignType !== null ? (hAsync("div", { class: "campaign-type" }, hAsync("span", null, this.campaignType))) : null, this.banner !== null ? hAsync("div", { class: "image-wrap banner", 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" }, 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" }, this.campaignType !== null ? (hAsync("div", { class: "campaign-type" }, hAsync("span", null, this.campaignType))) : null, this.banner !== null ? (hAsync("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, hAsync("img", { src: this.banner, class: "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" }, 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 {
@@ -6517,88 +6517,76 @@ class BiggiveCampaignCard {
 
 const biggiveCampaignCardFilterGridCss = "/*!@body*/body.sc-biggive-campaign-card-filter-grid{background-color:#D7D7D7}/*!@h1, h3, h3, h4, h5, h6*/h1.sc-biggive-campaign-card-filter-grid,h3.sc-biggive-campaign-card-filter-grid,h4.sc-biggive-campaign-card-filter-grid,h5.sc-biggive-campaign-card-filter-grid,h6.sc-biggive-campaign-card-filter-grid{margin-bottom:0}/*!@h1, .heading-1*/h1.sc-biggive-campaign-card-filter-grid,.heading-1.sc-biggive-campaign-card-filter-grid{font-size:47px;line-height:60px;font-weight:bold}/*!@h2, .heading-2*/h2.sc-biggive-campaign-card-filter-grid,.heading-2.sc-biggive-campaign-card-filter-grid{font-size:38px;line-height:45px;font-weight:bold}/*!@h3, .heading-3*/h3.sc-biggive-campaign-card-filter-grid,.heading-3.sc-biggive-campaign-card-filter-grid{font-size:25px;line-height:32px;font-weight:bold}/*!@h4, .heading-4*/h4.sc-biggive-campaign-card-filter-grid,.heading-4.sc-biggive-campaign-card-filter-grid{font-size:20px;line-height:24px;font-weight:bold}/*!@h5, .heading-5*/h5.sc-biggive-campaign-card-filter-grid,.heading-5.sc-biggive-campaign-card-filter-grid{font-size:17px;line-height:24px;font-weight:bold}/*!@a*/a.sc-biggive-campaign-card-filter-grid{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-campaign-card-filter-grid:hover{text-decoration:none}/*!@.colour-primary*/.colour-primary.sc-biggive-campaign-card-filter-grid{color:#2C089B}/*!@.colour-secondary*/.colour-secondary.sc-biggive-campaign-card-filter-grid{color:#2AF135}/*!@.colour-tertiary*/.colour-tertiary.sc-biggive-campaign-card-filter-grid{color:#FF7272}/*!@.colour-white*/.colour-white.sc-biggive-campaign-card-filter-grid{color:#FFFFFF}/*!@.colour-black*/.colour-black.sc-biggive-campaign-card-filter-grid{color:#000000}/*!@.text-colour-hover-primary:hover,\n.text-colour-primary*/.text-colour-hover-primary.sc-biggive-campaign-card-filter-grid:hover,.text-colour-primary.sc-biggive-campaign-card-filter-grid{color:#2C089B}/*!@.text-colour-hover-secondary:hover,\n.text-colour-secondary*/.text-colour-hover-secondary.sc-biggive-campaign-card-filter-grid:hover,.text-colour-secondary.sc-biggive-campaign-card-filter-grid{color:#2AF135}/*!@.text-colour-hover-tertiary:hover,\n.text-colour-tertiary*/.text-colour-hover-tertiary.sc-biggive-campaign-card-filter-grid:hover,.text-colour-tertiary.sc-biggive-campaign-card-filter-grid{color:#FF7272}/*!@.text-colour-hover-white:hover,\n.text-colour-white*/.text-colour-hover-white.sc-biggive-campaign-card-filter-grid:hover,.text-colour-white.sc-biggive-campaign-card-filter-grid{color:#FFFFFF}/*!@.text-colour-hover-black:hover,\n.text-colour-black*/.text-colour-hover-black.sc-biggive-campaign-card-filter-grid:hover,.text-colour-black.sc-biggive-campaign-card-filter-grid{color:#000000}/*!@.fill-primary*/.fill-primary.sc-biggive-campaign-card-filter-grid{fill:#2C089B}/*!@.fill-secondary*/.fill-secondary.sc-biggive-campaign-card-filter-grid{fill:#2AF135}/*!@.fill-tertiary*/.fill-tertiary.sc-biggive-campaign-card-filter-grid{fill:#FF7272}/*!@.fill-white*/.fill-white.sc-biggive-campaign-card-filter-grid{fill:#FFFFFF}/*!@.fill-black*/.fill-black.sc-biggive-campaign-card-filter-grid{fill:#000000}/*!@.fill-red*/.fill-red.sc-biggive-campaign-card-filter-grid{fill:red}/*!@.background-colour-hover-primary:hover,\n.background-colour-primary*/.background-colour-hover-primary.sc-biggive-campaign-card-filter-grid:hover,.background-colour-primary.sc-biggive-campaign-card-filter-grid{background-color:#2C089B}/*!@.background-colour-hover-secondary:hover,\n.background-colour-secondary*/.background-colour-hover-secondary.sc-biggive-campaign-card-filter-grid:hover,.background-colour-secondary.sc-biggive-campaign-card-filter-grid{background-color:#2AF135}/*!@.background-colour-hover-tertiary:hover,\n.background-colour-tertiary*/.background-colour-hover-tertiary.sc-biggive-campaign-card-filter-grid:hover,.background-colour-tertiary.sc-biggive-campaign-card-filter-grid{background-color:#FF7272}/*!@.background-colour-hover-white:hover,\n.background-colour-white*/.background-colour-hover-white.sc-biggive-campaign-card-filter-grid:hover,.background-colour-white.sc-biggive-campaign-card-filter-grid{background-color:#FFFFFF}/*!@.background-colour-hover-black:hover,\n.background-colour-black*/.background-colour-hover-black.sc-biggive-campaign-card-filter-grid:hover,.background-colour-black.sc-biggive-campaign-card-filter-grid{background-color:#000000}/*!@.input-wrap*/.input-wrap.sc-biggive-campaign-card-filter-grid{display:flex;justify-content:space-between}/*!@.input-text*/.input-text.sc-biggive-campaign-card-filter-grid{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*/.input-text.sc-biggive-campaign-card-filter-grid:focus{outline:0}/*!@.input-text:placeholder*/.input-text.sc-biggive-campaign-card-filter-grid:placeholder{color:#4A4A4A}/*!@.button*/.button.sc-biggive-campaign-card-filter-grid{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}/*!@.button:hover*/.button.sc-biggive-campaign-card-filter-grid:hover{background-color:#FFFFFF;color:#000000}/*!@.button.size-small*/.button.size-small.sc-biggive-campaign-card-filter-grid{font-size:13px;line-height:17px;padding:5px 15px}/*!@.button.button.rounded-true*/.button.button.rounded-true.sc-biggive-campaign-card-filter-grid{border-radius:27.5px}/*!@.button.button.rounded-true.size-small*/.button.button.rounded-true.size-small.sc-biggive-campaign-card-filter-grid{border-radius:20px}/*!@.button-primary*/.button-primary.sc-biggive-campaign-card-filter-grid{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}/*!@.button-primary:hover*/.button-primary.sc-biggive-campaign-card-filter-grid:hover{color:#2C089B;background-color:#FFFFFF}/*!@.button-secondary*/.button-secondary.sc-biggive-campaign-card-filter-grid{color:#2C089B;background-color:#2AF135;border-color:#2AF135}/*!@.button-secondary:hover*/.button-secondary.sc-biggive-campaign-card-filter-grid:hover{background-color:#FFFFFF}/*!@.button-tertiary*/.button-tertiary.sc-biggive-campaign-card-filter-grid{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}/*!@.button-tertiary:hover*/.button-tertiary.sc-biggive-campaign-card-filter-grid:hover{background-color:#FFFFFF}/*!@.button-white*/.button-white.sc-biggive-campaign-card-filter-grid{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}/*!@.button-white:hover*/.button-white.sc-biggive-campaign-card-filter-grid:hover{color:#FFFFFF;background-color:#2C089B}/*!@.button-black*/.button-black.sc-biggive-campaign-card-filter-grid{color:#FFFFFF;background-color:#000000;border-color:#000000}/*!@.button-black:hover*/.button-black.sc-biggive-campaign-card-filter-grid:hover{color:#000000;background-color:#FFFFFF}/*!@.button-clear-primary*/.button-clear-primary.sc-biggive-campaign-card-filter-grid{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-primary:hover*/.button-clear-primary.sc-biggive-campaign-card-filter-grid:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-secondary*/.button-clear-secondary.sc-biggive-campaign-card-filter-grid{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-secondary:hover*/.button-clear-secondary.sc-biggive-campaign-card-filter-grid:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-tertiary*/.button-clear-tertiary.sc-biggive-campaign-card-filter-grid{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-tertiary:hover*/.button-clear-tertiary.sc-biggive-campaign-card-filter-grid:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-white*/.button-clear-white.sc-biggive-campaign-card-filter-grid{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-white:hover*/.button-clear-white.sc-biggive-campaign-card-filter-grid:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}/*!@.button-rounded*/.button-rounded.sc-biggive-campaign-card-filter-grid{border-radius:27.5px}/*!@.button-rounded.size-small*/.button-rounded.size-small.sc-biggive-campaign-card-filter-grid{border-radius:20px}/*!@.progress-bar*/.progress-bar.sc-biggive-campaign-card-filter-grid{display:flex}/*!@.progress-bar .slider*/.progress-bar.sc-biggive-campaign-card-filter-grid .slider.sc-biggive-campaign-card-filter-grid{margin:auto 15px auto 0;position:relative;flex-grow:1}/*!@.progress-bar .slider:before*/.progress-bar.sc-biggive-campaign-card-filter-grid .slider.sc-biggive-campaign-card-filter-grid:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}/*!@.progress-bar .slider .progress*/.progress-bar.sc-biggive-campaign-card-filter-grid .slider.sc-biggive-campaign-card-filter-grid .progress.sc-biggive-campaign-card-filter-grid{position:relative;border-radius:4px;background-color:#000000;height:8px}/*!@.progress-bar .counter*/.progress-bar.sc-biggive-campaign-card-filter-grid .counter.sc-biggive-campaign-card-filter-grid{font-weight:700;color:#000000;font-size:14px;line-height:18px}/*!@.progress-bar-primary .slider .progress*/.progress-bar-primary.sc-biggive-campaign-card-filter-grid .slider.sc-biggive-campaign-card-filter-grid .progress.sc-biggive-campaign-card-filter-grid{background-color:#2C089B}/*!@.progress-bar-primary .counter*/.progress-bar-primary.sc-biggive-campaign-card-filter-grid .counter.sc-biggive-campaign-card-filter-grid{color:#2C089B}/*!@.progress-bar-secondary .slider .progress*/.progress-bar-secondary.sc-biggive-campaign-card-filter-grid .slider.sc-biggive-campaign-card-filter-grid .progress.sc-biggive-campaign-card-filter-grid{background-color:#2AF135}/*!@.progress-bar-secondary .counter*/.progress-bar-secondary.sc-biggive-campaign-card-filter-grid .counter.sc-biggive-campaign-card-filter-grid{color:#2AF135}/*!@.video-wrap*/.video-wrap.sc-biggive-campaign-card-filter-grid{position:relative;padding-bottom:56.25%}/*!@.video-wrap iframe,\n.video-wrap video*/.video-wrap.sc-biggive-campaign-card-filter-grid iframe.sc-biggive-campaign-card-filter-grid,.video-wrap.sc-biggive-campaign-card-filter-grid video.sc-biggive-campaign-card-filter-grid{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}/*!@.image-wrap img*/.image-wrap.sc-biggive-campaign-card-filter-grid img.sc-biggive-campaign-card-filter-grid{width:100%;height:auto}/*!@.align-left*/.align-left.sc-biggive-campaign-card-filter-grid{text-align:left}/*!@.align-right*/.align-right.sc-biggive-campaign-card-filter-grid{text-align:right}/*!@.align-center*/.align-center.sc-biggive-campaign-card-filter-grid{text-align:center}/*!@.align-justify*/.align-justify.sc-biggive-campaign-card-filter-grid{text-align:justify}/*!@.space-below-0*/.space-below-0.sc-biggive-campaign-card-filter-grid{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-campaign-card-filter-grid{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-campaign-card-filter-grid{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-campaign-card-filter-grid{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-campaign-card-filter-grid{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-campaign-card-filter-grid{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-campaign-card-filter-grid{margin-bottom:60px}/*!@.space-above-0*/.space-above-0.sc-biggive-campaign-card-filter-grid{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-campaign-card-filter-grid{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-campaign-card-filter-grid{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-campaign-card-filter-grid{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-campaign-card-filter-grid{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-campaign-card-filter-grid{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-campaign-card-filter-grid{margin-top:60px}/*!@.horizontal-padding-1*/.horizontal-padding-1.sc-biggive-campaign-card-filter-grid{padding-left:5px;padding-right:5px}/*!@.horizontal-padding-2*/.horizontal-padding-2.sc-biggive-campaign-card-filter-grid{padding-left:10px;padding-right:10px}/*!@.horizontal-padding-3*/.horizontal-padding-3.sc-biggive-campaign-card-filter-grid{padding-left:15px;padding-right:15px}/*!@.horizontal-padding-4*/.horizontal-padding-4.sc-biggive-campaign-card-filter-grid{padding-left:30px;padding-right:30px}/*!@.horizontal-padding-5*/.horizontal-padding-5.sc-biggive-campaign-card-filter-grid{padding-left:45px;padding-right:45px}/*!@.horizontal-padding-6*/.horizontal-padding-6.sc-biggive-campaign-card-filter-grid{padding-left:60px;padding-right:60px}/*!@.vertical-padding-1*/.vertical-padding-1.sc-biggive-campaign-card-filter-grid{padding-top:5px;padding-bottom:5px}/*!@.vertical-padding-2*/.vertical-padding-2.sc-biggive-campaign-card-filter-grid{padding-top:10px;padding-bottom:10px}/*!@.vertical-padding-3*/.vertical-padding-3.sc-biggive-campaign-card-filter-grid{padding-top:15px;padding-bottom:15px}/*!@.vertical-padding-4*/.vertical-padding-4.sc-biggive-campaign-card-filter-grid{padding-top:30px;padding-bottom:30px}/*!@.vertical-padding-5*/.vertical-padding-5.sc-biggive-campaign-card-filter-grid{padding-top:45px;padding-bottom:45px}/*!@.vertical-padding-6*/.vertical-padding-6.sc-biggive-campaign-card-filter-grid{padding-top:60px;padding-bottom:60px}/*!@:host*/.sc-biggive-campaign-card-filter-grid-h{display:content}/*!@.container*/.container.sc-biggive-campaign-card-filter-grid{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}/*!@.container .search-wrap*/.container.sc-biggive-campaign-card-filter-grid .search-wrap.sc-biggive-campaign-card-filter-grid{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.25));background-color:#FFFFFF;padding:15px 30px;margin-bottom:60px}/*!@.container .search-wrap h4*/.container.sc-biggive-campaign-card-filter-grid .search-wrap.sc-biggive-campaign-card-filter-grid h4.sc-biggive-campaign-card-filter-grid{margin-bottom:15px}/*!@.container .search-wrap .field-wrap*/.container.sc-biggive-campaign-card-filter-grid .search-wrap.sc-biggive-campaign-card-filter-grid .field-wrap.sc-biggive-campaign-card-filter-grid{display:flex;justify-content:space-between}/*!@.container .search-wrap .field-wrap .input-wrap*/.container.sc-biggive-campaign-card-filter-grid .search-wrap.sc-biggive-campaign-card-filter-grid .field-wrap.sc-biggive-campaign-card-filter-grid .input-wrap.sc-biggive-campaign-card-filter-grid{padding-bottom:5px;border-bottom:1px solid #000000;margin-right:30px;flex-grow:1}/*!@.container .search-wrap .field-wrap .input-wrap input*/.container.sc-biggive-campaign-card-filter-grid .search-wrap.sc-biggive-campaign-card-filter-grid .field-wrap.sc-biggive-campaign-card-filter-grid .input-wrap.sc-biggive-campaign-card-filter-grid input.sc-biggive-campaign-card-filter-grid{border:0}/*!@.container .search-wrap .field-wrap button*/.container.sc-biggive-campaign-card-filter-grid .search-wrap.sc-biggive-campaign-card-filter-grid .field-wrap.sc-biggive-campaign-card-filter-grid button.sc-biggive-campaign-card-filter-grid{padding:5px 30px}/*!@.sort-filter-wrap*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid{display:flex;align-items:flex-end;margin-bottom:30px;text-align:right}/*!@.sort-filter-wrap .sort-wrap*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .sort-wrap.sc-biggive-campaign-card-filter-grid{margin-left:auto}/*!@.sort-filter-wrap .filter-wrap*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid{margin-left:15px}/*!@.sort-filter-wrap .filter-wrap .button.filter*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid .button.filter.sc-biggive-campaign-card-filter-grid{padding-left:60px;padding-right:30px}/*!@.sort-filter-wrap .filter-wrap .button.filter .filter-icon*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid .button.filter.sc-biggive-campaign-card-filter-grid .filter-icon.sc-biggive-campaign-card-filter-grid{content:\"\";display:block;position:absolute;left:25px;top:17px;width:13px;height:13px}/*!@.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid .button.filter.sc-biggive-campaign-card-filter-grid .filter-icon.sc-biggive-campaign-card-filter-grid svg.sc-biggive-campaign-card-filter-grid{width:100%;height:auto;vertical-align:top}/*!@.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg:hover*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid .button.filter.sc-biggive-campaign-card-filter-grid .filter-icon.sc-biggive-campaign-card-filter-grid svg.sc-biggive-campaign-card-filter-grid:hover{fill:#2C089B}/*!@.icon*/.icon.sc-biggive-campaign-card-filter-grid{height:1rem;width:2rem;vertical-align:-0.125rem;margin:auto}/*!@.icon > path*/.icon.sc-biggive-campaign-card-filter-grid>path.sc-biggive-campaign-card-filter-grid{fill:#2C089B}";
 
-// import { faMagnifyingGlass } from '@fortawesome/pro-solid-svg-icons';
 class BiggiveCampaignCardFilterGrid {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.doSearchAndFilterUpdate = createEvent(this, "doSearchAndFilterUpdate", 7);
+    this.searchText = null;
+    this.sortBy = null;
+    this.filterCategory = null;
+    this.filterBeneficiary = null;
+    this.filterLocation = null;
+    this.filterFunding = null;
+    this.handleSortByChanged = (event) => {
+      this.sortBy = event.target.value;
+      this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
+    };
+    this.handleApplyFilterButtonClick = () => {
+      this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
+    };
+    this.handleSearchButtonPressed = () => {
+      this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
+    };
+    this.handleSearchTextChanged = (event) => {
+      this.searchText = event.target.value;
+    };
+    this.handleEnterPressed = (ev) => {
+      if (ev.key === 'Enter') {
+        this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
+      }
+    };
+    this.handleFilterButtonClick = () => {
+      this.el.shadowRoot.getElementById('filter-popup').open();
+    };
     this.spaceBelow = 0;
     this.intro = 'Find a charity or project';
     this.placeholderText = 'Search';
     this.buttonText = 'Search';
+    this.categoryOptions = [];
+    this.beneficiaryOptions = [];
+    this.locationOptions = [];
+    this.fundingOptions = [];
+  }
+  getSearchAndFilterObject() {
+    const event = {
+      searchText: this.searchText,
+      sortBy: this.sortBy,
+      filterCategory: this.filterCategory,
+      filterBeneficiary: this.filterBeneficiary,
+      filterFunding: this.filterFunding,
+      filterLocation: this.filterLocation,
+    };
+    return event;
+  }
+  doOptionSelectCompletedHandler() {
+    this.sortBy = this.el.shadowRoot.getElementById('sort-by').selectedValue;
+    this.filterCategory = this.el.shadowRoot.getElementById('categories').selectedValue;
+    this.filterBeneficiary = this.el.shadowRoot.getElementById('beneficiaries').selectedValue;
+    this.filterLocation = this.el.shadowRoot.getElementById('locations').selectedValue;
+    this.filterFunding = this.el.shadowRoot.getElementById('funding').selectedValue;
   }
-  // /**
-  //  * JSON array of category key/values
-  //  */
-  // @Prop() categoryOptions: string[] = [];
-  // /**
-  //  * JSON array of beneficiary key/values
-  //  */
-  // @Prop() beneficiaryOptions: string[] = [];
-  // /**
-  //  * JSON array of location key/values
-  //  */
-  // @Prop() locationOptions: string[] = [];
-  // /**
-  //  * JSON array of funding key/values
-  //  */
-  // @Prop() fundingOptions: string[] = [];
-  // private getSearchAndFilterObject(): {
-  //   searchText: string;
-  //   sortBy: string;
-  //   filterCategory: string;
-  //   filterBeneficiary: string;
-  //   filterLocation: string;
-  //   filterFunding: string;
-  // } {
-  //   const event: {
-  //     searchText: string;
-  //     sortBy: string;
-  //     filterCategory: string;
-  //     filterBeneficiary: string;
-  //     filterLocation: string;
-  //     filterFunding: string;
-  //   } = {
-  //     searchText: this.searchText,
-  //     sortBy: this.sortBy,
-  //     filterCategory: this.filterCategory,
-  //     filterBeneficiary: this.filterBeneficiary,
-  //     filterFunding: this.filterFunding,
-  //     filterLocation: this.filterLocation,
-  //   };
-  //   return event;
-  // }
-  // @Listen('doSelectChange')
-  // doOptionSelectCompletedHandler() {
-  //   this.sortBy = this.el.shadowRoot.getElementById('sort-by').selectedValue;
-  //   this.filterCategory = this.el.shadowRoot.getElementById('categories').selectedValue;
-  //   this.filterBeneficiary = this.el.shadowRoot.getElementById('beneficiaries').selectedValue;
-  //   this.filterLocation = this.el.shadowRoot.getElementById('locations').selectedValue;
-  //   this.filterFunding = this.el.shadowRoot.getElementById('funding').selectedValue;
-  // }
-  // private handleSortByChanged = (event: any) => {
-  //   this.sortBy = event.target.value;
-  //   this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
-  // };
-  // private handleApplyFilterButtonClick = () => {
-  //   this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
-  // };
-  // private handleSearchButtonPressed = () => {
-  //   this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
-  // };
-  // private handleSearchTextChanged = (event: any) => {
-  //   this.searchText = event.target.value;
-  // };
-  // private handleEnterPressed = (ev: KeyboardEvent) => {
-  //   if (ev.key === 'Enter') {
-  //     this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
-  //   }
-  // };
-  // private handleFilterButtonClick = () => {
-  //   this.el.shadowRoot.getElementById('filter-popup').open();
-  // };
   render() {
-    return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "campaign-grid" }, hAsync("slot", { name: "campaign-grid" })))));
+    return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "search-wrap" }, hAsync("h4", null, this.intro), hAsync("div", { class: "field-wrap" }, hAsync("div", { class: "input-wrap" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, hAsync("path", { d: faMagnifyingGlass.icon[4].toString() })), hAsync("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), hAsync("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), hAsync("div", { class: "sort-filter-wrap" }, hAsync("div", { class: "sort-wrap" }, hAsync("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by", onDoSelectChange: this.handleSortByChanged }, hAsync("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), hAsync("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }))), hAsync("div", { class: "filter-wrap" }, hAsync("biggive-button", { class: "filter", onClick: this.handleFilterButtonClick, label: "Filters" }), hAsync("biggive-popup", { id: "filter-popup" }, hAsync("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), hAsync("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }, this.categoryOptions.length === 0
+      ? undefined
+      : this.categoryOptions.map(option => hAsync("biggive-form-field-select-option", { value: option, label: option }))), hAsync("biggive-form-field-select", { placeholder: "Beneficiary", id: "beneficiaries", "space-below": "2" }, this.beneficiaryOptions.length === 0
+      ? undefined
+      : this.beneficiaryOptions.map(option => hAsync("biggive-form-field-select-option", { value: option, label: option }))), hAsync("biggive-form-field-select", { placeholder: "Location", id: "locations", "space-below": "2" }, this.locationOptions.length === 0
+      ? undefined
+      : this.locationOptions.map(option => hAsync("biggive-form-field-select-option", { value: option, label: option }))), hAsync("biggive-form-field-select", { placeholder: "Funding", id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
+      ? undefined
+      : this.fundingOptions.map(option => hAsync("biggive-form-field-select-option", { value: option, label: option }))), hAsync("div", { class: "align-right" }, hAsync("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick }))))), hAsync("div", { class: "campaign-grid" }, hAsync("slot", { name: "campaign-grid" })))));
   }
+  get el() { return getElement(this); }
   static get style() { return biggiveCampaignCardFilterGridCss; }
   static get cmpMeta() { return {
     "$flags$": 9,
@@ -6607,9 +6595,13 @@ class BiggiveCampaignCardFilterGrid {
       "spaceBelow": [2, "space-below"],
       "intro": [1],
       "placeholderText": [1, "placeholder-text"],
-      "buttonText": [1, "button-text"]
+      "buttonText": [1, "button-text"],
+      "categoryOptions": [16],
+      "beneficiaryOptions": [16],
+      "locationOptions": [16],
+      "fundingOptions": [16]
     },
-    "$listeners$": undefined,
+    "$listeners$": [[0, "doSelectChange", "doOptionSelectCompletedHandler"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": []
   }; }
@@ -6954,7 +6946,7 @@ class BiggiveHeading {
   }; }
 }
 
-const biggiveHeroImageCss = "/*!@body*/body.sc-biggive-hero-image{background-color:#D7D7D7}/*!@h1, h3, h3, h4, h5, h6*/h1.sc-biggive-hero-image,h3.sc-biggive-hero-image,h4.sc-biggive-hero-image,h5.sc-biggive-hero-image,h6.sc-biggive-hero-image{margin-bottom:0}/*!@h1, .heading-1*/h1.sc-biggive-hero-image,.heading-1.sc-biggive-hero-image{font-size:47px;line-height:60px;font-weight:bold}/*!@h2, .heading-2*/h2.sc-biggive-hero-image,.heading-2.sc-biggive-hero-image{font-size:38px;line-height:45px;font-weight:bold}/*!@h3, .heading-3*/h3.sc-biggive-hero-image,.heading-3.sc-biggive-hero-image{font-size:25px;line-height:32px;font-weight:bold}/*!@h4, .heading-4*/h4.sc-biggive-hero-image,.heading-4.sc-biggive-hero-image{font-size:20px;line-height:24px;font-weight:bold}/*!@h5, .heading-5*/h5.sc-biggive-hero-image,.heading-5.sc-biggive-hero-image{font-size:17px;line-height:24px;font-weight:bold}/*!@a*/a.sc-biggive-hero-image{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-hero-image:hover{text-decoration:none}/*!@.colour-primary*/.colour-primary.sc-biggive-hero-image{color:#2C089B}/*!@.colour-secondary*/.colour-secondary.sc-biggive-hero-image{color:#2AF135}/*!@.colour-tertiary*/.colour-tertiary.sc-biggive-hero-image{color:#FF7272}/*!@.colour-white*/.colour-white.sc-biggive-hero-image{color:#FFFFFF}/*!@.colour-black*/.colour-black.sc-biggive-hero-image{color:#000000}/*!@.text-colour-hover-primary:hover,\n.text-colour-primary*/.text-colour-hover-primary.sc-biggive-hero-image:hover,.text-colour-primary.sc-biggive-hero-image{color:#2C089B}/*!@.text-colour-hover-secondary:hover,\n.text-colour-secondary*/.text-colour-hover-secondary.sc-biggive-hero-image:hover,.text-colour-secondary.sc-biggive-hero-image{color:#2AF135}/*!@.text-colour-hover-tertiary:hover,\n.text-colour-tertiary*/.text-colour-hover-tertiary.sc-biggive-hero-image:hover,.text-colour-tertiary.sc-biggive-hero-image{color:#FF7272}/*!@.text-colour-hover-white:hover,\n.text-colour-white*/.text-colour-hover-white.sc-biggive-hero-image:hover,.text-colour-white.sc-biggive-hero-image{color:#FFFFFF}/*!@.text-colour-hover-black:hover,\n.text-colour-black*/.text-colour-hover-black.sc-biggive-hero-image:hover,.text-colour-black.sc-biggive-hero-image{color:#000000}/*!@.fill-primary*/.fill-primary.sc-biggive-hero-image{fill:#2C089B}/*!@.fill-secondary*/.fill-secondary.sc-biggive-hero-image{fill:#2AF135}/*!@.fill-tertiary*/.fill-tertiary.sc-biggive-hero-image{fill:#FF7272}/*!@.fill-white*/.fill-white.sc-biggive-hero-image{fill:#FFFFFF}/*!@.fill-black*/.fill-black.sc-biggive-hero-image{fill:#000000}/*!@.fill-red*/.fill-red.sc-biggive-hero-image{fill:red}/*!@.background-colour-hover-primary:hover,\n.background-colour-primary*/.background-colour-hover-primary.sc-biggive-hero-image:hover,.background-colour-primary.sc-biggive-hero-image{background-color:#2C089B}/*!@.background-colour-hover-secondary:hover,\n.background-colour-secondary*/.background-colour-hover-secondary.sc-biggive-hero-image:hover,.background-colour-secondary.sc-biggive-hero-image{background-color:#2AF135}/*!@.background-colour-hover-tertiary:hover,\n.background-colour-tertiary*/.background-colour-hover-tertiary.sc-biggive-hero-image:hover,.background-colour-tertiary.sc-biggive-hero-image{background-color:#FF7272}/*!@.background-colour-hover-white:hover,\n.background-colour-white*/.background-colour-hover-white.sc-biggive-hero-image:hover,.background-colour-white.sc-biggive-hero-image{background-color:#FFFFFF}/*!@.background-colour-hover-black:hover,\n.background-colour-black*/.background-colour-hover-black.sc-biggive-hero-image:hover,.background-colour-black.sc-biggive-hero-image{background-color:#000000}/*!@.input-wrap*/.input-wrap.sc-biggive-hero-image{display:flex;justify-content:space-between}/*!@.input-text*/.input-text.sc-biggive-hero-image{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*/.input-text.sc-biggive-hero-image:focus{outline:0}/*!@.input-text:placeholder*/.input-text.sc-biggive-hero-image:placeholder{color:#4A4A4A}/*!@.button*/.button.sc-biggive-hero-image{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}/*!@.button:hover*/.button.sc-biggive-hero-image:hover{background-color:#FFFFFF;color:#000000}/*!@.button.size-small*/.button.size-small.sc-biggive-hero-image{font-size:13px;line-height:17px;padding:5px 15px}/*!@.button.button.rounded-true*/.button.button.rounded-true.sc-biggive-hero-image{border-radius:27.5px}/*!@.button.button.rounded-true.size-small*/.button.button.rounded-true.size-small.sc-biggive-hero-image{border-radius:20px}/*!@.button-primary*/.button-primary.sc-biggive-hero-image{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}/*!@.button-primary:hover*/.button-primary.sc-biggive-hero-image:hover{color:#2C089B;background-color:#FFFFFF}/*!@.button-secondary*/.button-secondary.sc-biggive-hero-image{color:#2C089B;background-color:#2AF135;border-color:#2AF135}/*!@.button-secondary:hover*/.button-secondary.sc-biggive-hero-image:hover{background-color:#FFFFFF}/*!@.button-tertiary*/.button-tertiary.sc-biggive-hero-image{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}/*!@.button-tertiary:hover*/.button-tertiary.sc-biggive-hero-image:hover{background-color:#FFFFFF}/*!@.button-white*/.button-white.sc-biggive-hero-image{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}/*!@.button-white:hover*/.button-white.sc-biggive-hero-image:hover{color:#FFFFFF;background-color:#2C089B}/*!@.button-black*/.button-black.sc-biggive-hero-image{color:#FFFFFF;background-color:#000000;border-color:#000000}/*!@.button-black:hover*/.button-black.sc-biggive-hero-image:hover{color:#000000;background-color:#FFFFFF}/*!@.button-clear-primary*/.button-clear-primary.sc-biggive-hero-image{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-primary:hover*/.button-clear-primary.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-secondary*/.button-clear-secondary.sc-biggive-hero-image{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-secondary:hover*/.button-clear-secondary.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-tertiary*/.button-clear-tertiary.sc-biggive-hero-image{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-tertiary:hover*/.button-clear-tertiary.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-white*/.button-clear-white.sc-biggive-hero-image{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-white:hover*/.button-clear-white.sc-biggive-hero-image:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}/*!@.button-rounded*/.button-rounded.sc-biggive-hero-image{border-radius:27.5px}/*!@.button-rounded.size-small*/.button-rounded.size-small.sc-biggive-hero-image{border-radius:20px}/*!@.progress-bar*/.progress-bar.sc-biggive-hero-image{display:flex}/*!@.progress-bar .slider*/.progress-bar.sc-biggive-hero-image .slider.sc-biggive-hero-image{margin:auto 15px auto 0;position:relative;flex-grow:1}/*!@.progress-bar .slider:before*/.progress-bar.sc-biggive-hero-image .slider.sc-biggive-hero-image:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}/*!@.progress-bar .slider .progress*/.progress-bar.sc-biggive-hero-image .slider.sc-biggive-hero-image .progress.sc-biggive-hero-image{position:relative;border-radius:4px;background-color:#000000;height:8px}/*!@.progress-bar .counter*/.progress-bar.sc-biggive-hero-image .counter.sc-biggive-hero-image{font-weight:700;color:#000000;font-size:14px;line-height:18px}/*!@.progress-bar-primary .slider .progress*/.progress-bar-primary.sc-biggive-hero-image .slider.sc-biggive-hero-image .progress.sc-biggive-hero-image{background-color:#2C089B}/*!@.progress-bar-primary .counter*/.progress-bar-primary.sc-biggive-hero-image .counter.sc-biggive-hero-image{color:#2C089B}/*!@.progress-bar-secondary .slider .progress*/.progress-bar-secondary.sc-biggive-hero-image .slider.sc-biggive-hero-image .progress.sc-biggive-hero-image{background-color:#2AF135}/*!@.progress-bar-secondary .counter*/.progress-bar-secondary.sc-biggive-hero-image .counter.sc-biggive-hero-image{color:#2AF135}/*!@.video-wrap*/.video-wrap.sc-biggive-hero-image{position:relative;padding-bottom:56.25%}/*!@.video-wrap iframe,\n.video-wrap video*/.video-wrap.sc-biggive-hero-image iframe.sc-biggive-hero-image,.video-wrap.sc-biggive-hero-image video.sc-biggive-hero-image{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}/*!@.image-wrap img*/.image-wrap.sc-biggive-hero-image img.sc-biggive-hero-image{width:100%;height:auto}/*!@.align-left*/.align-left.sc-biggive-hero-image{text-align:left}/*!@.align-right*/.align-right.sc-biggive-hero-image{text-align:right}/*!@.align-center*/.align-center.sc-biggive-hero-image{text-align:center}/*!@.align-justify*/.align-justify.sc-biggive-hero-image{text-align:justify}/*!@.space-below-0*/.space-below-0.sc-biggive-hero-image{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-hero-image{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-hero-image{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-hero-image{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-hero-image{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-hero-image{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-hero-image{margin-bottom:60px}/*!@.space-above-0*/.space-above-0.sc-biggive-hero-image{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-hero-image{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-hero-image{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-hero-image{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-hero-image{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-hero-image{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-hero-image{margin-top:60px}/*!@.horizontal-padding-1*/.horizontal-padding-1.sc-biggive-hero-image{padding-left:5px;padding-right:5px}/*!@.horizontal-padding-2*/.horizontal-padding-2.sc-biggive-hero-image{padding-left:10px;padding-right:10px}/*!@.horizontal-padding-3*/.horizontal-padding-3.sc-biggive-hero-image{padding-left:15px;padding-right:15px}/*!@.horizontal-padding-4*/.horizontal-padding-4.sc-biggive-hero-image{padding-left:30px;padding-right:30px}/*!@.horizontal-padding-5*/.horizontal-padding-5.sc-biggive-hero-image{padding-left:45px;padding-right:45px}/*!@.horizontal-padding-6*/.horizontal-padding-6.sc-biggive-hero-image{padding-left:60px;padding-right:60px}/*!@.vertical-padding-1*/.vertical-padding-1.sc-biggive-hero-image{padding-top:5px;padding-bottom:5px}/*!@.vertical-padding-2*/.vertical-padding-2.sc-biggive-hero-image{padding-top:10px;padding-bottom:10px}/*!@.vertical-padding-3*/.vertical-padding-3.sc-biggive-hero-image{padding-top:15px;padding-bottom:15px}/*!@.vertical-padding-4*/.vertical-padding-4.sc-biggive-hero-image{padding-top:30px;padding-bottom:30px}/*!@.vertical-padding-5*/.vertical-padding-5.sc-biggive-hero-image{padding-top:45px;padding-bottom:45px}/*!@.vertical-padding-6*/.vertical-padding-6.sc-biggive-hero-image{padding-top:60px;padding-bottom:60px}/*!@:host*/.sc-biggive-hero-image-h{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}/*!@.container*/.container.sc-biggive-hero-image{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;margin-bottom:30px}/*!@.container.colour-scheme-primary*/.container.colour-scheme-primary.sc-biggive-hero-image{color:#2C089B}/*!@.container.colour-scheme-secondary*/.container.colour-scheme-secondary.sc-biggive-hero-image{color:#2AF135}/*!@.container.colour-scheme-tertiary*/.container.colour-scheme-tertiary.sc-biggive-hero-image{color:#FF7272}/*!@.container.colour-scheme-white*/.container.colour-scheme-white.sc-biggive-hero-image{color:#FFFFFF}/*!@.container.colour-scheme-black*/.container.colour-scheme-black.sc-biggive-hero-image{color:#000000}/*!@.container .sleeve*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image{display:flex;justify-content:space-between;max-width:1200px;margin-left:auto;margin-right:auto}/*!@.container .content-wrap*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{width:40%;position:relative;z-index:1;white-space:pre-wrap;padding:180px 60px 60px 0}/*!@.container .content-wrap .logo*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .logo.sc-biggive-hero-image{height:75px;margin-bottom:30px;background-size:contain;background-repeat:no-repeat;background-position:left center}/*!@.container .content-wrap .logo img*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .logo.sc-biggive-hero-image img.sc-biggive-hero-image{display:none}/*!@.container .content-wrap .slug*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .slug.sc-biggive-hero-image{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}/*!@.container .content-wrap h1*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image h1.sc-biggive-hero-image{font-size:47px;line-height:60px;font-weight:bold;margin:0 0 15px 0;padding:0}/*!@.container .content-wrap .teaser*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .teaser.sc-biggive-hero-image{margin:0 0 45px 0;padding:0}/*!@.container .graphic-wrap*/.container.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#F1F1F1;margin-left:20vw;clip-path:polygon(0 0, 100% 0, 100% 100%)}/*!@.container .graphic-wrap .image-wrap*/.container.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image .image-wrap.sc-biggive-hero-image{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-size:cover}/*!@.container .graphic-wrap .image-wrap img*/.container.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image .image-wrap.sc-biggive-hero-image img.sc-biggive-hero-image{display:none}@media screen and (max-width: 768px){/*!@.container .sleeve*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image{flex-wrap:wrap}/*!@.container .sleeve .content-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{width:100%;padding:25vw 15px 15px 15px}/*!@.container .sleeve .graphic-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image{margin-left:0;bottom:auto;padding-bottom:50%}}@media screen and (max-width: 1225px) and (min-width: 768px){/*!@.container .sleeve .content-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{padding-left:60px}}";
+const biggiveHeroImageCss = "/*!@body*/body.sc-biggive-hero-image{background-color:#D7D7D7}/*!@h1, h3, h3, h4, h5, h6*/h1.sc-biggive-hero-image,h3.sc-biggive-hero-image,h4.sc-biggive-hero-image,h5.sc-biggive-hero-image,h6.sc-biggive-hero-image{margin-bottom:0}/*!@h1, .heading-1*/h1.sc-biggive-hero-image,.heading-1.sc-biggive-hero-image{font-size:47px;line-height:60px;font-weight:bold}/*!@h2, .heading-2*/h2.sc-biggive-hero-image,.heading-2.sc-biggive-hero-image{font-size:38px;line-height:45px;font-weight:bold}/*!@h3, .heading-3*/h3.sc-biggive-hero-image,.heading-3.sc-biggive-hero-image{font-size:25px;line-height:32px;font-weight:bold}/*!@h4, .heading-4*/h4.sc-biggive-hero-image,.heading-4.sc-biggive-hero-image{font-size:20px;line-height:24px;font-weight:bold}/*!@h5, .heading-5*/h5.sc-biggive-hero-image,.heading-5.sc-biggive-hero-image{font-size:17px;line-height:24px;font-weight:bold}/*!@a*/a.sc-biggive-hero-image{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-hero-image:hover{text-decoration:none}/*!@.colour-primary*/.colour-primary.sc-biggive-hero-image{color:#2C089B}/*!@.colour-secondary*/.colour-secondary.sc-biggive-hero-image{color:#2AF135}/*!@.colour-tertiary*/.colour-tertiary.sc-biggive-hero-image{color:#FF7272}/*!@.colour-white*/.colour-white.sc-biggive-hero-image{color:#FFFFFF}/*!@.colour-black*/.colour-black.sc-biggive-hero-image{color:#000000}/*!@.text-colour-hover-primary:hover,\n.text-colour-primary*/.text-colour-hover-primary.sc-biggive-hero-image:hover,.text-colour-primary.sc-biggive-hero-image{color:#2C089B}/*!@.text-colour-hover-secondary:hover,\n.text-colour-secondary*/.text-colour-hover-secondary.sc-biggive-hero-image:hover,.text-colour-secondary.sc-biggive-hero-image{color:#2AF135}/*!@.text-colour-hover-tertiary:hover,\n.text-colour-tertiary*/.text-colour-hover-tertiary.sc-biggive-hero-image:hover,.text-colour-tertiary.sc-biggive-hero-image{color:#FF7272}/*!@.text-colour-hover-white:hover,\n.text-colour-white*/.text-colour-hover-white.sc-biggive-hero-image:hover,.text-colour-white.sc-biggive-hero-image{color:#FFFFFF}/*!@.text-colour-hover-black:hover,\n.text-colour-black*/.text-colour-hover-black.sc-biggive-hero-image:hover,.text-colour-black.sc-biggive-hero-image{color:#000000}/*!@.fill-primary*/.fill-primary.sc-biggive-hero-image{fill:#2C089B}/*!@.fill-secondary*/.fill-secondary.sc-biggive-hero-image{fill:#2AF135}/*!@.fill-tertiary*/.fill-tertiary.sc-biggive-hero-image{fill:#FF7272}/*!@.fill-white*/.fill-white.sc-biggive-hero-image{fill:#FFFFFF}/*!@.fill-black*/.fill-black.sc-biggive-hero-image{fill:#000000}/*!@.fill-red*/.fill-red.sc-biggive-hero-image{fill:red}/*!@.background-colour-hover-primary:hover,\n.background-colour-primary*/.background-colour-hover-primary.sc-biggive-hero-image:hover,.background-colour-primary.sc-biggive-hero-image{background-color:#2C089B}/*!@.background-colour-hover-secondary:hover,\n.background-colour-secondary*/.background-colour-hover-secondary.sc-biggive-hero-image:hover,.background-colour-secondary.sc-biggive-hero-image{background-color:#2AF135}/*!@.background-colour-hover-tertiary:hover,\n.background-colour-tertiary*/.background-colour-hover-tertiary.sc-biggive-hero-image:hover,.background-colour-tertiary.sc-biggive-hero-image{background-color:#FF7272}/*!@.background-colour-hover-white:hover,\n.background-colour-white*/.background-colour-hover-white.sc-biggive-hero-image:hover,.background-colour-white.sc-biggive-hero-image{background-color:#FFFFFF}/*!@.background-colour-hover-black:hover,\n.background-colour-black*/.background-colour-hover-black.sc-biggive-hero-image:hover,.background-colour-black.sc-biggive-hero-image{background-color:#000000}/*!@.input-wrap*/.input-wrap.sc-biggive-hero-image{display:flex;justify-content:space-between}/*!@.input-text*/.input-text.sc-biggive-hero-image{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*/.input-text.sc-biggive-hero-image:focus{outline:0}/*!@.input-text:placeholder*/.input-text.sc-biggive-hero-image:placeholder{color:#4A4A4A}/*!@.button*/.button.sc-biggive-hero-image{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}/*!@.button:hover*/.button.sc-biggive-hero-image:hover{background-color:#FFFFFF;color:#000000}/*!@.button.size-small*/.button.size-small.sc-biggive-hero-image{font-size:13px;line-height:17px;padding:5px 15px}/*!@.button.button.rounded-true*/.button.button.rounded-true.sc-biggive-hero-image{border-radius:27.5px}/*!@.button.button.rounded-true.size-small*/.button.button.rounded-true.size-small.sc-biggive-hero-image{border-radius:20px}/*!@.button-primary*/.button-primary.sc-biggive-hero-image{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}/*!@.button-primary:hover*/.button-primary.sc-biggive-hero-image:hover{color:#2C089B;background-color:#FFFFFF}/*!@.button-secondary*/.button-secondary.sc-biggive-hero-image{color:#2C089B;background-color:#2AF135;border-color:#2AF135}/*!@.button-secondary:hover*/.button-secondary.sc-biggive-hero-image:hover{background-color:#FFFFFF}/*!@.button-tertiary*/.button-tertiary.sc-biggive-hero-image{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}/*!@.button-tertiary:hover*/.button-tertiary.sc-biggive-hero-image:hover{background-color:#FFFFFF}/*!@.button-white*/.button-white.sc-biggive-hero-image{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}/*!@.button-white:hover*/.button-white.sc-biggive-hero-image:hover{color:#FFFFFF;background-color:#2C089B}/*!@.button-black*/.button-black.sc-biggive-hero-image{color:#FFFFFF;background-color:#000000;border-color:#000000}/*!@.button-black:hover*/.button-black.sc-biggive-hero-image:hover{color:#000000;background-color:#FFFFFF}/*!@.button-clear-primary*/.button-clear-primary.sc-biggive-hero-image{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-primary:hover*/.button-clear-primary.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-secondary*/.button-clear-secondary.sc-biggive-hero-image{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-secondary:hover*/.button-clear-secondary.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-tertiary*/.button-clear-tertiary.sc-biggive-hero-image{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-tertiary:hover*/.button-clear-tertiary.sc-biggive-hero-image:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-white*/.button-clear-white.sc-biggive-hero-image{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-white:hover*/.button-clear-white.sc-biggive-hero-image:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}/*!@.button-rounded*/.button-rounded.sc-biggive-hero-image{border-radius:27.5px}/*!@.button-rounded.size-small*/.button-rounded.size-small.sc-biggive-hero-image{border-radius:20px}/*!@.progress-bar*/.progress-bar.sc-biggive-hero-image{display:flex}/*!@.progress-bar .slider*/.progress-bar.sc-biggive-hero-image .slider.sc-biggive-hero-image{margin:auto 15px auto 0;position:relative;flex-grow:1}/*!@.progress-bar .slider:before*/.progress-bar.sc-biggive-hero-image .slider.sc-biggive-hero-image:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}/*!@.progress-bar .slider .progress*/.progress-bar.sc-biggive-hero-image .slider.sc-biggive-hero-image .progress.sc-biggive-hero-image{position:relative;border-radius:4px;background-color:#000000;height:8px}/*!@.progress-bar .counter*/.progress-bar.sc-biggive-hero-image .counter.sc-biggive-hero-image{font-weight:700;color:#000000;font-size:14px;line-height:18px}/*!@.progress-bar-primary .slider .progress*/.progress-bar-primary.sc-biggive-hero-image .slider.sc-biggive-hero-image .progress.sc-biggive-hero-image{background-color:#2C089B}/*!@.progress-bar-primary .counter*/.progress-bar-primary.sc-biggive-hero-image .counter.sc-biggive-hero-image{color:#2C089B}/*!@.progress-bar-secondary .slider .progress*/.progress-bar-secondary.sc-biggive-hero-image .slider.sc-biggive-hero-image .progress.sc-biggive-hero-image{background-color:#2AF135}/*!@.progress-bar-secondary .counter*/.progress-bar-secondary.sc-biggive-hero-image .counter.sc-biggive-hero-image{color:#2AF135}/*!@.video-wrap*/.video-wrap.sc-biggive-hero-image{position:relative;padding-bottom:56.25%}/*!@.video-wrap iframe,\n.video-wrap video*/.video-wrap.sc-biggive-hero-image iframe.sc-biggive-hero-image,.video-wrap.sc-biggive-hero-image video.sc-biggive-hero-image{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}/*!@.image-wrap img*/.image-wrap.sc-biggive-hero-image img.sc-biggive-hero-image{width:100%;height:auto}/*!@.align-left*/.align-left.sc-biggive-hero-image{text-align:left}/*!@.align-right*/.align-right.sc-biggive-hero-image{text-align:right}/*!@.align-center*/.align-center.sc-biggive-hero-image{text-align:center}/*!@.align-justify*/.align-justify.sc-biggive-hero-image{text-align:justify}/*!@.space-below-0*/.space-below-0.sc-biggive-hero-image{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-hero-image{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-hero-image{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-hero-image{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-hero-image{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-hero-image{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-hero-image{margin-bottom:60px}/*!@.space-above-0*/.space-above-0.sc-biggive-hero-image{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-hero-image{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-hero-image{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-hero-image{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-hero-image{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-hero-image{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-hero-image{margin-top:60px}/*!@.horizontal-padding-1*/.horizontal-padding-1.sc-biggive-hero-image{padding-left:5px;padding-right:5px}/*!@.horizontal-padding-2*/.horizontal-padding-2.sc-biggive-hero-image{padding-left:10px;padding-right:10px}/*!@.horizontal-padding-3*/.horizontal-padding-3.sc-biggive-hero-image{padding-left:15px;padding-right:15px}/*!@.horizontal-padding-4*/.horizontal-padding-4.sc-biggive-hero-image{padding-left:30px;padding-right:30px}/*!@.horizontal-padding-5*/.horizontal-padding-5.sc-biggive-hero-image{padding-left:45px;padding-right:45px}/*!@.horizontal-padding-6*/.horizontal-padding-6.sc-biggive-hero-image{padding-left:60px;padding-right:60px}/*!@.vertical-padding-1*/.vertical-padding-1.sc-biggive-hero-image{padding-top:5px;padding-bottom:5px}/*!@.vertical-padding-2*/.vertical-padding-2.sc-biggive-hero-image{padding-top:10px;padding-bottom:10px}/*!@.vertical-padding-3*/.vertical-padding-3.sc-biggive-hero-image{padding-top:15px;padding-bottom:15px}/*!@.vertical-padding-4*/.vertical-padding-4.sc-biggive-hero-image{padding-top:30px;padding-bottom:30px}/*!@.vertical-padding-5*/.vertical-padding-5.sc-biggive-hero-image{padding-top:45px;padding-bottom:45px}/*!@.vertical-padding-6*/.vertical-padding-6.sc-biggive-hero-image{padding-top:60px;padding-bottom:60px}/*!@:host*/.sc-biggive-hero-image-h{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}/*!@.container*/.container.sc-biggive-hero-image{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;margin-bottom:30px}/*!@.container.colour-scheme-primary*/.container.colour-scheme-primary.sc-biggive-hero-image{color:#2C089B}/*!@.container.colour-scheme-secondary*/.container.colour-scheme-secondary.sc-biggive-hero-image{color:#2AF135}/*!@.container.colour-scheme-tertiary*/.container.colour-scheme-tertiary.sc-biggive-hero-image{color:#FF7272}/*!@.container.colour-scheme-white*/.container.colour-scheme-white.sc-biggive-hero-image{color:#FFFFFF}/*!@.container.colour-scheme-black*/.container.colour-scheme-black.sc-biggive-hero-image{color:#000000}/*!@.container .sleeve*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image{display:flex;justify-content:space-between;max-width:1200px;margin-left:auto;margin-right:auto}/*!@.container .content-wrap*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{width:40%;position:relative;z-index:1;white-space:pre-wrap;padding:180px 60px 60px 0}/*!@.container .content-wrap .logo, .container .content-wrap .logo-space*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .logo.sc-biggive-hero-image,.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .logo-space.sc-biggive-hero-image{height:75px}/*!@.container .content-wrap .logo*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .logo.sc-biggive-hero-image{margin-bottom:30px;background-size:contain;background-repeat:no-repeat;background-position:left center}/*!@.container .content-wrap .logo img*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .logo.sc-biggive-hero-image img.sc-biggive-hero-image{display:none}/*!@.container .content-wrap .slug*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .slug.sc-biggive-hero-image{font-size:20px;line-height:24px;font-weight:bold;min-height:24px;margin:0;padding:0}/*!@.container .content-wrap h1*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image h1.sc-biggive-hero-image{font-size:47px;line-height:60px;font-weight:bold;margin:50px 0 15px 0;padding:0}@media (max-width: 768px){/*!@.container .content-wrap h1*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image h1.sc-biggive-hero-image{font-size:38px;line-height:45px;font-weight:bold}}/*!@.container .content-wrap .teaser*/.container.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image .teaser.sc-biggive-hero-image{margin:0 0 45px 0;padding:0}/*!@.container .graphic-wrap*/.container.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#F1F1F1;margin-left:20vw;clip-path:polygon(0 0, 100% 0, 100% 100%)}/*!@.container .graphic-wrap .image-wrap*/.container.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image .image-wrap.sc-biggive-hero-image{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-size:cover}/*!@.container .graphic-wrap .image-wrap img*/.container.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image .image-wrap.sc-biggive-hero-image img.sc-biggive-hero-image{display:none}@media screen and (max-width: 768px){/*!@.container .sleeve*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image{flex-wrap:wrap}/*!@.container .sleeve .content-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{width:100%;padding:25vw 15px 15px 15px}/*!@.container .sleeve .graphic-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .graphic-wrap.sc-biggive-hero-image{margin-left:0;bottom:auto;padding-bottom:50%}}@media screen and (max-width: 1225px) and (min-width: 768px){/*!@.container .sleeve .content-wrap*/.container.sc-biggive-hero-image .sleeve.sc-biggive-hero-image .content-wrap.sc-biggive-hero-image{padding-left:60px}}";
 
 class BiggiveHeroImage {
   constructor(hostRef) {
@@ -6976,7 +6968,7 @@ class BiggiveHeroImage {
     this.buttonColourScheme = 'primary';
   }
   render() {
-    return (hAsync("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "content-wrap" }, this.logo.length > 0 ? (hAsync("div", { class: "logo image-wrap", style: { 'background-image': 'url(' + this.logo + ')' } }, hAsync("img", { src: this.logo }))) : null, hAsync("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), hAsync("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), hAsync("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
+    return (hAsync("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "content-wrap" }, this.logo.length > 0 ? (hAsync("div", { class: "logo image-wrap", style: { 'background-image': 'url(' + this.logo + ')' } }, hAsync("img", { src: this.logo }))) : hAsync("div", { class: "logo-space" }), hAsync("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), hAsync("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), hAsync("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
       ? hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
       : null), hAsync("div", { class: "graphic-wrap" }, this.mainImage !== null ? (hAsync("div", { class: "image-wrap", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } }, hAsync("img", { src: this.mainImage }))) : null))));
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@biggive/components",
-  "version": "1.0.126",
+  "version": "1.0.128",
   "description": "Big Give Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",