@biggive/components 202305111528.0.0 → 202305161606.0.0

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

@@ -269,17 +269,17 @@ const BiggiveCampaignCard = class {
 };
 BiggiveCampaignCard.style = biggiveCampaignCardCss;
 
-const biggiveCampaignCardFilterGridCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:content}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .search-wrap{background-color:#FFFFFF;padding:15px 30px;margin-bottom:15px}.container .search-wrap h4{margin-bottom:15px}.container .search-wrap .field-wrap{display:flex;justify-content:space-between}.container .search-wrap .field-wrap .input-wrap{display:flex;justify-content:space-between;padding-bottom:5px;border-bottom:1px solid #000000;margin-right:30px;flex-grow:1}.container .search-wrap .field-wrap .input-wrap input{border:0}.container .search-wrap .field-wrap button{padding:5px 30px}.selected-filter-wrap{display:flex;margin-bottom:30px}.selected-filter-wrap .button{cursor:pointer;border-radius:20px;padding:5px 50px 5px 20px;margin-right:15px;background-color:#FF7272;color:#000000;border:1px solid #FF7272;text-decoration:none;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTguNCAxOC40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOC40IDE4LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7c3Ryb2tlOiMwMDAwMDA7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOS4yLDguNUwxNywwLjdsMC43LDAuN0w5LjksOS4ybDcuOCw3LjhMMTcsMTcuN0w5LjIsOS45bC03LjgsNy44TDAuNywxN2w3LjgtNy44TDAuNywxLjRsMC43LTAuN0w5LjIsOC41eiIvPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:right 20px center;background-size:12px auto}.selected-filter-wrap .button:hover{background-color:#FFFFFF;color:#000000}.selected-filter-wrap .clear-all{margin-left:auto}.selected-filter-wrap .clear-all a{cursor:pointer;border-radius:20px;padding:5px 20px;margin-right:15px;background-color:#2C089B;color:#FFFFFF;border:1px solid #2C089B;text-decoration:none}.selected-filter-wrap .clear-all a:hover{background-color:#FFFFFF;color:#2C089B}.sort-filter-wrap{display:flex;justify-content:flex-end;margin-bottom:30px;text-align:right;display:flex}.sort-filter-wrap .clear-all{cursor:pointer;vertical-align:center;margin-top:auto;margin-bottom:auto}.sort-filter-wrap .sort-wrap{margin-left:15px}.sort-filter-wrap .filter-wrap{margin-left:15px}.sort-filter-wrap .filter-wrap .button.filter{padding-left:60px;padding-right:30px}.sort-filter-wrap .filter-wrap .button.filter .filter-icon{content:\"\";display:block;position:absolute;left:25px;top:17px;width:13px;height:13px}.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg{width:100%;height:auto;vertical-align:top}.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg:hover{fill:#2C089B}.icon{height:1rem;width:2rem;vertical-align:-0.125rem;margin:auto}.icon>path{fill:#2C089B}.icon-clear-all>path{fill:#000000}@media screen and (max-width: 450px){.sort-filter-wrap{flex-direction:column-reverse}.sort-filter-wrap .sort-wrap{margin-top:20px;margin-bottom:20px}}@media screen and (max-width: 350px){.sort-filter-wrap{justify-content:space-between}.sort-filter-wrap .sort-wrap{margin-left:0px}.sort-filter-wrap .filter-wrap{margin-left:3px}}.align-right{text-align:right}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.text-colour-primary{color:#2C089B}";
+const biggiveCampaignCardFilterGridCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:content}.select-wrapper-1,.select-wrapper-2,.select-wrapper-3,.select-wrapper-4{position:relative}.select-wrapper-1{z-index:4}.select-wrapper-2{z-index:3}.select-wrapper-3{z-index:2}.select-wrapper-4{z-index:1}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .search-wrap{background-color:#FFFFFF;padding:15px 30px;margin-bottom:15px}.container .search-wrap h4{margin-bottom:15px}.container .search-wrap .field-wrap{display:flex;justify-content:space-between}.container .search-wrap .field-wrap .input-wrap{display:flex;justify-content:space-between;padding-bottom:5px;border-bottom:1px solid #000000;margin-right:30px;flex-grow:1}.container .search-wrap .field-wrap .input-wrap input{border:0}.container .search-wrap .field-wrap button{padding:5px 30px}.selected-filter-wrap{display:flex;margin-bottom:30px}.selected-filter-wrap .button{cursor:pointer;border-radius:20px;padding:5px 50px 5px 20px;margin-right:15px;background-color:#FF7272;color:#000000;border:1px solid #FF7272;text-decoration:none;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTguNCAxOC40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOC40IDE4LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7c3Ryb2tlOiMwMDAwMDA7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOS4yLDguNUwxNywwLjdsMC43LDAuN0w5LjksOS4ybDcuOCw3LjhMMTcsMTcuN0w5LjIsOS45bC03LjgsNy44TDAuNywxN2w3LjgtNy44TDAuNywxLjRsMC43LTAuN0w5LjIsOC41eiIvPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:right 20px center;background-size:12px auto}.selected-filter-wrap .button:hover{background-color:#FFFFFF;color:#000000}.selected-filter-wrap .clear-all{margin-left:auto}.selected-filter-wrap .clear-all a{cursor:pointer;border-radius:20px;padding:5px 20px;margin-right:15px;background-color:#2C089B;color:#FFFFFF;border:1px solid #2C089B;text-decoration:none}.selected-filter-wrap .clear-all a:hover{background-color:#FFFFFF;color:#2C089B}.sort-filter-wrap{display:flex;justify-content:flex-end;margin-bottom:30px;text-align:right;display:flex}.sort-filter-wrap .clear-all{cursor:pointer;vertical-align:center;margin-top:auto;margin-bottom:auto}.sort-filter-wrap .sort-wrap{margin-left:15px}.sort-filter-wrap .filter-wrap{margin-left:15px}.sort-filter-wrap .filter-wrap .button.filter{padding-left:60px;padding-right:30px}.sort-filter-wrap .filter-wrap .button.filter .filter-icon{content:\"\";display:block;position:absolute;left:25px;top:17px;width:13px;height:13px}.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg{width:100%;height:auto;vertical-align:top}.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg:hover{fill:#2C089B}.icon{height:1rem;width:2rem;vertical-align:-0.125rem;margin:auto}.icon>path{fill:#2C089B}.icon-clear-all>path{fill:#000000}@media screen and (max-width: 450px){.sort-filter-wrap{flex-direction:column-reverse}.sort-filter-wrap .sort-wrap{margin-top:20px;margin-bottom:20px}}@media screen and (max-width: 350px){.sort-filter-wrap{justify-content:space-between}.sort-filter-wrap .sort-wrap{margin-left:0px}.sort-filter-wrap .filter-wrap{margin-left:3px}}.align-right{text-align:right}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.text-colour-primary{color:#2C089B}";
 
 const BiggiveCampaignCardFilterGrid = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.doSearchAndFilterUpdate = index.createEvent(this, "doSearchAndFilterUpdate", 7);
     this.sortByPlaceholderText = 'Sort by';
-    this.beneficiariesPlaceHolderText = 'Beneficiary';
-    this.categoriesPlaceHolderText = 'Category';
-    this.locationsPlaceHolderText = 'Location';
-    this.fundingPlaceHolderText = 'Funding';
+    this.beneficiariesPlaceHolderText = 'Select beneficiary';
+    this.categoriesPlaceHolderText = 'Select category';
+    this.locationsPlaceHolderText = 'Select location';
+    this.fundingPlaceHolderText = 'Select funding';
     this.handleApplyFilterButtonClick = () => {
       const searchAndFilterObj = this.getSearchAndFilterObject();
       this.doSearchAndFilterUpdate.emit(searchAndFilterObj);
@@ -421,15 +421,15 @@ const BiggiveCampaignCardFilterGrid = class {
   }
   render() {
     var _a;
-    return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "search-wrap" }, index.h("h4", null, this.intro), index.h("div", { class: "field-wrap" }, index.h("div", { class: "input-wrap" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, index.h("path", { d: fontawesomeIcons.faMagnifyingGlass.icon[4].toString() })), index.h("input", { type: "text", value: (_a = this.searchText) !== null && _a !== void 0 ? _a : '', class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), index.h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), index.h("div", { class: "sort-filter-wrap" }, index.h("div", { class: "filter-wrap" }, index.h("biggive-button", { class: "filter", colourScheme: "primary", onClick: this.handleFilterButtonClick, label: "Filter", fullWidth: true, "space-below": "0" }), index.h("biggive-popup", { id: "filter-popup" }, index.h("h4", { class: "space-above-0 space-below-3 text-colour-primary" }, "Filters"), index.h("biggive-form-field-select", { placeholder: this.categoriesPlaceHolderText, selectedLabel: this.selectedFilterCategory, id: "categories", "space-below": "2" }, this.categoryOptions.length === 0
+    return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "search-wrap" }, index.h("h4", null, this.intro), index.h("div", { class: "field-wrap" }, index.h("div", { class: "input-wrap" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, index.h("path", { d: fontawesomeIcons.faMagnifyingGlass.icon[4].toString() })), index.h("input", { type: "text", value: (_a = this.searchText) !== null && _a !== void 0 ? _a : '', class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), index.h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), index.h("div", { class: "sort-filter-wrap" }, index.h("div", { class: "filter-wrap" }, index.h("biggive-button", { class: "filter", colourScheme: "primary", onClick: this.handleFilterButtonClick, label: "Filter", fullWidth: true, "space-below": "0" }), index.h("biggive-popup", { id: "filter-popup" }, index.h("h4", { class: "space-above-0 space-below-3 text-colour-primary" }, "Filters"), index.h("div", { class: "select-wrapper-1" }, index.h("biggive-form-field-select", { backgroundColour: "white", prompt: "Category", placeholder: this.categoriesPlaceHolderText, selectedLabel: this.selectedFilterCategory, id: "categories", "space-below": "2" }, this.categoryOptions.length === 0
       ? undefined
-      : (Array.isArray(this.categoryOptions) ? this.categoryOptions : JSON.parse(this.categoryOptions)).map(option => (index.h("biggive-form-field-select-option", { value: option, label: option })))), index.h("biggive-form-field-select", { placeholder: this.beneficiariesPlaceHolderText, selectedLabel: this.selectedFilterBeneficiary, id: "beneficiaries", "space-below": "2" }, this.beneficiaryOptions.length === 0
+      : (Array.isArray(this.categoryOptions) ? this.categoryOptions : JSON.parse(this.categoryOptions)).map(option => (index.h("biggive-form-field-select-option", { value: option, label: option }))))), index.h("div", { class: "select-wrapper-2" }, index.h("biggive-form-field-select", { backgroundColour: "white", prompt: "Beneficiary", placeholder: this.beneficiariesPlaceHolderText, selectedLabel: this.selectedFilterBeneficiary, id: "beneficiaries", "space-below": "2" }, this.beneficiaryOptions.length === 0
       ? undefined
-      : (Array.isArray(this.beneficiaryOptions) ? this.beneficiaryOptions : JSON.parse(this.beneficiaryOptions)).map(option => (index.h("biggive-form-field-select-option", { value: option, label: option })))), index.h("biggive-form-field-select", { placeholder: this.locationsPlaceHolderText, selectedLabel: this.selectedFilterLocation, id: "locations", "space-below": "2" }, this.locationOptions.length === 0
+      : (Array.isArray(this.beneficiaryOptions) ? this.beneficiaryOptions : JSON.parse(this.beneficiaryOptions)).map(option => (index.h("biggive-form-field-select-option", { value: option, label: option }))))), index.h("div", { class: "select-wrapper-3" }, index.h("biggive-form-field-select", { backgroundColour: "white", prompt: "Location", placeholder: this.locationsPlaceHolderText, selectedLabel: this.selectedFilterLocation, id: "locations", "space-below": "2" }, this.locationOptions.length === 0
       ? undefined
-      : (Array.isArray(this.locationOptions) ? this.locationOptions : JSON.parse(this.locationOptions)).map(option => (index.h("biggive-form-field-select-option", { value: option, label: option })))), index.h("biggive-form-field-select", { placeholder: this.fundingPlaceHolderText, selectedLabel: this.selectedFilterFunding, id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
+      : (Array.isArray(this.locationOptions) ? this.locationOptions : JSON.parse(this.locationOptions)).map(option => (index.h("biggive-form-field-select-option", { value: option, label: option }))))), index.h("div", { class: "select-wrapper-4" }, index.h("biggive-form-field-select", { backgroundColour: "white", prompt: "Funding", placeholder: this.fundingPlaceHolderText, selectedLabel: this.selectedFilterFunding, id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
       ? undefined
-      : (Array.isArray(this.fundingOptions) ? this.fundingOptions : JSON.parse(this.fundingOptions)).map(option => (index.h("biggive-form-field-select-option", { value: option, label: option })))), index.h("div", { class: "align-right" }, index.h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), index.h("div", { class: "sort-wrap" }, index.h("biggive-form-field-select", { "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, id: "sort-by" }, index.h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), index.h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), (this.searchText || '').length > 0 ? index.h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), index.h("div", { class: "selected-filter-wrap" }, index.h("div", { class: "selected-filters" }), index.h("div", { class: "clear-all" }, index.h("a", { onClick: this.handleClearAll }, "Clear all"))), index.h("div", { class: "campaign-grid" }, index.h("slot", { name: "campaign-grid" })))));
+      : (Array.isArray(this.fundingOptions) ? this.fundingOptions : JSON.parse(this.fundingOptions)).map(option => (index.h("biggive-form-field-select-option", { value: option, label: option }))))), index.h("div", { class: "align-right" }, index.h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), index.h("div", { class: "sort-wrap" }, index.h("biggive-form-field-select", { prompt: null, "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, id: "sort-by" }, index.h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), index.h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), (this.searchText || '').length > 0 ? index.h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), index.h("div", { class: "selected-filter-wrap" }, index.h("div", { class: "selected-filters" }), index.h("div", { class: "clear-all" }, index.h("a", { onClick: this.handleClearAll }, "Clear all"))), index.h("div", { class: "campaign-grid" }, index.h("slot", { name: "campaign-grid" })))));
   }
   get el() { return index.getElement(this); }
 };
@@ -670,15 +670,17 @@ const BiggiveFooter = class {
 };
 BiggiveFooter.style = biggiveFooterCss;
 
-const biggiveFormFieldSelectCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.dropdown{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.dropdown.select-style-bordered .sleeve{font-size:17px;line-height:24px;padding:1px;position:relative;background-color:#2C089B;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 15px) 0%, 100% 15px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.dropdown.select-style-bordered .sleeve span.placeholder{background-color:#FFFFFF;color:#2C089B;display:block;position:relative;padding:10px 80px 10px 10px;cursor:pointer;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 14px) 0%, 100% 14px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.dropdown.select-style-bordered .sleeve span.placeholder:after{content:\"\";display:block;position:absolute;right:20px;top:18px;width:10px;height:10px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS4yMzcxNiA2LjYyNDkzQzQuOTAzMjMgNy4xMjUwMiA0LjA5NyA3LjEyNTAyIDMuNzYzMDggNi42MjQ5M0wwLjEyMzg2OCAxLjE3MDYzQy0wLjIxOTk0IDAuNjU1NDU5IDAuMTkyNjMgMS44MzcxZS0wNyAwLjg2MDkwOCAyLjQyMTMyZS0wN0w4LjEzOTMzIDguNzg0MzJlLTA3QzguODA3MTggOS4zNjgxN2UtMDcgOS4yMTk3NSAwLjY1NTQ1OSA4Ljg3NjM3IDEuMTcwNjNMNS4yMzcxNiA2LjYyNDkzWiIgZmlsbD0iIzJDMDg5QiIvPgo8L3N2Zz4K\");background-size:contain;background-repeat:no-repeat;background-position:center center}.dropdown.select-style-underlined .sleeve{font-size:17px;line-height:24px;padding:1px;position:relative;border-bottom:1px solid #2C089B}.dropdown.select-style-underlined .sleeve span.placeholder{background-color:#FFFFFF;color:#2C089B;display:block;position:relative;padding:10px 80px 10px 10px;cursor:pointer}.dropdown.select-style-underlined .sleeve span.placeholder:after{content:\"\";display:block;position:absolute;right:20px;top:18px;width:10px;height:10px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS4yMzcxNiA2LjYyNDkzQzQuOTAzMjMgNy4xMjUwMiA0LjA5NyA3LjEyNTAyIDMuNzYzMDggNi42MjQ5M0wwLjEyMzg2OCAxLjE3MDYzQy0wLjIxOTk0IDAuNjU1NDU5IDAuMTkyNjMgMS44MzcxZS0wNyAwLjg2MDkwOCAyLjQyMTMyZS0wN0w4LjEzOTMzIDguNzg0MzJlLTA3QzguODA3MTggOS4zNjgxN2UtMDcgOS4yMTk3NSAwLjY1NTQ1OSA4Ljg3NjM3IDEuMTcwNjNMNS4yMzcxNiA2LjYyNDkzWiIgZmlsbD0iIzJDMDg5QiIvPgo8L3N2Zz4K\");background-size:contain;background-repeat:no-repeat;background-position:center center}.dropdown .options{max-height:200px;overflow-x:hidden;overflow-y:scroll;background-color:#FFFFFF;position:absolute;display:none;z-index:1;left:0;right:0;border-left:1px solid #2C089B;border-right:1px solid #2C089B;border-bottom:1px solid #2C089B}.dropdown.active .options{display:block}";
+const biggiveFormFieldSelectCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.prompt{position:absolute;z-index:2;font-size:small;top:-1em;background-color:#FFFFFF;left:4em;padding-left:1em;padding-right:1em;color:#2C089B}.prompt.grey{background-color:#F4F4F4}.dropdown{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;margin-top:1em;text-align:left}.dropdown.select-style-bordered .sleeve{font-size:17px;line-height:24px;padding:1px;position:relative;background-color:#2C089B;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 15px) 0%, 100% 15px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.dropdown.select-style-bordered .sleeve span.placeholder{background-color:#FFFFFF;color:#2C089B;display:block;position:relative;padding:10px 80px 10px 10px;cursor:pointer;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 14px) 0%, 100% 14px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.dropdown.select-style-bordered .sleeve span.placeholder:after{content:\"\";display:block;position:absolute;right:20px;top:18px;width:10px;height:10px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS4yMzcxNiA2LjYyNDkzQzQuOTAzMjMgNy4xMjUwMiA0LjA5NyA3LjEyNTAyIDMuNzYzMDggNi42MjQ5M0wwLjEyMzg2OCAxLjE3MDYzQy0wLjIxOTk0IDAuNjU1NDU5IDAuMTkyNjMgMS44MzcxZS0wNyAwLjg2MDkwOCAyLjQyMTMyZS0wN0w4LjEzOTMzIDguNzg0MzJlLTA3QzguODA3MTggOS4zNjgxN2UtMDcgOS4yMTk3NSAwLjY1NTQ1OSA4Ljg3NjM3IDEuMTcwNjNMNS4yMzcxNiA2LjYyNDkzWiIgZmlsbD0iIzJDMDg5QiIvPgo8L3N2Zz4K\");background-size:contain;background-repeat:no-repeat;background-position:center center}.dropdown.select-style-underlined .sleeve{font-size:17px;line-height:24px;padding:1px;position:relative;border-bottom:1px solid #2C089B}.dropdown.select-style-underlined .sleeve span.placeholder{background-color:#FFFFFF;color:#2C089B;display:block;position:relative;padding:10px 80px 10px 10px;cursor:pointer}.dropdown.select-style-underlined .sleeve span.placeholder:after{content:\"\";display:block;position:absolute;right:20px;top:18px;width:10px;height:10px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS4yMzcxNiA2LjYyNDkzQzQuOTAzMjMgNy4xMjUwMiA0LjA5NyA3LjEyNTAyIDMuNzYzMDggNi42MjQ5M0wwLjEyMzg2OCAxLjE3MDYzQy0wLjIxOTk0IDAuNjU1NDU5IDAuMTkyNjMgMS44MzcxZS0wNyAwLjg2MDkwOCAyLjQyMTMyZS0wN0w4LjEzOTMzIDguNzg0MzJlLTA3QzguODA3MTggOS4zNjgxN2UtMDcgOS4yMTk3NSAwLjY1NTQ1OSA4Ljg3NjM3IDEuMTcwNjNMNS4yMzcxNiA2LjYyNDkzWiIgZmlsbD0iIzJDMDg5QiIvPgo8L3N2Zz4K\");background-size:contain;background-repeat:no-repeat;background-position:center center}.dropdown .options{max-height:200px;overflow-x:hidden;overflow-y:scroll;background-color:#FFFFFF;position:absolute;display:none;z-index:1;left:0;right:0;border-left:1px solid #2C089B;border-right:1px solid #2C089B;border-bottom:1px solid #2C089B}.dropdown.active .options{display:block}.dropdown.noprompt{margin-top:0}.options.grey{background-color:#F4F4F4}";
 
 const BiggiveFormFieldSelect = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.doSelectChange = index.createEvent(this, "doSelectChange", 7);
+    this.prompt = undefined;
     this.selectedValue = undefined;
     this.selectedLabel = undefined;
     this.selectStyle = 'bordered';
+    this.backgroundColour = undefined;
     this.spaceBelow = 0;
     this.placeholder = undefined;
   }
@@ -707,13 +709,13 @@ const BiggiveFormFieldSelect = class {
     }
   }
   render() {
-    return (index.h("div", { class: 'dropdown space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, index.h("div", { class: "sleeve", onClick: this.toggleFocus, onMouseLeave: this.toggleFocus }, index.h("span", { class: "placeholder" }, this.selectedLabel === null || this.selectedLabel === undefined ? this.placeholder : this.selectedLabel)), index.h("div", { class: "options" }, index.h("slot", null))));
+    return (index.h("div", { class: 'dropdown space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle + (this.prompt === null ? '  noprompt' : '') }, index.h("div", { class: "sleeve", onClick: this.toggleFocus, onMouseLeave: this.toggleFocus }, index.h("span", { class: "placeholder" }, this.selectedLabel === null || this.selectedLabel === undefined ? this.placeholder : this.selectedLabel)), index.h("div", { class: 'options' + (this.backgroundColour === 'grey' ? ' grey' : '') }, index.h("slot", null)), this.prompt && index.h("div", { class: 'prompt' + (this.backgroundColour === 'grey' ? ' grey' : '') }, this.prompt)));
   }
   get el() { return index.getElement(this); }
 };
 BiggiveFormFieldSelect.style = biggiveFormFieldSelectCss;
 
-const biggiveFormFieldSelectOptionCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.option{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;padding:2px 10px}.option:hover{background-color:#2C089B;color:#FFFFFF;cursor:pointer}";
+const biggiveFormFieldSelectOptionCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.option{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;padding:2px 10px;z-index:3}.option:hover{background-color:#2C089B;color:#FFFFFF;cursor:pointer}";
 
 const BiggiveFormFieldSelectOption = class {
   constructor(hostRef) {

package/dist/cjs/biggive.cjs.js

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy(JSON.parse("[[\"biggive-accordion_44.cjs\",[[1,\"biggive-campaign-card-filter-grid\",{\"spaceBelow\":[2,\"space-below\"],\"intro\":[1],\"searchText\":[1,\"search-text\"],\"placeholderText\":[1,\"placeholder-text\"],\"buttonText\":[1,\"button-text\"],\"categoryOptions\":[1,\"category-options\"],\"beneficiaryOptions\":[1,\"beneficiary-options\"],\"locationOptions\":[1,\"location-options\"],\"fundingOptions\":[1,\"funding-options\"],\"selectedSortByOption\":[1,\"selected-sort-by-option\"],\"selectedFilterCategory\":[1,\"selected-filter-category\"],\"selectedFilterBeneficiary\":[1,\"selected-filter-beneficiary\"],\"selectedFilterLocation\":[1,\"selected-filter-location\"],\"selectedFilterFunding\":[1,\"selected-filter-funding\"],\"filtersApplied\":[32]},[[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\"],\"isFutureCampaign\":[4,\"is-future-campaign\"],\"isPastCampaign\":[4,\"is-past-campaign\"],\"datetime\":[1]}],[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\"],\"championName\":[1,\"champion-name\"],\"championUrl\":[1,\"champion-url\"]}],[1,\"biggive-footer\",{\"headingLevel\":[2,\"heading-level\"],\"blogUrlPrefix\":[1,\"blog-url-prefix\"],\"experienceUrlPrefix\":[1,\"experience-url-prefix\"],\"usePresetFooter\":[4,\"use-preset-footer\"]}],[1,\"biggive-main-menu\",{\"blogUrlPrefix\":[1,\"blog-url-prefix\"],\"donateUrlPrefix\":[1,\"donate-url-prefix\"],\"experienceUrlPrefix\":[1,\"experience-url-prefix\"],\"isLoggedIn\":[4,\"is-logged-in\"],\"logoUrl\":[1,\"logo-url\"],\"usePresetMenuContent\":[4,\"use-preset-menu-content\"],\"closeMobileMenuFromOutside\":[64]}],[1,\"biggive-article-card\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundImageUrl\":[1,\"background-image-url\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"date\":[1],\"dateColour\":[1,\"date-colour\"],\"mainTitle\":[1,\"main-title\"],\"mainTitleColour\":[1,\"main-title-colour\"],\"image1Url\":[1,\"image-1-url\"],\"image1AltText\":[1,\"image-1-alt-text\"],\"image2Url\":[1,\"image-2-url\"],\"image2AltText\":[1,\"image-2-alt-text\"],\"imageLabel\":[1,\"image-label\"],\"imageLabelColour\":[1,\"image-label-colour\"],\"buttonLabel\":[1,\"button-label\"],\"buttonUrl\":[1,\"button-url\"],\"buttonColour\":[1,\"button-colour\"],\"clipBottomLeftCorner\":[4,\"clip-bottom-left-corner\"],\"clipTopRightCorner\":[4,\"clip-top-right-corner\"]}],[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-filtered-carousel\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"]}],[1,\"biggive-hero-image\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"logo\":[1],\"logoHeight\":[2,\"logo-height\"],\"logoAltText\":[1,\"logo-alt-text\"],\"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-icon-button\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundPadding\":[2,\"background-padding\"],\"text\":[1],\"textColour\":[1,\"text-colour\"],\"iconGroup\":[1,\"icon-group\"],\"icon\":[1],\"url\":[1],\"openInNewTab\":[4,\"open-in-new-tab\"],\"size\":[1],\"arrow\":[4],\"arrowColour\":[1,\"arrow-colour\"],\"circle\":[4],\"shadow\":[4],\"centered\":[4],\"rounded\":[4],\"buttonId\":[1,\"button-id\"]}],[1,\"biggive-image-feature\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"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-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-accordion\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"headingColour\":[1,\"heading-colour\"]}],[1,\"biggive-accordion-entry\",{\"heading\":[1]}],[1,\"biggive-back-to-top\"],[1,\"biggive-biography-card\",{\"spaceBelow\":[2,\"space-below\"],\"borderWidth\":[2,\"border-width\"],\"imageUrl\":[1,\"image-url\"],\"imageStyle\":[1,\"image-style\"],\"textColour\":[1,\"text-colour\"],\"backgroundColour\":[1,\"background-colour\"],\"fullName\":[1,\"full-name\"],\"jobTitle\":[1,\"job-title\"],\"textAlign\":[1,\"text-align\"],\"ratio\":[1],\"circle\":[4],\"rounded\":[4],\"url\":[1]}],[1,\"biggive-branded-image\",{\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"logoUrl\":[1,\"logo-url\"],\"slug\":[1],\"charityName\":[1,\"charity-name\"],\"charityLocation\":[1,\"charity-location\"],\"charityUrl\":[1,\"charity-url\"]}],[1,\"biggive-formatted-text\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"maxWidth\":[2,\"max-width\"]}],[1,\"biggive-grid\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"spaceBetween\":[4,\"space-between\"],\"columnGap\":[2,\"column-gap\"]}],[1,\"biggive-heading\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"colour\":[1],\"htmlElement\":[1,\"html-element\"],\"size\":[2],\"align\":[1],\"text\":[1],\"icon\":[4],\"iconColour\":[1,\"icon-colour\"]}],[1,\"biggive-image\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"width\":[2],\"height\":[2],\"sizeUnit\":[1,\"size-unit\"]}],[1,\"biggive-image-button\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundPadding\":[2,\"background-padding\"],\"text\":[1],\"textColour\":[1,\"text-colour\"],\"imageUrl\":[1,\"image-url\"],\"imageStyle\":[1,\"image-style\"],\"url\":[1],\"openInNewTab\":[4,\"open-in-new-tab\"],\"size\":[1],\"arrow\":[4],\"arrowColour\":[1,\"arrow-colour\"],\"circle\":[4],\"shadow\":[4],\"centered\":[4],\"rounded\":[4],\"buttonId\":[1,\"button-id\"]}],[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\"],\"maxWidth\":[2,\"max-width\"],\"primaryFullBleed\":[4,\"primary-full-bleed\"]}],[1,\"biggive-quote\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"quote\":[1],\"attribution\":[1],\"quoteIconColour\":[1,\"quote-icon-colour\"]}],[1,\"biggive-sheet\",{\"sheetId\":[1,\"sheet-id\"],\"backgroundColour\":[1,\"background-colour\"],\"textColour\":[1,\"text-colour\"]}],[1,\"biggive-tab\",{\"tabTitle\":[1,\"tab-title\"]}],[1,\"biggive-tabbed-content\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"selectedTextColour\":[1,\"selected-text-colour\"],\"navigationHighlightColour\":[1,\"navigation-highlight-colour\"],\"selectedNavigationHighlightColour\":[1,\"selected-navigation-highlight-colour\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"]}],[1,\"biggive-text-input\",{\"value\":[1],\"currency\":[1],\"spaceBelow\":[2,\"space-below\"],\"selectStyle\":[1,\"select-style\"],\"prompt\":[1]}],[1,\"biggive-timeline\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"selectedTextColour\":[1,\"selected-text-colour\"],\"navigationHighlightColour\":[1,\"navigation-highlight-colour\"],\"selectedNavigationHighlightColour\":[1,\"selected-navigation-highlight-colour\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"],\"entryBackgroundColour\":[1,\"entry-background-colour\"],\"entryHighlightColour\":[1,\"entry-highlight-colour\"],\"entryDateColour\":[1,\"entry-date-colour\"],\"entryTitleColour\":[1,\"entry-title-colour\"],\"entryTextColour\":[1,\"entry-text-colour\"]}],[1,\"biggive-timeline-entry\",{\"date\":[1],\"heading\":[1]}],[1,\"biggive-tipping-slider\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"percentageStart\":[2,\"percentage-start\"],\"percentageEnd\":[2,\"percentage-end\"],\"donationAmount\":[2,\"donation-amount\"],\"donationCurrency\":[1,\"donation-currency\"]}],[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\"]}],[1,\"biggive-totalizer-ticker-item\",{\"figure\":[1],\"label\":[1]}],[1,\"biggive-carousel\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"],\"versions\":[32],\"resizeToFitContent\":[64]}],[1,\"biggive-form-field-select\",{\"selectedValue\":[1,\"selected-value\"],\"selectedLabel\":[1,\"selected-label\"],\"selectStyle\":[1,\"select-style\"],\"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-generic-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"iconGroup\":[1,\"icon-group\"],\"icon\":[1],\"url\":[1]}],[1,\"biggive-popup\",{\"openFromOutside\":[64],\"closeFromOutside\":[64]}],[1,\"biggive-progress-bar\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"counter\":[2]}],[0,\"biggive-social-icon\",{\"service\":[1],\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"wide\":[4],\"url\":[1]}],[0,\"biggive-misc-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"url\":[1]}],[1,\"biggive-button\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"label\":[1],\"url\":[1],\"openInNewTab\":[4,\"open-in-new-tab\"],\"fullWidth\":[4,\"full-width\"],\"size\":[1],\"rounded\":[4],\"centered\":[4],\"buttonId\":[1,\"button-id\"]}]]],[\"biggive-basic-card.cjs\",[[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],\"teaser\":[1],\"icon\":[4],\"iconColour\":[1,\"icon-colour\"],\"buttonLabel\":[1,\"button-label\"],\"buttonUrl\":[1,\"button-url\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"],\"clipBottomLeftCorner\":[4,\"clip-bottom-left-corner\"],\"clipTopRightCorner\":[4,\"clip-top-right-corner\"],\"headingLevel\":[2,\"heading-level\"],\"addAnimation\":[4,\"add-animation\"]}]]],[\"biggive-beneficiary-icon.cjs\",[[0,\"biggive-beneficiary-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-boxed-content.cjs\",[[1,\"biggive-boxed-content\",{\"spaceBelow\":[2,\"space-below\"],\"verticalPadding\":[2,\"vertical-padding\"],\"horizontalPadding\":[2,\"horizontal-padding\"],\"backgroundColour\":[1,\"background-colour\"],\"shadow\":[4]}]]],[\"biggive-category-icon.cjs\",[[0,\"biggive-category-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-form.cjs\",[[1,\"biggive-form\"]]],[\"biggive-icon-group.cjs\",[[1,\"biggive-icon-group\",{\"spaceBelow\":[2,\"space-below\"],\"label\":[1]}]]],[\"biggive-nav-group.cjs\",[[1,\"biggive-nav-group\",{\"inline\":[4]}]]],[\"biggive-nav-item.cjs\",[[1,\"biggive-nav-item\",{\"url\":[1],\"label\":[1],\"iconColour\":[1,\"icon-colour\"]}]]],[\"biggive-popup-standalone.cjs\",[[1,\"biggive-popup-standalone\"]]],[\"biggive-table.cjs\",[[4,\"biggive-table\",{\"spaceBelow\":[2,\"space-below\"],\"headerTextColour\":[1,\"header-text-colour\"],\"headerBackgroundColour\":[1,\"header-background-colour\"],\"bodyTextColour\":[1,\"body-text-colour\"],\"bodyBackgroundColour\":[1,\"body-background-colour\"]}]]],[\"biggive-video.cjs\",[[1,\"biggive-video\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"videoUrl\":[1,\"video-url\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"biggive-accordion_44.cjs\",[[1,\"biggive-campaign-card-filter-grid\",{\"spaceBelow\":[2,\"space-below\"],\"intro\":[1],\"searchText\":[1,\"search-text\"],\"placeholderText\":[1,\"placeholder-text\"],\"buttonText\":[1,\"button-text\"],\"categoryOptions\":[1,\"category-options\"],\"beneficiaryOptions\":[1,\"beneficiary-options\"],\"locationOptions\":[1,\"location-options\"],\"fundingOptions\":[1,\"funding-options\"],\"selectedSortByOption\":[1,\"selected-sort-by-option\"],\"selectedFilterCategory\":[1,\"selected-filter-category\"],\"selectedFilterBeneficiary\":[1,\"selected-filter-beneficiary\"],\"selectedFilterLocation\":[1,\"selected-filter-location\"],\"selectedFilterFunding\":[1,\"selected-filter-funding\"],\"filtersApplied\":[32]},[[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\"],\"isFutureCampaign\":[4,\"is-future-campaign\"],\"isPastCampaign\":[4,\"is-past-campaign\"],\"datetime\":[1]}],[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\"],\"championName\":[1,\"champion-name\"],\"championUrl\":[1,\"champion-url\"]}],[1,\"biggive-footer\",{\"headingLevel\":[2,\"heading-level\"],\"blogUrlPrefix\":[1,\"blog-url-prefix\"],\"experienceUrlPrefix\":[1,\"experience-url-prefix\"],\"usePresetFooter\":[4,\"use-preset-footer\"]}],[1,\"biggive-main-menu\",{\"blogUrlPrefix\":[1,\"blog-url-prefix\"],\"donateUrlPrefix\":[1,\"donate-url-prefix\"],\"experienceUrlPrefix\":[1,\"experience-url-prefix\"],\"isLoggedIn\":[4,\"is-logged-in\"],\"logoUrl\":[1,\"logo-url\"],\"usePresetMenuContent\":[4,\"use-preset-menu-content\"],\"closeMobileMenuFromOutside\":[64]}],[1,\"biggive-article-card\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundImageUrl\":[1,\"background-image-url\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"date\":[1],\"dateColour\":[1,\"date-colour\"],\"mainTitle\":[1,\"main-title\"],\"mainTitleColour\":[1,\"main-title-colour\"],\"image1Url\":[1,\"image-1-url\"],\"image1AltText\":[1,\"image-1-alt-text\"],\"image2Url\":[1,\"image-2-url\"],\"image2AltText\":[1,\"image-2-alt-text\"],\"imageLabel\":[1,\"image-label\"],\"imageLabelColour\":[1,\"image-label-colour\"],\"buttonLabel\":[1,\"button-label\"],\"buttonUrl\":[1,\"button-url\"],\"buttonColour\":[1,\"button-colour\"],\"clipBottomLeftCorner\":[4,\"clip-bottom-left-corner\"],\"clipTopRightCorner\":[4,\"clip-top-right-corner\"]}],[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-filtered-carousel\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"]}],[1,\"biggive-hero-image\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"logo\":[1],\"logoHeight\":[2,\"logo-height\"],\"logoAltText\":[1,\"logo-alt-text\"],\"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-icon-button\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundPadding\":[2,\"background-padding\"],\"text\":[1],\"textColour\":[1,\"text-colour\"],\"iconGroup\":[1,\"icon-group\"],\"icon\":[1],\"url\":[1],\"openInNewTab\":[4,\"open-in-new-tab\"],\"size\":[1],\"arrow\":[4],\"arrowColour\":[1,\"arrow-colour\"],\"circle\":[4],\"shadow\":[4],\"centered\":[4],\"rounded\":[4],\"buttonId\":[1,\"button-id\"]}],[1,\"biggive-image-feature\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"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-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-accordion\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"headingColour\":[1,\"heading-colour\"]}],[1,\"biggive-accordion-entry\",{\"heading\":[1]}],[1,\"biggive-back-to-top\"],[1,\"biggive-biography-card\",{\"spaceBelow\":[2,\"space-below\"],\"borderWidth\":[2,\"border-width\"],\"imageUrl\":[1,\"image-url\"],\"imageStyle\":[1,\"image-style\"],\"textColour\":[1,\"text-colour\"],\"backgroundColour\":[1,\"background-colour\"],\"fullName\":[1,\"full-name\"],\"jobTitle\":[1,\"job-title\"],\"textAlign\":[1,\"text-align\"],\"ratio\":[1],\"circle\":[4],\"rounded\":[4],\"url\":[1]}],[1,\"biggive-branded-image\",{\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"logoUrl\":[1,\"logo-url\"],\"slug\":[1],\"charityName\":[1,\"charity-name\"],\"charityLocation\":[1,\"charity-location\"],\"charityUrl\":[1,\"charity-url\"]}],[1,\"biggive-formatted-text\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"maxWidth\":[2,\"max-width\"]}],[1,\"biggive-grid\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"spaceBetween\":[4,\"space-between\"],\"columnGap\":[2,\"column-gap\"]}],[1,\"biggive-heading\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"colour\":[1],\"htmlElement\":[1,\"html-element\"],\"size\":[2],\"align\":[1],\"text\":[1],\"icon\":[4],\"iconColour\":[1,\"icon-colour\"]}],[1,\"biggive-image\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"width\":[2],\"height\":[2],\"sizeUnit\":[1,\"size-unit\"]}],[1,\"biggive-image-button\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundPadding\":[2,\"background-padding\"],\"text\":[1],\"textColour\":[1,\"text-colour\"],\"imageUrl\":[1,\"image-url\"],\"imageStyle\":[1,\"image-style\"],\"url\":[1],\"openInNewTab\":[4,\"open-in-new-tab\"],\"size\":[1],\"arrow\":[4],\"arrowColour\":[1,\"arrow-colour\"],\"circle\":[4],\"shadow\":[4],\"centered\":[4],\"rounded\":[4],\"buttonId\":[1,\"button-id\"]}],[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\"],\"maxWidth\":[2,\"max-width\"],\"primaryFullBleed\":[4,\"primary-full-bleed\"]}],[1,\"biggive-quote\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"quote\":[1],\"attribution\":[1],\"quoteIconColour\":[1,\"quote-icon-colour\"]}],[1,\"biggive-sheet\",{\"sheetId\":[1,\"sheet-id\"],\"backgroundColour\":[1,\"background-colour\"],\"textColour\":[1,\"text-colour\"]}],[1,\"biggive-tab\",{\"tabTitle\":[1,\"tab-title\"]}],[1,\"biggive-tabbed-content\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"selectedTextColour\":[1,\"selected-text-colour\"],\"navigationHighlightColour\":[1,\"navigation-highlight-colour\"],\"selectedNavigationHighlightColour\":[1,\"selected-navigation-highlight-colour\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"]}],[1,\"biggive-text-input\",{\"value\":[1],\"currency\":[1],\"spaceBelow\":[2,\"space-below\"],\"selectStyle\":[1,\"select-style\"],\"prompt\":[1]}],[1,\"biggive-timeline\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"selectedTextColour\":[1,\"selected-text-colour\"],\"navigationHighlightColour\":[1,\"navigation-highlight-colour\"],\"selectedNavigationHighlightColour\":[1,\"selected-navigation-highlight-colour\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"],\"entryBackgroundColour\":[1,\"entry-background-colour\"],\"entryHighlightColour\":[1,\"entry-highlight-colour\"],\"entryDateColour\":[1,\"entry-date-colour\"],\"entryTitleColour\":[1,\"entry-title-colour\"],\"entryTextColour\":[1,\"entry-text-colour\"]}],[1,\"biggive-timeline-entry\",{\"date\":[1],\"heading\":[1]}],[1,\"biggive-tipping-slider\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"percentageStart\":[2,\"percentage-start\"],\"percentageEnd\":[2,\"percentage-end\"],\"donationAmount\":[2,\"donation-amount\"],\"donationCurrency\":[1,\"donation-currency\"]}],[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\"]}],[1,\"biggive-totalizer-ticker-item\",{\"figure\":[1],\"label\":[1]}],[1,\"biggive-carousel\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"],\"versions\":[32],\"resizeToFitContent\":[64]}],[1,\"biggive-form-field-select\",{\"prompt\":[1],\"selectedValue\":[1,\"selected-value\"],\"selectedLabel\":[1,\"selected-label\"],\"selectStyle\":[1,\"select-style\"],\"backgroundColour\":[1,\"background-colour\"],\"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-generic-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"iconGroup\":[1,\"icon-group\"],\"icon\":[1],\"url\":[1]}],[1,\"biggive-popup\",{\"openFromOutside\":[64],\"closeFromOutside\":[64]}],[1,\"biggive-progress-bar\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"counter\":[2]}],[0,\"biggive-social-icon\",{\"service\":[1],\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"wide\":[4],\"url\":[1]}],[0,\"biggive-misc-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"url\":[1]}],[1,\"biggive-button\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"label\":[1],\"url\":[1],\"openInNewTab\":[4,\"open-in-new-tab\"],\"fullWidth\":[4,\"full-width\"],\"size\":[1],\"rounded\":[4],\"centered\":[4],\"buttonId\":[1,\"button-id\"]}]]],[\"biggive-basic-card.cjs\",[[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],\"teaser\":[1],\"icon\":[4],\"iconColour\":[1,\"icon-colour\"],\"buttonLabel\":[1,\"button-label\"],\"buttonUrl\":[1,\"button-url\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"],\"clipBottomLeftCorner\":[4,\"clip-bottom-left-corner\"],\"clipTopRightCorner\":[4,\"clip-top-right-corner\"],\"headingLevel\":[2,\"heading-level\"],\"addAnimation\":[4,\"add-animation\"]}]]],[\"biggive-beneficiary-icon.cjs\",[[0,\"biggive-beneficiary-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-boxed-content.cjs\",[[1,\"biggive-boxed-content\",{\"spaceBelow\":[2,\"space-below\"],\"verticalPadding\":[2,\"vertical-padding\"],\"horizontalPadding\":[2,\"horizontal-padding\"],\"backgroundColour\":[1,\"background-colour\"],\"shadow\":[4]}]]],[\"biggive-category-icon.cjs\",[[0,\"biggive-category-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-form.cjs\",[[1,\"biggive-form\"]]],[\"biggive-icon-group.cjs\",[[1,\"biggive-icon-group\",{\"spaceBelow\":[2,\"space-below\"],\"label\":[1]}]]],[\"biggive-nav-group.cjs\",[[1,\"biggive-nav-group\",{\"inline\":[4]}]]],[\"biggive-nav-item.cjs\",[[1,\"biggive-nav-item\",{\"url\":[1],\"label\":[1],\"iconColour\":[1,\"icon-colour\"]}]]],[\"biggive-popup-standalone.cjs\",[[1,\"biggive-popup-standalone\"]]],[\"biggive-table.cjs\",[[4,\"biggive-table\",{\"spaceBelow\":[2,\"space-below\"],\"headerTextColour\":[1,\"header-text-colour\"],\"headerBackgroundColour\":[1,\"header-background-colour\"],\"bodyTextColour\":[1,\"body-text-colour\"],\"bodyBackgroundColour\":[1,\"body-background-colour\"]}]]],[\"biggive-video.cjs\",[[1,\"biggive-video\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"videoUrl\":[1,\"video-url\"]}]]]]"), options);
 });

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy(JSON.parse("[[\"biggive-accordion_44.cjs\",[[1,\"biggive-campaign-card-filter-grid\",{\"spaceBelow\":[2,\"space-below\"],\"intro\":[1],\"searchText\":[1,\"search-text\"],\"placeholderText\":[1,\"placeholder-text\"],\"buttonText\":[1,\"button-text\"],\"categoryOptions\":[1,\"category-options\"],\"beneficiaryOptions\":[1,\"beneficiary-options\"],\"locationOptions\":[1,\"location-options\"],\"fundingOptions\":[1,\"funding-options\"],\"selectedSortByOption\":[1,\"selected-sort-by-option\"],\"selectedFilterCategory\":[1,\"selected-filter-category\"],\"selectedFilterBeneficiary\":[1,\"selected-filter-beneficiary\"],\"selectedFilterLocation\":[1,\"selected-filter-location\"],\"selectedFilterFunding\":[1,\"selected-filter-funding\"],\"filtersApplied\":[32]},[[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\"],\"isFutureCampaign\":[4,\"is-future-campaign\"],\"isPastCampaign\":[4,\"is-past-campaign\"],\"datetime\":[1]}],[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\"],\"championName\":[1,\"champion-name\"],\"championUrl\":[1,\"champion-url\"]}],[1,\"biggive-footer\",{\"headingLevel\":[2,\"heading-level\"],\"blogUrlPrefix\":[1,\"blog-url-prefix\"],\"experienceUrlPrefix\":[1,\"experience-url-prefix\"],\"usePresetFooter\":[4,\"use-preset-footer\"]}],[1,\"biggive-main-menu\",{\"blogUrlPrefix\":[1,\"blog-url-prefix\"],\"donateUrlPrefix\":[1,\"donate-url-prefix\"],\"experienceUrlPrefix\":[1,\"experience-url-prefix\"],\"isLoggedIn\":[4,\"is-logged-in\"],\"logoUrl\":[1,\"logo-url\"],\"usePresetMenuContent\":[4,\"use-preset-menu-content\"],\"closeMobileMenuFromOutside\":[64]}],[1,\"biggive-article-card\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundImageUrl\":[1,\"background-image-url\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"date\":[1],\"dateColour\":[1,\"date-colour\"],\"mainTitle\":[1,\"main-title\"],\"mainTitleColour\":[1,\"main-title-colour\"],\"image1Url\":[1,\"image-1-url\"],\"image1AltText\":[1,\"image-1-alt-text\"],\"image2Url\":[1,\"image-2-url\"],\"image2AltText\":[1,\"image-2-alt-text\"],\"imageLabel\":[1,\"image-label\"],\"imageLabelColour\":[1,\"image-label-colour\"],\"buttonLabel\":[1,\"button-label\"],\"buttonUrl\":[1,\"button-url\"],\"buttonColour\":[1,\"button-colour\"],\"clipBottomLeftCorner\":[4,\"clip-bottom-left-corner\"],\"clipTopRightCorner\":[4,\"clip-top-right-corner\"]}],[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-filtered-carousel\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"]}],[1,\"biggive-hero-image\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"logo\":[1],\"logoHeight\":[2,\"logo-height\"],\"logoAltText\":[1,\"logo-alt-text\"],\"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-icon-button\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundPadding\":[2,\"background-padding\"],\"text\":[1],\"textColour\":[1,\"text-colour\"],\"iconGroup\":[1,\"icon-group\"],\"icon\":[1],\"url\":[1],\"openInNewTab\":[4,\"open-in-new-tab\"],\"size\":[1],\"arrow\":[4],\"arrowColour\":[1,\"arrow-colour\"],\"circle\":[4],\"shadow\":[4],\"centered\":[4],\"rounded\":[4],\"buttonId\":[1,\"button-id\"]}],[1,\"biggive-image-feature\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"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-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-accordion\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"headingColour\":[1,\"heading-colour\"]}],[1,\"biggive-accordion-entry\",{\"heading\":[1]}],[1,\"biggive-back-to-top\"],[1,\"biggive-biography-card\",{\"spaceBelow\":[2,\"space-below\"],\"borderWidth\":[2,\"border-width\"],\"imageUrl\":[1,\"image-url\"],\"imageStyle\":[1,\"image-style\"],\"textColour\":[1,\"text-colour\"],\"backgroundColour\":[1,\"background-colour\"],\"fullName\":[1,\"full-name\"],\"jobTitle\":[1,\"job-title\"],\"textAlign\":[1,\"text-align\"],\"ratio\":[1],\"circle\":[4],\"rounded\":[4],\"url\":[1]}],[1,\"biggive-branded-image\",{\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"logoUrl\":[1,\"logo-url\"],\"slug\":[1],\"charityName\":[1,\"charity-name\"],\"charityLocation\":[1,\"charity-location\"],\"charityUrl\":[1,\"charity-url\"]}],[1,\"biggive-formatted-text\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"maxWidth\":[2,\"max-width\"]}],[1,\"biggive-grid\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"spaceBetween\":[4,\"space-between\"],\"columnGap\":[2,\"column-gap\"]}],[1,\"biggive-heading\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"colour\":[1],\"htmlElement\":[1,\"html-element\"],\"size\":[2],\"align\":[1],\"text\":[1],\"icon\":[4],\"iconColour\":[1,\"icon-colour\"]}],[1,\"biggive-image\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"width\":[2],\"height\":[2],\"sizeUnit\":[1,\"size-unit\"]}],[1,\"biggive-image-button\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundPadding\":[2,\"background-padding\"],\"text\":[1],\"textColour\":[1,\"text-colour\"],\"imageUrl\":[1,\"image-url\"],\"imageStyle\":[1,\"image-style\"],\"url\":[1],\"openInNewTab\":[4,\"open-in-new-tab\"],\"size\":[1],\"arrow\":[4],\"arrowColour\":[1,\"arrow-colour\"],\"circle\":[4],\"shadow\":[4],\"centered\":[4],\"rounded\":[4],\"buttonId\":[1,\"button-id\"]}],[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\"],\"maxWidth\":[2,\"max-width\"],\"primaryFullBleed\":[4,\"primary-full-bleed\"]}],[1,\"biggive-quote\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"quote\":[1],\"attribution\":[1],\"quoteIconColour\":[1,\"quote-icon-colour\"]}],[1,\"biggive-sheet\",{\"sheetId\":[1,\"sheet-id\"],\"backgroundColour\":[1,\"background-colour\"],\"textColour\":[1,\"text-colour\"]}],[1,\"biggive-tab\",{\"tabTitle\":[1,\"tab-title\"]}],[1,\"biggive-tabbed-content\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"selectedTextColour\":[1,\"selected-text-colour\"],\"navigationHighlightColour\":[1,\"navigation-highlight-colour\"],\"selectedNavigationHighlightColour\":[1,\"selected-navigation-highlight-colour\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"]}],[1,\"biggive-text-input\",{\"value\":[1],\"currency\":[1],\"spaceBelow\":[2,\"space-below\"],\"selectStyle\":[1,\"select-style\"],\"prompt\":[1]}],[1,\"biggive-timeline\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"selectedTextColour\":[1,\"selected-text-colour\"],\"navigationHighlightColour\":[1,\"navigation-highlight-colour\"],\"selectedNavigationHighlightColour\":[1,\"selected-navigation-highlight-colour\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"],\"entryBackgroundColour\":[1,\"entry-background-colour\"],\"entryHighlightColour\":[1,\"entry-highlight-colour\"],\"entryDateColour\":[1,\"entry-date-colour\"],\"entryTitleColour\":[1,\"entry-title-colour\"],\"entryTextColour\":[1,\"entry-text-colour\"]}],[1,\"biggive-timeline-entry\",{\"date\":[1],\"heading\":[1]}],[1,\"biggive-tipping-slider\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"percentageStart\":[2,\"percentage-start\"],\"percentageEnd\":[2,\"percentage-end\"],\"donationAmount\":[2,\"donation-amount\"],\"donationCurrency\":[1,\"donation-currency\"]}],[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\"]}],[1,\"biggive-totalizer-ticker-item\",{\"figure\":[1],\"label\":[1]}],[1,\"biggive-carousel\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"],\"versions\":[32],\"resizeToFitContent\":[64]}],[1,\"biggive-form-field-select\",{\"selectedValue\":[1,\"selected-value\"],\"selectedLabel\":[1,\"selected-label\"],\"selectStyle\":[1,\"select-style\"],\"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-generic-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"iconGroup\":[1,\"icon-group\"],\"icon\":[1],\"url\":[1]}],[1,\"biggive-popup\",{\"openFromOutside\":[64],\"closeFromOutside\":[64]}],[1,\"biggive-progress-bar\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"counter\":[2]}],[0,\"biggive-social-icon\",{\"service\":[1],\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"wide\":[4],\"url\":[1]}],[0,\"biggive-misc-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"url\":[1]}],[1,\"biggive-button\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"label\":[1],\"url\":[1],\"openInNewTab\":[4,\"open-in-new-tab\"],\"fullWidth\":[4,\"full-width\"],\"size\":[1],\"rounded\":[4],\"centered\":[4],\"buttonId\":[1,\"button-id\"]}]]],[\"biggive-basic-card.cjs\",[[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],\"teaser\":[1],\"icon\":[4],\"iconColour\":[1,\"icon-colour\"],\"buttonLabel\":[1,\"button-label\"],\"buttonUrl\":[1,\"button-url\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"],\"clipBottomLeftCorner\":[4,\"clip-bottom-left-corner\"],\"clipTopRightCorner\":[4,\"clip-top-right-corner\"],\"headingLevel\":[2,\"heading-level\"],\"addAnimation\":[4,\"add-animation\"]}]]],[\"biggive-beneficiary-icon.cjs\",[[0,\"biggive-beneficiary-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-boxed-content.cjs\",[[1,\"biggive-boxed-content\",{\"spaceBelow\":[2,\"space-below\"],\"verticalPadding\":[2,\"vertical-padding\"],\"horizontalPadding\":[2,\"horizontal-padding\"],\"backgroundColour\":[1,\"background-colour\"],\"shadow\":[4]}]]],[\"biggive-category-icon.cjs\",[[0,\"biggive-category-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-form.cjs\",[[1,\"biggive-form\"]]],[\"biggive-icon-group.cjs\",[[1,\"biggive-icon-group\",{\"spaceBelow\":[2,\"space-below\"],\"label\":[1]}]]],[\"biggive-nav-group.cjs\",[[1,\"biggive-nav-group\",{\"inline\":[4]}]]],[\"biggive-nav-item.cjs\",[[1,\"biggive-nav-item\",{\"url\":[1],\"label\":[1],\"iconColour\":[1,\"icon-colour\"]}]]],[\"biggive-popup-standalone.cjs\",[[1,\"biggive-popup-standalone\"]]],[\"biggive-table.cjs\",[[4,\"biggive-table\",{\"spaceBelow\":[2,\"space-below\"],\"headerTextColour\":[1,\"header-text-colour\"],\"headerBackgroundColour\":[1,\"header-background-colour\"],\"bodyTextColour\":[1,\"body-text-colour\"],\"bodyBackgroundColour\":[1,\"body-background-colour\"]}]]],[\"biggive-video.cjs\",[[1,\"biggive-video\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"videoUrl\":[1,\"video-url\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"biggive-accordion_44.cjs\",[[1,\"biggive-campaign-card-filter-grid\",{\"spaceBelow\":[2,\"space-below\"],\"intro\":[1],\"searchText\":[1,\"search-text\"],\"placeholderText\":[1,\"placeholder-text\"],\"buttonText\":[1,\"button-text\"],\"categoryOptions\":[1,\"category-options\"],\"beneficiaryOptions\":[1,\"beneficiary-options\"],\"locationOptions\":[1,\"location-options\"],\"fundingOptions\":[1,\"funding-options\"],\"selectedSortByOption\":[1,\"selected-sort-by-option\"],\"selectedFilterCategory\":[1,\"selected-filter-category\"],\"selectedFilterBeneficiary\":[1,\"selected-filter-beneficiary\"],\"selectedFilterLocation\":[1,\"selected-filter-location\"],\"selectedFilterFunding\":[1,\"selected-filter-funding\"],\"filtersApplied\":[32]},[[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\"],\"isFutureCampaign\":[4,\"is-future-campaign\"],\"isPastCampaign\":[4,\"is-past-campaign\"],\"datetime\":[1]}],[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\"],\"championName\":[1,\"champion-name\"],\"championUrl\":[1,\"champion-url\"]}],[1,\"biggive-footer\",{\"headingLevel\":[2,\"heading-level\"],\"blogUrlPrefix\":[1,\"blog-url-prefix\"],\"experienceUrlPrefix\":[1,\"experience-url-prefix\"],\"usePresetFooter\":[4,\"use-preset-footer\"]}],[1,\"biggive-main-menu\",{\"blogUrlPrefix\":[1,\"blog-url-prefix\"],\"donateUrlPrefix\":[1,\"donate-url-prefix\"],\"experienceUrlPrefix\":[1,\"experience-url-prefix\"],\"isLoggedIn\":[4,\"is-logged-in\"],\"logoUrl\":[1,\"logo-url\"],\"usePresetMenuContent\":[4,\"use-preset-menu-content\"],\"closeMobileMenuFromOutside\":[64]}],[1,\"biggive-article-card\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundImageUrl\":[1,\"background-image-url\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"date\":[1],\"dateColour\":[1,\"date-colour\"],\"mainTitle\":[1,\"main-title\"],\"mainTitleColour\":[1,\"main-title-colour\"],\"image1Url\":[1,\"image-1-url\"],\"image1AltText\":[1,\"image-1-alt-text\"],\"image2Url\":[1,\"image-2-url\"],\"image2AltText\":[1,\"image-2-alt-text\"],\"imageLabel\":[1,\"image-label\"],\"imageLabelColour\":[1,\"image-label-colour\"],\"buttonLabel\":[1,\"button-label\"],\"buttonUrl\":[1,\"button-url\"],\"buttonColour\":[1,\"button-colour\"],\"clipBottomLeftCorner\":[4,\"clip-bottom-left-corner\"],\"clipTopRightCorner\":[4,\"clip-top-right-corner\"]}],[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-filtered-carousel\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"]}],[1,\"biggive-hero-image\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"logo\":[1],\"logoHeight\":[2,\"logo-height\"],\"logoAltText\":[1,\"logo-alt-text\"],\"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-icon-button\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundPadding\":[2,\"background-padding\"],\"text\":[1],\"textColour\":[1,\"text-colour\"],\"iconGroup\":[1,\"icon-group\"],\"icon\":[1],\"url\":[1],\"openInNewTab\":[4,\"open-in-new-tab\"],\"size\":[1],\"arrow\":[4],\"arrowColour\":[1,\"arrow-colour\"],\"circle\":[4],\"shadow\":[4],\"centered\":[4],\"rounded\":[4],\"buttonId\":[1,\"button-id\"]}],[1,\"biggive-image-feature\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"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-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-accordion\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"headingColour\":[1,\"heading-colour\"]}],[1,\"biggive-accordion-entry\",{\"heading\":[1]}],[1,\"biggive-back-to-top\"],[1,\"biggive-biography-card\",{\"spaceBelow\":[2,\"space-below\"],\"borderWidth\":[2,\"border-width\"],\"imageUrl\":[1,\"image-url\"],\"imageStyle\":[1,\"image-style\"],\"textColour\":[1,\"text-colour\"],\"backgroundColour\":[1,\"background-colour\"],\"fullName\":[1,\"full-name\"],\"jobTitle\":[1,\"job-title\"],\"textAlign\":[1,\"text-align\"],\"ratio\":[1],\"circle\":[4],\"rounded\":[4],\"url\":[1]}],[1,\"biggive-branded-image\",{\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"logoUrl\":[1,\"logo-url\"],\"slug\":[1],\"charityName\":[1,\"charity-name\"],\"charityLocation\":[1,\"charity-location\"],\"charityUrl\":[1,\"charity-url\"]}],[1,\"biggive-formatted-text\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"maxWidth\":[2,\"max-width\"]}],[1,\"biggive-grid\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"spaceBetween\":[4,\"space-between\"],\"columnGap\":[2,\"column-gap\"]}],[1,\"biggive-heading\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"colour\":[1],\"htmlElement\":[1,\"html-element\"],\"size\":[2],\"align\":[1],\"text\":[1],\"icon\":[4],\"iconColour\":[1,\"icon-colour\"]}],[1,\"biggive-image\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"width\":[2],\"height\":[2],\"sizeUnit\":[1,\"size-unit\"]}],[1,\"biggive-image-button\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundPadding\":[2,\"background-padding\"],\"text\":[1],\"textColour\":[1,\"text-colour\"],\"imageUrl\":[1,\"image-url\"],\"imageStyle\":[1,\"image-style\"],\"url\":[1],\"openInNewTab\":[4,\"open-in-new-tab\"],\"size\":[1],\"arrow\":[4],\"arrowColour\":[1,\"arrow-colour\"],\"circle\":[4],\"shadow\":[4],\"centered\":[4],\"rounded\":[4],\"buttonId\":[1,\"button-id\"]}],[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\"],\"maxWidth\":[2,\"max-width\"],\"primaryFullBleed\":[4,\"primary-full-bleed\"]}],[1,\"biggive-quote\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"quote\":[1],\"attribution\":[1],\"quoteIconColour\":[1,\"quote-icon-colour\"]}],[1,\"biggive-sheet\",{\"sheetId\":[1,\"sheet-id\"],\"backgroundColour\":[1,\"background-colour\"],\"textColour\":[1,\"text-colour\"]}],[1,\"biggive-tab\",{\"tabTitle\":[1,\"tab-title\"]}],[1,\"biggive-tabbed-content\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"selectedTextColour\":[1,\"selected-text-colour\"],\"navigationHighlightColour\":[1,\"navigation-highlight-colour\"],\"selectedNavigationHighlightColour\":[1,\"selected-navigation-highlight-colour\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"]}],[1,\"biggive-text-input\",{\"value\":[1],\"currency\":[1],\"spaceBelow\":[2,\"space-below\"],\"selectStyle\":[1,\"select-style\"],\"prompt\":[1]}],[1,\"biggive-timeline\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"selectedTextColour\":[1,\"selected-text-colour\"],\"navigationHighlightColour\":[1,\"navigation-highlight-colour\"],\"selectedNavigationHighlightColour\":[1,\"selected-navigation-highlight-colour\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"],\"entryBackgroundColour\":[1,\"entry-background-colour\"],\"entryHighlightColour\":[1,\"entry-highlight-colour\"],\"entryDateColour\":[1,\"entry-date-colour\"],\"entryTitleColour\":[1,\"entry-title-colour\"],\"entryTextColour\":[1,\"entry-text-colour\"]}],[1,\"biggive-timeline-entry\",{\"date\":[1],\"heading\":[1]}],[1,\"biggive-tipping-slider\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"percentageStart\":[2,\"percentage-start\"],\"percentageEnd\":[2,\"percentage-end\"],\"donationAmount\":[2,\"donation-amount\"],\"donationCurrency\":[1,\"donation-currency\"]}],[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\"]}],[1,\"biggive-totalizer-ticker-item\",{\"figure\":[1],\"label\":[1]}],[1,\"biggive-carousel\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"],\"versions\":[32],\"resizeToFitContent\":[64]}],[1,\"biggive-form-field-select\",{\"prompt\":[1],\"selectedValue\":[1,\"selected-value\"],\"selectedLabel\":[1,\"selected-label\"],\"selectStyle\":[1,\"select-style\"],\"backgroundColour\":[1,\"background-colour\"],\"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-generic-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"iconGroup\":[1,\"icon-group\"],\"icon\":[1],\"url\":[1]}],[1,\"biggive-popup\",{\"openFromOutside\":[64],\"closeFromOutside\":[64]}],[1,\"biggive-progress-bar\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"counter\":[2]}],[0,\"biggive-social-icon\",{\"service\":[1],\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"wide\":[4],\"url\":[1]}],[0,\"biggive-misc-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"url\":[1]}],[1,\"biggive-button\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"label\":[1],\"url\":[1],\"openInNewTab\":[4,\"open-in-new-tab\"],\"fullWidth\":[4,\"full-width\"],\"size\":[1],\"rounded\":[4],\"centered\":[4],\"buttonId\":[1,\"button-id\"]}]]],[\"biggive-basic-card.cjs\",[[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],\"teaser\":[1],\"icon\":[4],\"iconColour\":[1,\"icon-colour\"],\"buttonLabel\":[1,\"button-label\"],\"buttonUrl\":[1,\"button-url\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"],\"clipBottomLeftCorner\":[4,\"clip-bottom-left-corner\"],\"clipTopRightCorner\":[4,\"clip-top-right-corner\"],\"headingLevel\":[2,\"heading-level\"],\"addAnimation\":[4,\"add-animation\"]}]]],[\"biggive-beneficiary-icon.cjs\",[[0,\"biggive-beneficiary-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-boxed-content.cjs\",[[1,\"biggive-boxed-content\",{\"spaceBelow\":[2,\"space-below\"],\"verticalPadding\":[2,\"vertical-padding\"],\"horizontalPadding\":[2,\"horizontal-padding\"],\"backgroundColour\":[1,\"background-colour\"],\"shadow\":[4]}]]],[\"biggive-category-icon.cjs\",[[0,\"biggive-category-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-form.cjs\",[[1,\"biggive-form\"]]],[\"biggive-icon-group.cjs\",[[1,\"biggive-icon-group\",{\"spaceBelow\":[2,\"space-below\"],\"label\":[1]}]]],[\"biggive-nav-group.cjs\",[[1,\"biggive-nav-group\",{\"inline\":[4]}]]],[\"biggive-nav-item.cjs\",[[1,\"biggive-nav-item\",{\"url\":[1],\"label\":[1],\"iconColour\":[1,\"icon-colour\"]}]]],[\"biggive-popup-standalone.cjs\",[[1,\"biggive-popup-standalone\"]]],[\"biggive-table.cjs\",[[4,\"biggive-table\",{\"spaceBelow\":[2,\"space-below\"],\"headerTextColour\":[1,\"header-text-colour\"],\"headerBackgroundColour\":[1,\"header-background-colour\"],\"bodyTextColour\":[1,\"body-text-colour\"],\"bodyBackgroundColour\":[1,\"body-background-colour\"]}]]],[\"biggive-video.cjs\",[[1,\"biggive-video\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"videoUrl\":[1,\"video-url\"]}]]]]"), options);
   });
 };
 

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

@@ -69,6 +69,26 @@ a:hover {
   display: content;
 }
 
+.select-wrapper-1, .select-wrapper-2, .select-wrapper-3, .select-wrapper-4 {
+  position: relative;
+}
+
+.select-wrapper-1 {
+  z-index: 4;
+}
+
+.select-wrapper-2 {
+  z-index: 3;
+}
+
+.select-wrapper-3 {
+  z-index: 2;
+}
+
+.select-wrapper-4 {
+  z-index: 1;
+}
+
 .container {
   font-family: "Euclid Triangle", sans-serif;
   font-size: 17px;

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

@@ -3,10 +3,10 @@ import { faMagnifyingGlass } from '@fortawesome/pro-solid-svg-icons';
 export class BiggiveCampaignCardFilterGrid {
   constructor() {
     this.sortByPlaceholderText = 'Sort by';
-    this.beneficiariesPlaceHolderText = 'Beneficiary';
-    this.categoriesPlaceHolderText = 'Category';
-    this.locationsPlaceHolderText = 'Location';
-    this.fundingPlaceHolderText = 'Funding';
+    this.beneficiariesPlaceHolderText = 'Select beneficiary';
+    this.categoriesPlaceHolderText = 'Select category';
+    this.locationsPlaceHolderText = 'Select location';
+    this.fundingPlaceHolderText = 'Select funding';
     this.handleApplyFilterButtonClick = () => {
       const searchAndFilterObj = this.getSearchAndFilterObject();
       this.doSearchAndFilterUpdate.emit(searchAndFilterObj);
@@ -148,15 +148,15 @@ export class BiggiveCampaignCardFilterGrid {
   }
   render() {
     var _a;
-    return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: (_a = this.searchText) !== null && _a !== void 0 ? _a : '', class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "filter-wrap" }, h("biggive-button", { class: "filter", colourScheme: "primary", onClick: this.handleFilterButtonClick, label: "Filter", fullWidth: true, "space-below": "0" }), h("biggive-popup", { id: "filter-popup" }, h("h4", { class: "space-above-0 space-below-3 text-colour-primary" }, "Filters"), h("biggive-form-field-select", { placeholder: this.categoriesPlaceHolderText, selectedLabel: this.selectedFilterCategory, id: "categories", "space-below": "2" }, this.categoryOptions.length === 0
+    return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: (_a = this.searchText) !== null && _a !== void 0 ? _a : '', class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "filter-wrap" }, h("biggive-button", { class: "filter", colourScheme: "primary", onClick: this.handleFilterButtonClick, label: "Filter", fullWidth: true, "space-below": "0" }), h("biggive-popup", { id: "filter-popup" }, h("h4", { class: "space-above-0 space-below-3 text-colour-primary" }, "Filters"), h("div", { class: "select-wrapper-1" }, h("biggive-form-field-select", { backgroundColour: "white", prompt: "Category", placeholder: this.categoriesPlaceHolderText, selectedLabel: this.selectedFilterCategory, id: "categories", "space-below": "2" }, this.categoryOptions.length === 0
       ? undefined
-      : (Array.isArray(this.categoryOptions) ? this.categoryOptions : JSON.parse(this.categoryOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option })))), h("biggive-form-field-select", { placeholder: this.beneficiariesPlaceHolderText, selectedLabel: this.selectedFilterBeneficiary, id: "beneficiaries", "space-below": "2" }, this.beneficiaryOptions.length === 0
+      : (Array.isArray(this.categoryOptions) ? this.categoryOptions : JSON.parse(this.categoryOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option }))))), h("div", { class: "select-wrapper-2" }, h("biggive-form-field-select", { backgroundColour: "white", prompt: "Beneficiary", placeholder: this.beneficiariesPlaceHolderText, selectedLabel: this.selectedFilterBeneficiary, id: "beneficiaries", "space-below": "2" }, this.beneficiaryOptions.length === 0
       ? undefined
-      : (Array.isArray(this.beneficiaryOptions) ? this.beneficiaryOptions : JSON.parse(this.beneficiaryOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option })))), h("biggive-form-field-select", { placeholder: this.locationsPlaceHolderText, selectedLabel: this.selectedFilterLocation, id: "locations", "space-below": "2" }, this.locationOptions.length === 0
+      : (Array.isArray(this.beneficiaryOptions) ? this.beneficiaryOptions : JSON.parse(this.beneficiaryOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option }))))), h("div", { class: "select-wrapper-3" }, h("biggive-form-field-select", { backgroundColour: "white", prompt: "Location", placeholder: this.locationsPlaceHolderText, selectedLabel: this.selectedFilterLocation, id: "locations", "space-below": "2" }, this.locationOptions.length === 0
       ? undefined
-      : (Array.isArray(this.locationOptions) ? this.locationOptions : JSON.parse(this.locationOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option })))), h("biggive-form-field-select", { placeholder: this.fundingPlaceHolderText, selectedLabel: this.selectedFilterFunding, id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
+      : (Array.isArray(this.locationOptions) ? this.locationOptions : JSON.parse(this.locationOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option }))))), h("div", { class: "select-wrapper-4" }, h("biggive-form-field-select", { backgroundColour: "white", prompt: "Funding", placeholder: this.fundingPlaceHolderText, selectedLabel: this.selectedFilterFunding, id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
       ? undefined
-      : (Array.isArray(this.fundingOptions) ? this.fundingOptions : JSON.parse(this.fundingOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option })))), h("div", { class: "align-right" }, h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, id: "sort-by" }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), (this.searchText || '').length > 0 ? h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), h("div", { class: "selected-filter-wrap" }, h("div", { class: "selected-filters" }), h("div", { class: "clear-all" }, h("a", { onClick: this.handleClearAll }, "Clear all"))), h("div", { class: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
+      : (Array.isArray(this.fundingOptions) ? this.fundingOptions : JSON.parse(this.fundingOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option }))))), h("div", { class: "align-right" }, h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { prompt: null, "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, id: "sort-by" }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), (this.searchText || '').length > 0 ? h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), h("div", { class: "selected-filter-wrap" }, h("div", { class: "selected-filters" }), h("div", { class: "clear-all" }, h("a", { onClick: this.handleClearAll }, "Clear all"))), h("div", { class: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
   }
   static get is() { return "biggive-campaign-card-filter-grid"; }
   static get encapsulation() { return "shadow"; }

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

@@ -69,11 +69,28 @@ a:hover {
   display: contents;
 }
 
+.prompt {
+  position: absolute;
+  z-index: 2;
+  font-size: small;
+  top: -1em;
+  background-color: #FFFFFF;
+  left: 4em;
+  padding-left: 1em;
+  padding-right: 1em;
+  color: #2C089B;
+}
+
+.prompt.grey {
+  background-color: #F4F4F4;
+}
+
 .dropdown {
   font-family: "Euclid Triangle", sans-serif;
   font-size: 17px;
   line-height: 24px;
   position: relative;
+  margin-top: 1em;
   text-align: left;
 }
 .dropdown.select-style-bordered .sleeve {
@@ -150,4 +167,12 @@ a:hover {
 }
 .dropdown.active .options {
   display: block;
+}
+
+.dropdown.noprompt {
+  margin-top: 0;
+}
+
+.options.grey {
+  background-color: #F4F4F4;
 }

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

@@ -1,9 +1,11 @@
 import { h } from '@stencil/core';
 export class BiggiveFormFieldSelect {
   constructor() {
+    this.prompt = undefined;
     this.selectedValue = undefined;
     this.selectedLabel = undefined;
     this.selectStyle = 'bordered';
+    this.backgroundColour = undefined;
     this.spaceBelow = 0;
     this.placeholder = undefined;
   }
@@ -32,7 +34,7 @@ export class BiggiveFormFieldSelect {
     }
   }
   render() {
-    return (h("div", { class: 'dropdown space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { class: "sleeve", onClick: this.toggleFocus, onMouseLeave: this.toggleFocus }, h("span", { class: "placeholder" }, this.selectedLabel === null || this.selectedLabel === undefined ? this.placeholder : this.selectedLabel)), h("div", { class: "options" }, h("slot", null))));
+    return (h("div", { class: 'dropdown space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle + (this.prompt === null ? '  noprompt' : '') }, h("div", { class: "sleeve", onClick: this.toggleFocus, onMouseLeave: this.toggleFocus }, h("span", { class: "placeholder" }, this.selectedLabel === null || this.selectedLabel === undefined ? this.placeholder : this.selectedLabel)), h("div", { class: 'options' + (this.backgroundColour === 'grey' ? ' grey' : '') }, h("slot", null)), this.prompt && h("div", { class: 'prompt' + (this.backgroundColour === 'grey' ? ' grey' : '') }, this.prompt)));
   }
   static get is() { return "biggive-form-field-select"; }
   static get encapsulation() { return "shadow"; }
@@ -48,6 +50,23 @@ export class BiggiveFormFieldSelect {
   }
   static get properties() {
     return {
+      "prompt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | null",
+          "resolved": "null | string",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Displayed as 'eyebrow' label over the top border of the box."
+        },
+        "attribute": "prompt",
+        "reflect": false
+      },
       "selectedValue": {
         "type": "string",
         "mutable": false,
@@ -100,6 +119,23 @@ export class BiggiveFormFieldSelect {
         "reflect": false,
         "defaultValue": "'bordered'"
       },
+      "backgroundColour": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'white' | 'grey'",
+          "resolved": "\"grey\" | \"white\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Must match background of containing element, or unintended shape will appear."
+        },
+        "attribute": "background-colour",
+        "reflect": false
+      },
       "spaceBelow": {
         "type": "number",
         "mutable": false,

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

@@ -18,6 +18,7 @@ a:hover {
   font-size: 17px;
   line-height: 24px;
   padding: 2px 10px;
+  z-index: 3;
 }
 .option:hover {
   background-color: #2C089B;

package/dist/collection/components/biggive-form-field-text-input/biggive-text-input.js

@@ -113,7 +113,7 @@ export class BiggiveTextInput {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": ""
+          "text": "Displayed as 'eyebrow' label over the top border of the box."
         },
         "attribute": "prompt",
         "reflect": false