@biggive/components 202606230803.0.0 → 202606300841.0.0

package/dist/cjs/philco-main-menu.cjs.entry.js

@@ -27,7 +27,7 @@ const PhilcoMainMenu = class {
     }
     render() {
         const homePageLink = '/';
-        return (index.h(index.Host, { key: 'f657c4d21e32c777fafa7e77cb6540c67645b541' }, index.h("nav", { key: 'f1cb709ea366aed682dafaa0eeeb772ec0ed0768', role: "navigation", "aria-label": "Main Menu" }, index.h("div", { key: '245b59d91c764908facc28d5cb9eabe5fa45efeb', class: "navbar" }, index.h("div", { key: '257e9052a51dfdcb5150819b7f52063125e8ef19', class: "logo" }, index.h("a", { key: '888025df6bb4f7251f9df7fed2d2a3915ef5571d', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }, index.h("img", { key: '152b1d9c61217c9809fa6c2fc6c03e98013d267c', src: index.getAssetPath('/assets/images/philco/Philcologo-white.png'), alt: "PhilCo" }))), index.h("biggive-misc-icon", { key: '7df283eaafeb64c905d849da22bcdf28b7180dc6', class: "bx bx-menu", "background-colour": "transparent", "icon-colour": "white", icon: "MenuOpen", onClick: this.openMobileMenu }), index.h("div", { key: 'cf31353f5a04f2beaf9b4b20f8e0a765227cfa8d', class: "nav-links" }, index.h("div", { key: 'fa4292e095153b2bb246d1729f55913d9d1bb8b9', class: "sidebar-logo" }, index.h("a", { key: '87dcd1ee7229d2f58a358e20e9351c25fbeceec1', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }), index.h("biggive-misc-icon", { key: 'c90bed728745b3f0a9350fc24cbdc4aef284b705', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "white", icon: "MenuClose", onClick: this.closeMobileMenu })), index.h("div", { key: '59b759a24bf51452c1b23135f1f5f7eafbacec07', id: "nav-primary" }, index.h("ul", { key: '1709c8255ec0b027887ca0a7e86dcdaac71dde1e', class: "links", slot: "nav-primary" }, index.h("li", { key: '881948fdad475340c8f240969b198437c0639237' }, index.h("a", { key: '8da61a91c44c63a9253d0c766524b20abcfcfc12', href: helperMethods.makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco') }, "Why become a Philco")), index.h("li", { key: '03e45c794a8149d15fce550250c5bd5097ebe9d3' }, index.h("a", { key: 'bbbecc17d0ab178b7572132078da6e663796366c', href: helperMethods.makeURL('Philco', this.philcoUrlPrefix, 'news') }, "News")), index.h("li", { key: '6a79deea7bc78bde11e63d8f8e4fe31007840163', class: "signup" }, index.h("biggive-button", { key: '3dab01f3a9ed15eb3ab37f3d50af7e7b417b7980', label: "Sign up", "site-design": "philco", "colour-scheme": "philco-white", rounded: true, url: helperMethods.makeURL('Philco', this.philcoUrlPrefix, 'sign-up') })))))))));
+        return (index.h(index.Host, { key: '4d5afe5fa035fec834c92d82555d8b7ef2c0e1b3' }, index.h("nav", { key: 'a60e33bd7ba1684e8ab34a024140b88c0804bdbd', role: "navigation", "aria-label": "Main Menu" }, index.h("div", { key: '5be0b109cdbf505bd5e1f6fb4f7c737028f8c698', class: "navbar" }, index.h("div", { key: '63b26ea49053953b606aeb79942316d3329ca4d0', class: "logo" }, index.h("a", { key: '2cb39d000faaadc751a49b18161ff0eec294d8da', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }, index.h("img", { key: 'e5f38bb86c9e5bf4392cb83439416369f41e9be7', src: index.getAssetPath('/assets/images/philco/Philcologo-white.png'), alt: "PhilCo" }))), index.h("biggive-misc-icon", { key: '0e3113ad9b0563873c0ddace83c919c2442c96a7', class: "bx bx-menu", "background-colour": "transparent", "icon-colour": "white", icon: "MenuOpen", onClick: this.openMobileMenu }), index.h("div", { key: 'd2b7469c5655f4291054682932c56e7891520f20', class: "nav-links" }, index.h("div", { key: '124232788e2acfe85e00edc2bab5640af67a003b', class: "sidebar-logo" }, index.h("a", { key: '3c09ce03b4233f28a4de3fb64c08dd6a1099f7ba', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }), index.h("biggive-misc-icon", { key: '559bc6e87a9c088bed8df4ec491545741b07299e', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "white", icon: "MenuClose", onClick: this.closeMobileMenu })), index.h("div", { key: 'fc8a84ac8d34abd92c135264c97a5adf801a3cc4', id: "nav-primary" }, index.h("ul", { key: '176108b4cedde12ce63f678ac4cd552d4ddaf43f', class: "links", slot: "nav-primary" }, index.h("li", { key: 'ad0b072648e8b99d296be1a95805f8fc8eac03c7' }, index.h("a", { key: 'e5600d3e354b71c4e973d6ff528e1ef29b4ff7b2', href: helperMethods.makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco') }, "Why become a Philco")), index.h("li", { key: '0304ec987fabd8eb44d3ced42e0fc50d86abaa4e' }, index.h("a", { key: '86fcf2b547b1771d26cf8c9c5594771b306dbd10', href: helperMethods.makeURL('Philco', this.philcoUrlPrefix, 'news') }, "News")), index.h("li", { key: '08dd1cb8438e4f97dffc96c6d051e3d2c2c6b793', class: "signup" }, index.h("biggive-button", { key: 'b6ba1740e8cd322d57e86cb428528e5815924996', label: "Sign up", "site-design": "philco", "colour-scheme": "philco-white", rounded: true, url: helperMethods.makeURL('Philco', this.philcoUrlPrefix, 'sign-up') })))))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -22,7 +22,7 @@ export class BiggiveAccordion {
         }
     }
     render() {
-        return (h("div", { key: 'bc2b8e4401832befc3a44507714cf1e0398aec29', class: 'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour }, h("div", { key: 'f96bc14cb0eebc77085b2b4b197b6e2fc31f0305', class: "sleeve" }, this.children === undefined
+        return (h("div", { key: 'e9bc8ddcd45944a81aa6bcad893b16cbb57cd681', class: 'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour }, h("div", { key: 'cb21d5299976c30a6ac84a6de728fd019e992871', class: "sleeve" }, this.children === undefined
             ? []
             : this.children.map(entry => (h("div", { class: "entry" }, h("h3", { class: "heading", onClick: this.toggleSection, title: "Expand section" }, entry.heading, h("span", { class: "arrow" }, h("svg", { width: "15", height: "9", viewBox: "0 0 15 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M14.1074 0.999859L7.55357 7.55371L0.999718 0.99986", stroke: "black", "stroke-width": "2" })))), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
     }

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

@@ -16,7 +16,7 @@ export class BiggiveArticleCard {
         return value === undefined || value === null || value === '';
     }
     render() {
-        return (h("div", { key: 'd86aaf878f7a0e197136fb4ac1f8b7fc207b7e11', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '3e11012de9023f098491a6fbfe830426c4b057db', class: 'sleeve background-colour-' +
+        return (h("div", { key: '7c28f94f07d718a5e891a28a1c692d8801d789b9', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '1a5c943543b3f3ca11b6cb710e4822624b45fe0b', class: 'sleeve background-colour-' +
                 this.backgroundColour +
                 ' text-colour-black ' +
                 ' slug-colour-' +
@@ -32,7 +32,7 @@ export class BiggiveArticleCard {
                 ' clip-bottom-left-corner-' +
                 this.clipBottomLeftCorner +
                 ' clip-top-right-corner-' +
-                this.clipTopRightCorner, style: Object.assign({}, (this.backgroundImageUrl.length > 0 ? { 'background-image': "url('" + this.backgroundImageUrl + "')" } : {})) }, h("div", { key: '28ac2bb58a628cae7dd8742eacbb1d8bdecd65d8', class: "content-wrap" }, h("div", { key: '7e759853cba1d5d7858f5fe87354898dc0d9c15f', class: "meta" }, this.slug != '' ? h("div", { class: "slug text-colour-primary" }, this.slug) : null, this.date != '' ? h("div", { class: "date" }, this.date) : null), this.isEmpty(this.mainImageUrl) ? null : (h("div", { class: "main-image-container" }, h("div", { class: "image-wrap" }, h("img", { src: this.mainImageUrl, alt: this.mainImageAltText })))), h("h3", { key: '8f7041676e2a055e0a06dee49f36b9097a30de6b', class: "title" }, h("a", { key: '0b4ff678c49459b058e250c5160060f9ba89f776', href: this.buttonUrl }, this.mainTitle)), !this.isEmpty(this.image1Url) || !this.isEmpty(this.image2Url) ? (h("div", { class: "image-group" }, this.isEmpty(this.image1Url) ? null : (h("div", { class: "image-container" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image1Url + "')" } }, h("img", { src: this.image1Url, alt: this.image1AltText })))), this.isEmpty(this.image2Url) ? null : (h("div", { class: "image-container" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image2Url + "')" } }, h("img", { src: this.image2Url, alt: this.image2AltText })))))) : null, this.isEmpty(this.imageLabel) ? null : h("div", { class: "image-label" }, this.imageLabel), !this.isEmpty(this.buttonLabel) && !this.isEmpty(this.buttonUrl) ? (h("div", { class: "button-wrap align-right" }, h("biggive-button", { "colour-scheme": 'clear-' + this.buttonColour, url: this.buttonUrl, label: this.buttonLabel }))) : null))));
+                this.clipTopRightCorner, style: Object.assign({}, (this.backgroundImageUrl.length > 0 ? { 'background-image': "url('" + this.backgroundImageUrl + "')" } : {})) }, h("div", { key: '3cb256995fd7c2e1fb95f0a9c779476bdffaa58d', class: "content-wrap" }, h("div", { key: '290b37894da3bff3c195586aee0e6ab073d89433', class: "meta" }, this.slug != '' ? h("div", { class: "slug text-colour-primary" }, this.slug) : null, this.date != '' ? h("div", { class: "date" }, this.date) : null), this.isEmpty(this.mainImageUrl) ? null : (h("div", { class: "main-image-container" }, h("div", { class: "image-wrap" }, h("img", { src: this.mainImageUrl, alt: this.mainImageAltText })))), h("h3", { key: '95d8ff29f4abd3bd4e7f2d9b2586e28041251ef7', class: "title" }, h("a", { key: 'ad20df5ff066926cdf019d62d658fce4f30014ab', href: this.buttonUrl }, this.mainTitle)), !this.isEmpty(this.image1Url) || !this.isEmpty(this.image2Url) ? (h("div", { class: "image-group" }, this.isEmpty(this.image1Url) ? null : (h("div", { class: "image-container" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image1Url + "')" } }, h("img", { src: this.image1Url, alt: this.image1AltText })))), this.isEmpty(this.image2Url) ? null : (h("div", { class: "image-container" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image2Url + "')" } }, h("img", { src: this.image2Url, alt: this.image2AltText })))))) : null, this.isEmpty(this.imageLabel) ? null : h("div", { class: "image-label" }, this.imageLabel), !this.isEmpty(this.buttonLabel) && !this.isEmpty(this.buttonUrl) ? (h("div", { class: "button-wrap align-right" }, h("biggive-button", { "colour-scheme": 'clear-' + this.buttonColour, url: this.buttonUrl, label: this.buttonLabel }))) : null))));
     }
     static get is() { return "biggive-article-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-back-to-top/biggive-back-to-top.js

@@ -1,7 +1,7 @@
 import { getAssetPath, h } from "@stencil/core";
 export class BiggiveBackToTop {
     render() {
-        return (h("div", { key: 'c81fbfcacb8445e0e1a96abdcd5e4ad66708a279', class: "container" }, h("a", { key: '355d8aa1acc6fd3babca2a7b287525f0de70d8de', href: "#" }, h("img", { key: '58f2ca6dd89b53e28eaf9e757450a3155f4a5763', src: getAssetPath('/assets/images/triangles-combined.svg') }), h("span", { key: 'c13a14222acc61645f6b7e8a568d7569194ac535', class: "text" }, "Back to top"))));
+        return (h("div", { key: '73d4254f10b68df9d864636eade7196ba0de13c3', class: "container" }, h("a", { key: 'da8060e7a1da7999024a38190581bdc97d4e1bf5', href: "#" }, h("img", { key: '9d6e4aff0347d8b600b4633f51efec6ac5b8f2d5', src: getAssetPath('/assets/images/triangles-combined.svg') }), h("span", { key: '57829941a39aa067a1aa984a1cabf44e68cb7ebc', class: "text" }, "Back to top"))));
     }
     static get is() { return "biggive-back-to-top"; }
     static get encapsulation() { return "shadow"; }

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

@@ -24,7 +24,7 @@ export class BiggiveBasicCard {
     render() {
         var _a, _b;
         const HeadingTag = `h${this.headingLevel}`;
-        return (h("div", { key: '91ad497814e34803085c0d21f61f24ec99b419ee', class: 'container space-below-' +
+        return (h("div", { key: '1764bc9783eec59fd33d886a7fc867247100ac70', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -36,7 +36,7 @@ export class BiggiveBasicCard {
                 ' add-animation-' +
                 this.addAnimation +
                 ' ' +
-                this.siteDesign, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("a", { key: '9b96bc23655d7d8ce1d0c8dba8539b4fee34d982', href: this.buttonUrl }, h("div", { key: 'ff2d6122a1bb9695e74463bb6b7f6f293e24537d', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("div", { key: '2ef34767175cef27f29093d5ac985c55a4e4a3e2', class: "content-wrap" }, this.icon ? (h("div", { class: "icon" }, h("svg", { width: "53", height: "39", viewBox: "0 0 53 39", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z", class: "fill-black" }), h("path", { d: "M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z", class: 'fill-' + this.iconColour })))) : null, ((_b = (_a = this.mainImageUrl) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) === 0 ? null : (h("div", { class: "main-image-container" }, h("div", { class: "image-wrap" }, h("img", { src: this.mainImageUrl, alt: this.mainImageAltText })))), h(HeadingTag, { key: 'd77587e1100a300716bd63f29861733abde29db9', class: "title" }, this.mainTitle), this.author !== '' || this.date !== '' ? (h("div", { class: "subtitle" }, this.author, " ", h("span", { class: "divider" }, "|"), " ", this.date)) : null, this.subtitle !== '' ? h("div", { class: "subtitle" }, this.subtitle) : null, h("div", { key: 'a0fd02caf0bf205724a501173e0cfb15bc0c6824', class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (h("div", { class: 'button-wrap align-' + this.buttonAlign }, h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel, rounded: this.siteDesign === 'philco' }))) : null)))));
+                this.siteDesign, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("a", { key: '939b5ffc0091b38b7c5d0af16669c04e3227b855', href: this.buttonUrl }, h("div", { key: 'c8ed3094f1f494809e7a7a61c2b3c85c71c0db9a', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("div", { key: '17035ed89f57b077656efa60b83a5287fb7ca8e2', class: "content-wrap" }, this.icon ? (h("div", { class: "icon" }, h("svg", { width: "53", height: "39", viewBox: "0 0 53 39", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z", class: "fill-black" }), h("path", { d: "M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z", class: 'fill-' + this.iconColour })))) : null, ((_b = (_a = this.mainImageUrl) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) === 0 ? null : (h("div", { class: "main-image-container" }, h("div", { class: "image-wrap" }, h("img", { src: this.mainImageUrl, alt: this.mainImageAltText })))), h(HeadingTag, { key: 'f3060696fb4dd750fb8a77ccd3d7b4da81f00a05', class: "title" }, this.mainTitle), this.author !== '' || this.date !== '' ? (h("div", { class: "subtitle" }, this.author, " ", h("span", { class: "divider" }, "|"), " ", this.date)) : null, this.subtitle !== '' ? h("div", { class: "subtitle" }, this.subtitle) : null, h("div", { key: '079182ac652a21939a20f162a2850fa0a4ee4bf4', class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (h("div", { class: 'button-wrap align-' + this.buttonAlign }, h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel, rounded: this.siteDesign === 'philco' }))) : null)))));
     }
     static get is() { return "biggive-basic-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-boxed-content/biggive-boxed-content.js

@@ -23,7 +23,7 @@ export class BiggiveBoxedContent {
         this.shadow = true;
     }
     render() {
-        return (h("div", { key: 'b0231dae2ba196ff7e3492b1e99aa85b383f4442', class: 'container background-colour-' +
+        return (h("div", { key: '5d0d29687a4589fab3be340c997177b50c853fc8', class: 'container background-colour-' +
                 this.backgroundColour +
                 ' space-below-' +
                 this.spaceBelow +
@@ -32,7 +32,7 @@ export class BiggiveBoxedContent {
                 ' vertical-padding-' +
                 this.verticalPadding +
                 ' shadow-' +
-                this.shadow }, h("slot", { key: '39b5c26d157ccd4e1435b4586bba3c1cff6d6518' })));
+                this.shadow }, h("slot", { key: '2d08451e720e02e45d0105905a7e16a5b77b2be1' })));
     }
     static get is() { return "biggive-boxed-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class BiggiveBrandedImage {
      * `role="presentation"` every time instead of accepting alt text.
      */
     render() {
-        return (h("div", { key: '1146fb4fac9a3cd7e4c8f1de5c85db8ecdd99ec3', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'c99ad5ccc2dbd1338fbd6aef5031bcd64c82c0a9', class: "slug" }, this.slug), h("div", { key: 'daf950d7f6a76c5024a90f04f7be1e8f017d93a2', class: "image-wrap" }, this.imageUrl !== undefined && this.imageUrl !== null ? (this.imageAlt == null && this.imageHeightPercent == null ? (h("img", { src: this.imageUrl })) : this.imageAlt == null && this.imageHeightPercent != null ? (h("img", { src: this.imageUrl, style: { height: this.imageHeightPercent + 'cqw' } })) : this.imageAlt != null && this.imageHeightPercent == null ? (h("img", { src: this.imageUrl, alt: this.imageAlt })) : (h("img", { src: this.imageUrl, alt: this.imageAlt, style: { height: this.imageHeightPercent + 'cqw' } }))) : null), this.logoUrl !== undefined && this.logoUrl !== null ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? h("h3", { class: "title" }, this.charityName) : null, this.charityLocation !== undefined && this.charityLocation !== null ? h("div", { class: "charity-info" }, this.charityLocation) : null));
+        return (h("div", { key: '9d6e952a67a9bf5b5325e44b24f09a2d11f85de8', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '04983693911b70f88450dabdb0416d2372203745', class: "slug" }, this.slug), h("div", { key: 'db4aa6a957636251e70da87edd4399f224d9662f', class: "image-wrap" }, this.imageUrl !== undefined && this.imageUrl !== null ? (this.imageAlt == null && this.imageHeightPercent == null ? (h("img", { src: this.imageUrl })) : this.imageAlt == null && this.imageHeightPercent != null ? (h("img", { src: this.imageUrl, style: { height: this.imageHeightPercent + 'cqw' } })) : this.imageAlt != null && this.imageHeightPercent == null ? (h("img", { src: this.imageUrl, alt: this.imageAlt })) : (h("img", { src: this.imageUrl, alt: this.imageAlt, style: { height: this.imageHeightPercent + 'cqw' } }))) : null), this.logoUrl !== undefined && this.logoUrl !== null ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? h("h3", { class: "title" }, this.charityName) : null, this.charityLocation !== undefined && this.charityLocation !== null ? h("div", { class: "charity-info" }, this.charityLocation) : null));
     }
     static get is() { return "biggive-branded-image"; }
     static get encapsulation() { return "shadow"; }

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

@@ -68,7 +68,7 @@ export class BiggiveButton {
             ' rounded-' +
             this.rounded.toString() +
             (isNoOpLink ? ' no-op-link' : '');
-        return (h("div", { key: 'b1c3f26f5918613ab1dbd990c516ba0a8951fcc9', class: 'container space-below-' + this.spaceBelow + ' centered-' + this.centered + ' ' + this.siteDesign + (this.disabled ? ' disabled' : '') }, isNoOpLink ? (h("button", { type: "button", "aria-disabled": this.disabled, disabled: this.disabled, id: this.buttonId, class: buttonClass, onClick: this.handleButtonClick }, this.label)) : (h("a", { "pointer-events": this.disabled ? 'none' : 'auto', "aria-disabled": this.disabled, role: "button", href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId, class: buttonClass, onClick: this.handleButtonClick }, this.label))));
+        return (h("div", { key: '801ce97906fc2f47f509ca6f6a09de1b08e5cc6e', class: 'container space-below-' + this.spaceBelow + ' centered-' + this.centered + ' ' + this.siteDesign + (this.disabled ? ' disabled' : '') }, isNoOpLink ? (h("button", { type: "button", "aria-disabled": this.disabled, disabled: this.disabled, id: this.buttonId, class: buttonClass, onClick: this.handleButtonClick }, this.label)) : (h("a", { "pointer-events": this.disabled ? 'none' : 'auto', "aria-disabled": this.disabled, role: "button", href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId, class: buttonClass, onClick: this.handleButtonClick }, this.label))));
     }
     static get is() { return "biggive-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,7 +51,7 @@ export class BiggiveCallToAction {
         this.secondaryButtonColourScheme = 'primary';
     }
     render() {
-        return (h("div", { key: '9034edf7735fbce98ac35ed33eab4714d4755b1c', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '93e414a7b216f823afd770d5a519b37c5e918995', class: "sleeve" }, h("div", { key: '2aa543b75459b7a22a717853f1603eb403b1bd1d', class: "content-wrap" }, h("div", { key: '1ab8ff1cc761daca196902bdf192c247d321129a', class: 'slug heading-' + this.slugSize + ' text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'efec9a8702e00357ed7d5f225bad27ec142e371e', class: 'title heading-' + this.mainTitleSize + ' text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '6e3b73404d0f7d04671259f1bda5fb038f8d3178', class: 'slug heading-' + this.subtitleSize + ' text-colour-' + this.subtitleColour }, this.subtitle), h("div", { key: 'f3bb78d1d9c09f92eef4799e155be46a28d489e9', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.primaryButtonLabel != null && this.primaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.primaryButtonColourScheme, url: this.primaryButtonUrl, label: this.primaryButtonLabel }))) : null, this.secondaryButtonLabel != null && this.secondaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.secondaryButtonColourScheme, url: this.secondaryButtonUrl, label: this.secondaryButtonLabel }))) : null))));
+        return (h("div", { key: '20ee3f4f622c3c418c96bf621040de6c971518b9', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '54d464b2e76150ff4f45195a132e4a714dedc103', class: "sleeve" }, h("div", { key: 'e5453f87b9c3ea6c835ba2354e356dd9ea8df33b', class: "content-wrap" }, h("div", { key: 'faa6db96c366dfe42e611bf560bd86a28a95f731', class: 'slug heading-' + this.slugSize + ' text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'e31c7b9bf04f4cd3ebaad29775d98b131acbaa22', class: 'title heading-' + this.mainTitleSize + ' text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '6e023f3d942f95ce70c399d54657e04da25be4cb', class: 'slug heading-' + this.subtitleSize + ' text-colour-' + this.subtitleColour }, this.subtitle), h("div", { key: '3d28d08712ba6584ad01323e39f001c41acbbd6b', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.primaryButtonLabel != null && this.primaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.primaryButtonColourScheme, url: this.primaryButtonUrl, label: this.primaryButtonLabel }))) : null, this.secondaryButtonLabel != null && this.secondaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.secondaryButtonColourScheme, url: this.secondaryButtonUrl, label: this.secondaryButtonLabel }))) : null))));
     }
     static get is() { return "biggive-call-to-action"; }
     static get encapsulation() { return "shadow"; }

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

@@ -37,10 +37,10 @@ export class BiggiveCampaignCard {
         return value === undefined || value === null || value === '';
     }
     render() {
-        return (h("div", { key: '0ec8ef81df02702ffde418569321f40a43202524', class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { key: '28ae6f9ccdd2b1cc1eb498e0497fb66544a624bf', class: "sleeve" }, h("div", { key: '1f015b848b11cf46fa4e392f01e57b70fd6f5190', onClick: this.handleCardGeneralClick, class: "above-button-wrap" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.banner + ')' } })) : (h("div", { class: "image-wrap banner" })), h("div", { key: '8ebaf7a903b776598fdf121700a2dd9e9d2761cc', class: "title-wrap" }, h("h3", { key: '3b5b01989dabe0a78520f2254f43dd394ce8c95e' }, this.campaignTitle), h("div", { key: 'd10a6503828e38d075b2f2e99fbd10549b981a3a', class: "organisation-name" }, "By ", this.organisationName)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? (
+        return (h("div", { key: '319985f7b32754f323941126da3e14b50a14ebe3', class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { key: '31b9adc9d26688a04babd7de6ec863df8e5fb984', class: "sleeve" }, h("div", { key: 'e3a9067edacce4985038bb4d92929c0bc5c8151e', onClick: this.handleCardGeneralClick, class: "above-button-wrap" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.banner + ')' } })) : (h("div", { class: "image-wrap banner" })), h("div", { key: 'dd4d04a159af990a2023a06912321fff42368727', class: "title-wrap" }, h("h3", { key: '2ff55ab537792164659b1b435b330292a037840b' }, this.campaignTitle), h("div", { key: '4a70987a57ae638317c30b21e9d5c422f7d5f779', class: "organisation-name" }, "By ", this.organisationName)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? (
         // We don't have a progress bar to show in this case, so the following is just functioning as a spacer to
         // keep layout consistent. Counter must be non-null to make bar display.
-        h("div", { class: "progress-bar-wrap", style: { visibility: 'hidden' } }, h("biggive-progress-bar", { counter: 0, "colour-scheme": "primary" }))) : (h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), h("div", { key: '5d3904c85c4b9e4499adbe72497354ae8a6649d8', class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel })), h("biggive-button", { key: '9cfa4399e07bd806740b3bedcbf5f89dd64b50be', "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
+        h("div", { class: "progress-bar-wrap", style: { visibility: 'hidden' } }, h("biggive-progress-bar", { counter: 0, "colour-scheme": "primary" }))) : (h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), h("div", { key: '46f8ebfd1fc425610e6ef5fa87376659495890da', class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel })), h("biggive-button", { key: '13362b0cf844a93315672123f464c41482c9b65d', "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
     }
     static get is() { return "biggive-campaign-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -57,6 +57,18 @@ export class BiggiveCampaignCardFilterGrid {
          * For injecting the chosen location to filter by, as per the comment above for `selectedSortByOption`.
          */
         this.selectedFilterLocation = null;
+        /**
+         * Allow donors to select campaigns near to themselves.
+         */
+        this.enableSearchByLocation = false;
+        /**
+         * Incidates that the component is currently fetching the browser location
+         */
+        this.fetchingLocation = false;
+        /**
+         * Selected location around which donor is looking for campaigns
+         */
+        this.location = undefined;
         this.categoryFilterSelectionChanged = (value) => {
             this.newSelectedFilterCategory = value;
         };
@@ -91,6 +103,10 @@ export class BiggiveCampaignCardFilterGrid {
                 this.selectedSortByOption = 'Relevance';
             }
         };
+        this.handleNearMeButtonPressed = () => {
+            this.unfocusTextInput();
+            this.doGetLocationFromBrowser.emit();
+        };
         this.handleSearchTextChanged = (event) => {
             this.searchText = event.target.value;
         };
@@ -204,13 +220,13 @@ export class BiggiveCampaignCardFilterGrid {
     render() {
         var _a;
         const sortOptions = this.getSortOptions();
-        return (h("div", { key: '5be71f04f2f6e4a45e61da8940e2539f348c5cac', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'f1b79a107817211888847c09c99447759052ccd6', class: "sleeve" }, h("div", { key: '7de5ed0dc073f7bc1597fadc3a67ef5b5fed7e84', class: "search-wrap" }, h("h4", { key: 'c78c9b66dac9880f28513fb3fb8f0f2cca9d0861' }, this.intro), h("div", { key: '0aff613fc8e6812c70a8cd683dfac1cac3b4e9b8', class: "field-wrap" }, h("div", { key: '406ec166abfc71ad3773077376073fd9ece76aac', class: "input-wrap" }, h("svg", { key: '6b736eb1bd1560214079b50cce7bc59fed380eba', xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { key: '8fdac8bd9978f84302725fff032d5a7248a78982', d: faMagnifyingGlass.icon[4].toString() })), h("input", { key: '440d6a45a53a222d2bc3043048b55056e60d3fae', 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", { key: '9627e3ff1abed13ab6bf54b3ee1ad41b98bc1908', onDoButtonClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { key: '61145db67953fd6235150c9e3aa4c5e1ddecc032', class: "sort-filter-wrap" }, h("div", { key: 'a15f585989f71159f8ba838463b0d240431633f7', class: "filter-wrap" }, h("biggive-button", { key: 'cc6aa826f7f492bd0e5016d1bde47f24535ce87d', class: "filter", colourScheme: "primary", onDoButtonClick: this.handleFilterButtonClick, label: "Filter", fullWidth: true, "space-below": "0" }), h("biggive-popup", { key: '3ad918e1772a03426c5c067964bbb0fbbc2b56c8', id: "filter-popup" }, h("h4", { key: 'ba1813fa8e36ee461a85bf497cb06b60a4995b18', class: "space-above-0 space-below-3 text-colour-primary" }, "Filters"), h("div", { key: '7f6deab4b11cd5841b691e8d44344462ab111bc5', class: "select-wrapper-1" }, h("biggive-form-field-select", { key: '4dd06fde97603055af64e9e23a5f5f11dc7b1491', backgroundColour: "white", prompt: "Category", placeholder: this.categoriesPlaceHolderText, selectedLabel: this.selectedFilterCategory, selectedValue: this.selectedFilterCategory, options: this.optionsToArray(this.categoryOptions || []), selectionChanged: this.categoryFilterSelectionChanged, id: "categories", "space-below": "2" })), h("div", { key: '7bbcd9eb9642b84be51492f6db7bb6381366da4c', class: "select-wrapper-2" }, h("biggive-form-field-select", { key: '73721e3bc15f4c266af026263c478bf9814fb00f', backgroundColour: "white", prompt: "Beneficiary", placeholder: this.beneficiariesPlaceHolderText, selectedLabel: this.selectedFilterBeneficiary, selectedValue: this.selectedFilterBeneficiary, options: this.optionsToArray(this.beneficiaryOptions || []), selectionChanged: this.beneficiarySelectionChanged, id: "beneficiaries", "space-below": "2" })), h("div", { key: 'de856e44a37fa775389bee8559105654f43291a0', class: "select-wrapper-3" }, h("biggive-form-field-select", { key: '2ff9d220a0859e589883dc2dd68660f803aa391d', backgroundColour: "white", prompt: "Location", placeholder: this.locationsPlaceHolderText, selectedLabel: this.selectedFilterLocation, selectedValue: this.selectedFilterLocation, options: this.optionsToArray(this.locationOptions || []), selectionChanged: this.locationSelectionChanged, id: "locations", "space-below": "2" })), h("div", { key: '6227a1d3942f208608a2ad91bf28c49b4bc9022d', class: "align-right" }, h("biggive-button", { key: 'bf1c8b35b7a151092173ad07c6cea1005a06cf7a', label: "Apply filters", onDoButtonClick: this.handleApplyFilterButtonClick })))), h("div", { key: '8ebda9bd87f0699cc4583ea83965e7a4ee55a487', class: "sort-wrap" }, h("biggive-form-field-select", { key: 'd56d94c0edd3e5fcd0a9792c3a623158d0247bea', options: sortOptions, prompt: null, "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, selectedValue: this.getSelectedValue(), selectionChanged: this.sortBySelectionChanged, id: "sort-by" }, h("biggive-form-field-select-option", { key: 'd2c48236d24a187f7f6a0c1d6b19a677164b075d', value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { key: '26a71e33235df3c3b3893c3c2567356bda95a51b', value: "leastRaised", label: "Least raised" }), h("biggive-form-field-select-option", { key: '425338ab178fb056fcaa34cd99a2034b82537eb4', value: "matchFundsRemaining", label: "Most funds remaining" }), h("biggive-form-field-select-option", { key: 'c830bde748760a1a8bfb1ec4c51a6cb7adb235af', value: "closeToTarget", label: "Nearest target" }), (this.searchText || '').length > 0 ? h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), h("div", { key: '31ddc538b8a2e77d82a39aeaea1273eb1ac55135', class: "selected-filter-wrap" }, h("div", { key: '47b7979d0b14fbba0f1468f26af3973fe3ea4f28', class: "selected-filters" }, this.selectedFilterCategory && (h("span", { key: 'f4fd6cc1214954fcdf238e93a0397ede5ccdb921', class: "button", onClick: () => {
+        return (h("div", { key: 'ceb2f44c3c853bfdc3da18ad187de4cc5a085ffb', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '8f6370902bfabe8a9df23e274d05298ca316b12b', class: "sleeve" }, h("div", { key: '89fc861fdb61827ab5dbb5cee88a4dfdd0a8abcb', class: "search-wrap" }, h("h4", { key: '04363e5852c2347036e52efd75c0acfd83df5901' }, this.intro), h("div", { key: 'dd18cb11be900192f0a5a26f027b0102453e50ad', class: "field-wrap" }, h("div", { key: 'a9798f3d6943cfb5494452bf23ea5ce03c288a45', class: "input-wrap" }, h("svg", { key: '9296bccad620aaba713b252fb31c7f3efd4b1a96', xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { key: '718a7766577cf08ba55ebae64b60b312cfcf8edf', d: faMagnifyingGlass.icon[4].toString() })), h("input", { key: 'e89ff0c306417359e72597edf932166970e01702', 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", { key: '7713463cc5c611be7e96290c91da7691c3bba5e4', onDoButtonClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { key: 'eb4ac758e446eda26be72dad7239fd525c520c39', class: "sort-filter-wrap" }, this.enableSearchByLocation && this.offerNearMeOption && (h("biggive-button", { key: 'fe100d32987271001b584fbba653ab733e0d3037', class: "filter", colourScheme: "primary", onDoButtonClick: this.handleNearMeButtonPressed, label: this.fetchingLocation ? 'Fetching location...' : 'Charities near me', disabled: !this.fetchingLocation, fullWidth: true, "space-below": "0" })), h("div", { key: '30a35a0db88c129c27dd9c20b75d7516a7316ba8', class: "filter-wrap" }, h("biggive-button", { key: 'f93528615753291fd194e9675ff79c53b0a45943', class: "filter", colourScheme: "primary", onDoButtonClick: this.handleFilterButtonClick, label: "Filter", fullWidth: true, "space-below": "0" }), h("biggive-popup", { key: 'ef7b9eedfade6cb4027fb2789226bf697f420c91', id: "filter-popup" }, h("h4", { key: '5af7616eff806f4f455119f021e57a1d06fe8a0d', class: "space-above-0 space-below-3 text-colour-primary" }, "Filters"), h("div", { key: 'ee857c0d3ca4e3f9aa3c8ae339ac256b19c529e5', class: "select-wrapper-1" }, h("biggive-form-field-select", { key: '8ce9507ba455de76430c16f95d5d38a42e17fed2', backgroundColour: "white", prompt: "Category", placeholder: this.categoriesPlaceHolderText, selectedLabel: this.selectedFilterCategory, selectedValue: this.selectedFilterCategory, options: this.optionsToArray(this.categoryOptions || []), selectionChanged: this.categoryFilterSelectionChanged, id: "categories", "space-below": "2" })), h("div", { key: 'fede3134ddd0696cc7b181d53b1141b0baa6cc18', class: "select-wrapper-2" }, h("biggive-form-field-select", { key: 'b5a3fb4f023760c0909088ae0e3780268c0db855', backgroundColour: "white", prompt: "Beneficiary", placeholder: this.beneficiariesPlaceHolderText, selectedLabel: this.selectedFilterBeneficiary, selectedValue: this.selectedFilterBeneficiary, options: this.optionsToArray(this.beneficiaryOptions || []), selectionChanged: this.beneficiarySelectionChanged, id: "beneficiaries", "space-below": "2" })), h("div", { key: '2e39d963ca785aae5d4a50e9051e3b3f1ac42733', class: "select-wrapper-3" }, h("biggive-form-field-select", { key: '6e873fb07978e97cfbe868f77d94b5e6a73d828a', backgroundColour: "white", prompt: "Location", placeholder: this.locationsPlaceHolderText, selectedLabel: this.selectedFilterLocation, selectedValue: this.selectedFilterLocation, options: this.optionsToArray(this.locationOptions || []), selectionChanged: this.locationSelectionChanged, id: "locations", "space-below": "2" })), h("div", { key: '2ff04e800f368fae58f05820fef385f08a5bb73d', class: "align-right" }, h("biggive-button", { key: '437493a55113a5a95f85b07bc01825e55b195ecd', label: "Apply filters", onDoButtonClick: this.handleApplyFilterButtonClick })))), h("div", { key: 'e5893df8c1348a3bbaa9389884eed09672616dd0', class: "sort-wrap" }, h("biggive-form-field-select", { key: 'cf5681ff7096d71fc8b27195853a1db44ddb3e8d', options: sortOptions, prompt: null, "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, selectedValue: this.getSelectedValue(), selectionChanged: this.sortBySelectionChanged, id: "sort-by" }, h("biggive-form-field-select-option", { key: '943113783bd5331a484ca1701d794112eb6a7bac', value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { key: 'a12bc8d837e29675ad85c3df4aedb459499dd0b6', value: "leastRaised", label: "Least raised" }), h("biggive-form-field-select-option", { key: '64d3287ee368c5d51c95b9af3588c28861b6a7de', value: "matchFundsRemaining", label: "Most funds remaining" }), h("biggive-form-field-select-option", { key: '2cb9a2a2115d2a3e042c964ad89091be3704214e', value: "closeToTarget", label: "Nearest target" }), (this.searchText || '').length > 0 ? h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), h("div", { key: 'a772256d34001e35257a278f841c5b9fe886d12e', class: "selected-filter-wrap" }, h("div", { key: '9d3947afa52842a11ef1338450789e9a5d389ee3', class: "selected-filters" }, this.selectedFilterCategory && (h("span", { key: '2bd20241fe40a5acb5dc628b83a0e6c3f78cb5c0', class: "button", onClick: () => {
                 this.removeFilter('categories');
-            } }, this.selectedFilterCategory)), this.selectedFilterBeneficiary && (h("span", { key: '946143a1693b5d8a5e2042de52e37d9a4841bc0f', class: "button", onClick: () => {
+            } }, this.selectedFilterCategory)), this.selectedFilterBeneficiary && (h("span", { key: 'ae76369709cd8540ebf4287b5e337943e3e1d8e9', class: "button", onClick: () => {
                 this.removeFilter('beneficiaries');
-            } }, this.selectedFilterBeneficiary)), this.selectedFilterLocation && (h("span", { key: 'facb50dff01a6b2c39f958ec0034c04dfe479828', class: "button", onClick: () => {
+            } }, this.selectedFilterBeneficiary)), this.selectedFilterLocation && (h("span", { key: '73c489be03db7c92f517a2d1b63490cc1de6cff8', class: "button", onClick: () => {
                 this.removeFilter('locations');
-            } }, this.selectedFilterLocation))), h("div", { key: '38c788f63669bc7b2acba4a73839cc6dd049a49a', class: "clear-all" }, h("a", { key: '8b8c16bbddb9abbedcfc4cd3c64dff7ae193f6fa', onClick: this.handleClearAll }, "Clear all"))), h("div", { key: 'df60a79e69ccdf7bcbcfd2c281d10446fb749a8e', class: "campaign-grid" }, h("slot", { key: '845cd64aee0efa6aeadb8064d952ae43b4dfb6c7', name: "campaign-grid" })))));
+            } }, this.selectedFilterLocation))), h("div", { key: 'f283d737e862792b7fa2cebe16ec8f3014ee9e1f', class: "clear-all" }, h("a", { key: '7ef1c3ee2d4ac438fd21381d24ba9810530eb629', onClick: this.handleClearAll }, "Clear all"))), h("div", { key: '07da3888322df14430a72752c49f65e93f741b1c', class: "campaign-grid" }, h("slot", { key: '78a2bee33c15df96678182f8d6535ee49af43b58', name: "campaign-grid" })))));
     }
     // I'm not sure if I understand the reasoning for own-methods-must-be-private. I made the method below public to unit
     // test it. Maybe the idea is that we should move anything with enough logic to test outside the component class? I
@@ -516,6 +532,88 @@ export class BiggiveCampaignCardFilterGrid {
                 "reflect": false,
                 "attribute": "selected-filter-location",
                 "defaultValue": "null"
+            },
+            "enableSearchByLocation": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Allow donors to select campaigns near to themselves."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "enable-search-by-location",
+                "defaultValue": "false"
+            },
+            "offerNearMeOption": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Allow donors to select campaigns/charities near to themselves."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "offer-near-me-option"
+            },
+            "fetchingLocation": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Incidates that the component is currently fetching the browser location"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "fetching-location",
+                "defaultValue": "false"
+            },
+            "location": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "GeolocationPosition | undefined",
+                    "resolved": "GeolocationPosition | undefined",
+                    "references": {
+                        "GeolocationPosition": {
+                            "location": "global",
+                            "id": "global::GeolocationPosition"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Selected location around which donor is looking for campaigns"
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "undefined"
             }
         };
     }
@@ -540,6 +638,21 @@ export class BiggiveCampaignCardFilterGrid {
                     "resolved": "{ searchText: string | null; sortBy: string | null; filterCategory: string | null; filterBeneficiary: string | null; filterLocation: string | null; }",
                     "references": {}
                 }
+            }, {
+                "method": "doGetLocationFromBrowser",
+                "name": "doGetLocationFromBrowser",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "This event `doSearchAndFilterUpdate` event is emitted and propogates to the parent\ncomponent which handles it"
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
             }];
     }
     static get methods() {

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

@@ -11,7 +11,7 @@ export class BiggiveCampaignHighlights {
         this.progressBarCounter = undefined;
     }
     render() {
-        return (h("div", { key: 'f7b373cc1fa7ce35832e8702e05f4e34ed99c525', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '0417ce876afcaff59b7d000f1f34b811dbde9a4f', class: "sleeve" }, this.campaignTitle != null ? (h("div", { class: "campaign-title" }, h("span", null, this.campaignTitle))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : null, h("div", { key: '058c5f3dc7cda08f25cba8f3f425ce46002dd6c6', class: "meta-wrap" }, h("div", { key: '2c5d29f1b0c0e35659f32d9e8079f5e56c2c1eac', class: "meta-item" }, h("span", { key: 'f480c28ee657c76930f43a14f8770119a94dd627', class: "label" }, this.primaryFigureLabel), h("span", { key: 'cf9dbddab05ccc8e4febb17cfb4d4af9cfe13036', class: "text" }, this.primaryFigureAmount)), h("div", { key: 'aadd58d365a6df08a82fa7c046709489f703b434', class: "meta-item" }, h("span", { key: 'c284a1c8b2b8abca0ef64abf37fc27c338715da1', class: "label" }, this.secondaryFigureLabel), h("span", { key: 'e8cc91da7a4018fadcbf64bda7ff28846e820de8', class: "text" }, this.secondaryFigureAmount))), h("div", { key: 'b222cc04d2b9f8eeb32b222c2028b5bfa2ce5f75', class: "progress-bar-wrap" }, h("biggive-progress-bar", { key: 'd1d413de6f0f2271e66b85c11f6dd4145d1c643c', counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { key: '238049c444c0b65bc0e572cee9872f7e7d311e2a', class: "stat-wrap" }, this.primaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.secondaryStatText))) : null), this.championName != null ? (h("div", { class: "championed-by" }, "Championed by ", h("a", { href: this.championUrl }, this.championName))) : null)));
+        return (h("div", { key: '9f7b92fd96e95021a71987c5aef0eed8f14e76e4', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '10ff0d3f979dfc66fbdf4bd5c09ff0be27e6941e', class: "sleeve" }, this.campaignTitle != null ? (h("div", { class: "campaign-title" }, h("span", null, this.campaignTitle))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : null, h("div", { key: '68fc5a95cf81ace178ede53c4799842917ec0e5a', class: "meta-wrap" }, h("div", { key: '0598325d1a48e4015124ac0a507aa5a54cf48f33', class: "meta-item" }, h("span", { key: 'de6e984c1c5f0b76125fad60b34662da17a9f562', class: "label" }, this.primaryFigureLabel), h("span", { key: '8f5472d5b9abe458bd53678ca4e09e716068ed00', class: "text" }, this.primaryFigureAmount)), h("div", { key: '9b297b7676f3d5de45cd865217ed044bc967cd05', class: "meta-item" }, h("span", { key: 'f9984f6796ecb4b3f4e8a865dae1f5fa6a6a28a2', class: "label" }, this.secondaryFigureLabel), h("span", { key: '49d721e8a7770a47058cfedfb6d8cebf21278678', class: "text" }, this.secondaryFigureAmount))), h("div", { key: 'e503a6feb8ca10c0607a443b533386cfab4077ec', class: "progress-bar-wrap" }, h("biggive-progress-bar", { key: '357e686fafabb28cb0979ab0871751488930e98f', counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { key: '798f20551aa3d6c3acdf5ba9e061281bbcb2d607', class: "stat-wrap" }, this.primaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.secondaryStatText))) : null), this.championName != null ? (h("div", { class: "championed-by" }, "Championed by ", h("a", { href: this.championUrl }, this.championName))) : null)));
     }
     static get is() { return "biggive-campaign-highlights"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ export class BiggiveContainerCard {
         this.headingLevel = 3;
     }
     render() {
-        return (h("div", { key: 'f5885e75cb1ca80906804d7763c76e9c34b1fa60', class: 'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { key: '42070d8b1e1c61826969d9c21e75a3959ea81138', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("slot", { key: '43029a255440a863fbf187bc0f42c34f8bec891d' }))));
+        return (h("div", { key: '47ee6dfc2909a88bb6f5541ebb000895bae8c7be', class: 'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { key: '40f1e496b071ef095ae70235365b4ea02e2996d2', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("slot", { key: 'd2ab445448fbdde1c3b265e342ab2ac7b9bca914' }))));
     }
     static get is() { return "biggive-container-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.js

@@ -59,7 +59,7 @@ export class BiggiveCookieBanner {
         // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as
         // declined.
         const cookiesCurrentlyAllowed = this.previouslyAgreedCookiePreferences || {};
-        return (h("div", { key: '2ee762a4640a2e1ff255f9180678cf4dbfd2a598', class: "cooke-consent-container" }, h("biggive-popup", { key: '9d39b792cfd48459a51e16a17c212f7aa96cdb35', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: '6c486081f247c2f9c4dff5b8e3c177e43da36261', class: "content" }, h("h4", { key: '547ae87c1d361e0161be3aa6315faac3fb44e6db', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: 'ab5a6534d73331e4a5018777cdb8c7cc3b2b149f' }, h("div", { key: '027ebb76da24705c89dd0e7af9efc9422df248d5', class: "radio-group" }, h("h5", { key: '1c62fe21a32c3bdc848926e724ec40d6576115a3' }, "Essential Cookies"), h("p", { key: '98f449597690871d767eac1c1b27a39c4ff18e25' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: '4b2052c2f6f27906c81abfbbe865838254dc6051', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: 'f6ab1b8625211d554247ef4c0cf5d9f799b2515c', htmlFor: "necassary-on" }, "Off"), h("input", { key: '272f94637c70e08713e571e7f3b17a1b41146852', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: '3e68f999e48edf31e32e1f130650df9a22e7e787', htmlFor: "necassary-on" }, "On")), h("div", { key: '3b362a4ce9e7554459548e9cee7ee8ce872bb004', class: "radio-group" }, h("h5", { key: '9b8eac4ea8b6af098173981e6025c05bc899e709' }, "Analytics & Testing Cookies"), h("p", { key: '000d21c0e10f879a35ac5557e9484c42bfdae312' }, "We use analytics cookies to track activity on our website. For example, the pages you\u2019ve visited, the content you\u2019ve engaged with and the search terms you\u2019ve used. This allows us to personalise and improve our content."), h("p", { key: '675349e29fad1b3de7d2fdafcedeee10feb125b6' }, "We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance your user experience."), h("input", { key: '0e6d334945abcc1a141d961393d1524c6770de0c', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: 'a723fd69b03b9b90ced9520761201a171f792ddb', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: 'ff4f269d26fc5844cd524c37fc0824ef1398d021', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '6ffc75bb6a62603d7a17ad15527f5ca332e7b132', htmlFor: "a-and-t-on" }, "On")), h("div", { key: 'd329c1108db6cb261d26d90a920eb1849b08f761', class: "radio-group" }, h("h5", { key: '130a8ab018ce11ed335a06288267de9e200d7745' }, "Third-party Cookies "), h("p", { key: 'b8371a30da31cb25675a48af00817259e33b7512' }, "These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our donation experience survey."), h("input", { key: '68df1be21a7bd82efd2150b18e6c1ee9d808157e', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'd3c37fc2aba4109dbdc17fe55cba69974cf846b4', htmlFor: "third-party-off" }, "Off"), h("input", { key: '8be79cae8752cb1ceedb9afbd4ce2dd972c994ed', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'ee33fce47b0e79d2feee1bf62e36ec0e8d65bf18', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: 'c741eb5b97a6fbc9f40e48764b9bc8f52eaee224', "space-below": "0", "space-above": "2", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept Selected Cookies", "open-in-new-tab": "false", "full-width": "false", size: "small", rounded: false, centered: false, "button-id": "accept-selected-button", onDoButtonClick: this.handleAcceptSelectedCookies })), h("p", { key: '5765fcffe6d1b541e118ade489a24c0ca8a4be49' }, "You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))), h("h2", { key: 'e4c18aec6a1d62197fbcd39b1d5e35124160d1f5' }, "Our website uses cookies"), h("p", { key: '1e1517603481eb6c64f22c2e1047418b9dcb8b1a' }, "We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."), h("p", { key: 'efe2d7db5c253eaad3aa5e4a1d5aa72cd97c7459' }, h("a", { key: 'd8a0d8f6a625a7dea5cbf23860b426ee432e7799', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: 'cf6989bab1ab42986edcc1d178f6eee571a6cbdd', class: "button-group" }, h("biggive-button", { key: 'ffd8e4435f368a4e269a191366749bf7896acae6', onDoButtonClick: this.handleAcceptAllClick, "space-below": "0", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "accept-all-button" }), h("biggive-button", { key: '07f4bfaec0ce87a2d4c9dd1ad8e48bdb5e27dd62', onDoButtonClick: this.handleRejectAllClicked, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Essential Cookies Only", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }), h("biggive-button", { key: '66ad770ea7212e6721e0a59d3b6cee34709f23ad', onDoButtonClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
+        return (h("div", { key: '9da823e571602907e8e9ec5e72c19570f8b800b0', class: "cooke-consent-container" }, h("biggive-popup", { key: 'ffcffbd90768524bbe53249a0bdec923d05fd3c6', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: '93ba536ad65df83902d21613cc6d40fb5a216973', class: "content" }, h("h4", { key: '6c37d5901a10338547958028826472803608203b', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '182899dadc23025b01e0e10114e8a15c656edd58' }, h("div", { key: '969aaaa10d5815935774f7e54be1a3c5eba1e08f', class: "radio-group" }, h("h5", { key: '3088bac52404bbc8b543cef7c04b3d1a6c4b8172' }, "Essential Cookies"), h("p", { key: 'af6f64f69b4717a3b8108a42979168454da8d74b' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: '173d5a20418cd02bc0decd92d888bb2c2b9060e5', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: 'af5b2d6cbe2eda853d20d49f4bf6c516d2adf5cc', htmlFor: "necassary-on" }, "Off"), h("input", { key: '1ebbc370e7017b7572b7283b9d024d3a01a104b3', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: 'c68ee2097aadc4c46bd3d73bfb3eada851c09539', htmlFor: "necassary-on" }, "On")), h("div", { key: '3cf3c7bedfa3cc5fdbdb67f86f5d78508733de03', class: "radio-group" }, h("h5", { key: 'd70c8d0002bfab361a202e174e39b908f15aa8ec' }, "Analytics & Testing Cookies"), h("p", { key: '4d3abcb030535d65f8ce48af40ef3aac6f8e72b9' }, "We use analytics cookies to track activity on our website. For example, the pages you\u2019ve visited, the content you\u2019ve engaged with and the search terms you\u2019ve used. This allows us to personalise and improve our content."), h("p", { key: 'b8536857ccd8e4bfdbc5a340e36ea3a6504d7d3d' }, "We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance your user experience."), h("input", { key: '34e53faec69fee706ddc191747398a03294b40da', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '9cfedff22a4bada2b4b51c6a7299d28c71630f33', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: 'd06a9ee4d201b89ca31fa0fa284433c8b3b20799', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '4c823880fab576a6cf3ab5badd46abbbf5d12028', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '1e2bd14f96e361af703a99c04da52c50cb77cf1b', class: "radio-group" }, h("h5", { key: '471a9217bc4173e7c68633d10f131bffc8bf0531' }, "Third-party Cookies "), h("p", { key: '43055b98563c4874c2a48e6d91b198036bcf35cf' }, "These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our donation experience survey."), h("input", { key: 'baaec59647dcaf258bd7ad43463dbfdf6fc4afd9', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '4f905ffed2dfeba05f52036dbcbf5530729e5e99', htmlFor: "third-party-off" }, "Off"), h("input", { key: 'e46c1084e769a0782c065c0f20bb8ea95a9e9aee', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '5842a886c457cdde52730a7149ecf56435bf939f', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: '91fb477d7dc7655b08fdf37aad4ec834e8de8ccd', "space-below": "0", "space-above": "2", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept Selected Cookies", "open-in-new-tab": "false", "full-width": "false", size: "small", rounded: false, centered: false, "button-id": "accept-selected-button", onDoButtonClick: this.handleAcceptSelectedCookies })), h("p", { key: '25d1de6b88a3e0e8edc3882fa739355fdae57449' }, "You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))), h("h2", { key: '832c163006c9e8edda8b6d464fc221bb8fee94a2' }, "Our website uses cookies"), h("p", { key: '983f374934beff8112fcb5aea4e371578e51b3fe' }, "We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."), h("p", { key: '0d29880c9771819f869f5ec37886768a7341533d' }, h("a", { key: 'd9b38d756ac86a7fae5dd50361ddc311f31ef0d0', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: 'f02dc850e2d9a00f64362c9f99f750efcecbfe38', class: "button-group" }, h("biggive-button", { key: '928e97747d7627204b3b858676b8380a7cd94631', onDoButtonClick: this.handleAcceptAllClick, "space-below": "0", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "accept-all-button" }), h("biggive-button", { key: 'ab000ed9718a1a8fdd0b202252057e3fe9afb9b2', onDoButtonClick: this.handleRejectAllClicked, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Essential Cookies Only", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }), h("biggive-button", { key: '526c5068b1ca2621e6a2fe7113c1db29d3f09930', onDoButtonClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
     }
     static get is() { return "biggive-cookie-banner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class BiggiveForm {
     render() {
-        return (h(Host, { key: 'f53ec3f41574f2e6f83dcfdff9a8e6435be502d3' }, h("slot", { key: '5e8fd949fe122a3bd20ace57a28fa7e9b2113c7b' })));
+        return (h(Host, { key: 'c9ba74a1b0d168d61c90cb8994f8d9d8f9b8e967' }, h("slot", { key: '23f6e7258b011e5a807c2c01d7c3451384fb43db' })));
     }
     static get is() { return "biggive-form"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,12 +26,12 @@ export class BiggiveFormFieldSelect {
         }
         // Give the select a random id so we can reference it from a label
         const selectId = this.selectElementId || 'select-' + this.getRandomInt().toString();
-        return (h("div", { key: 'a62c4b4e0b8536d2e9239235af60e3d6ff4e813a', class: "selectWrapper" }, h("label", { key: '15dde1c309b0aa5dee99849a00b3591180f3fe3e', class: greyIfRequired, htmlFor: selectId }, h("div", { key: '7f11a1824d7d203f0e54740b1010652eed36a322', class: 'prompt' + greyIfRequired }, this.prompt)), h("div", { key: 'af756e205276e7df9088cd2f6fb21f4b76cd5685', class: 'dropdown space-below-' +
+        return (h("div", { key: '1b0f9c8c81ab0f4d3bb21ea3ef10e24a1eb23c98', class: "selectWrapper" }, h("label", { key: '9a4c9ea9774385dceb506c6a71823588c6d33a12', class: greyIfRequired, htmlFor: selectId }, h("div", { key: '441a778c4d417c7b8daf18ea0caada0b421fae25', class: 'prompt' + greyIfRequired }, this.prompt)), h("div", { key: '29a22d55202a62eaa02ad24caae3de079f651082', class: 'dropdown space-below-' +
                 this.spaceBelow +
                 ' select-style-' +
                 this.selectStyle +
                 (this.prompt === null ? '  noprompt' : '') +
-                (this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, h("div", { key: 'be6b268cffd0db3a7ddf7b4b888425c380ca2cfa', class: "sleeve" }, h("select", { key: '16118fe97259667c485fc099bdfc632ebe9f46b4', id: selectId, class: greyIfRequired, onChange: this.doOptionSelectCompletedHandler, "aria-label": this.prompt === null ? this.placeholder : this.prompt }, options.map(option => (h("option", { selected: this.selectedValue === option.value, value: option.value }, option.label)))), h("div", { key: '0df87df7ebf208706906c961ec7c0b2899eb3382', class: "arrow" })))));
+                (this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, h("div", { key: '281b7731bdf66d6419aae73d68951bc8df532149', class: "sleeve" }, h("select", { key: 'de57f5898ffe1122c2cc72442eab0d7da2b52a2c', id: selectId, class: greyIfRequired, onChange: this.doOptionSelectCompletedHandler, "aria-label": this.prompt === null ? this.placeholder : this.prompt }, options.map(option => (h("option", { selected: this.selectedValue === option.value, value: option.value }, option.label)))), h("div", { key: 'e6316c952bcfbd7b8a3ce332a4563f898010abd4', class: "arrow" })))));
     }
     formatOptions(options) {
         if (options === undefined) {

package/dist/collection/components/biggive-formatted-text/biggive-formatted-text.js

@@ -8,7 +8,7 @@ export class BiggiveFormattedText {
     render() {
         const defaultColourSet = typeof this.defaultTextColour === 'string' && this.defaultTextColour.trim() !== '';
         const anyDefaultColourClass = defaultColourSet ? ' text-colour-' + this.defaultTextColour : '';
-        return (h("div", { key: '39ae5e63707621a6e4d7d991d56562410a8937a2', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + anyDefaultColourClass + ' space-below-' + this.spaceBelow }, h("slot", { key: '1b87428ede7d1b8a9e3423fdadc55b611966d244' })));
+        return (h("div", { key: '93efab9359103264a99401ac6f0aead93769807e', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + anyDefaultColourClass + ' space-below-' + this.spaceBelow }, h("slot", { key: '81b3f0e9b295287168f84694d51934d4f7364d9a' })));
     }
     static get is() { return "biggive-formatted-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class BiggiveGrid {
         this.columnGap = 0;
     }
     render() {
-        return (h("div", { key: 'f9af69197773e6b22b16c3936888c308ebfc5012', class: 'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '') }, h("slot", { key: '9abb765f90e5f02e3b517e90ff73309b6b3f47f6' })));
+        return (h("div", { key: '4d81d69c275a02796ebf83e121988a72c3e20967', class: 'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '') }, h("slot", { key: 'bc2bc7343b24bedf177ae72ea7718b2bfedcc968' })));
     }
     static get is() { return "biggive-grid"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,7 +14,7 @@ export class BiggiveHeading {
     }
     render() {
         const Tag = this.htmlElement;
-        return (h("div", { key: '77973ce87d27cd4c398e6896a970b04ec295ca5d', class: 'container ' + this.siteDesign + ' align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h(Tag, { key: '30909e98ecc92293ea8537567ba5e87ab1f81af5', class: 'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size }, this.icon ? (h("svg", { viewBox: "0 0 102 88" }, h("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), h("path", { d: "M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n         h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n         c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n         c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n         c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n         c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n         c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n          M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n         c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n         C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n         C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n         c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z" }))) : null, this.text)));
+        return (h("div", { key: '4fffcebf9b9d9e1ec280331f544cb639c7f94d8d', class: 'container ' + this.siteDesign + ' align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h(Tag, { key: '542318025497735b4243d4396d926c3439e8c53e', class: 'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size }, this.icon ? (h("svg", { viewBox: "0 0 102 88" }, h("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), h("path", { d: "M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n         h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n         c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n         c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n         c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n         c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n         c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n          M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n         c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n         C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n         C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n         c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z" }))) : null, this.text)));
     }
     static get is() { return "biggive-heading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-heading-banner/biggive-heading-banner.js

@@ -64,14 +64,14 @@ export class BiggiveHeadingBanner {
             teaserBlock =
                 this.targetUrl === undefined ? (h("div", { class: "teaser", style: { color: teaserColour } }, teaserLines)) : (h("a", { href: this.targetUrl, class: "banner-link" }, h("div", { class: "teaser", style: { color: teaserColour } }, teaserLines)));
         }
-        return (h("div", { key: 'c9edf2e8c3340b4a6b5fc05b07ed297bb7308e14', class: {
+        return (h("div", { key: '75671b219a4a6d72a6e1b3d86f9b655e5fe47eef', class: {
                 banner: true,
                 short: this.height === 'short',
             }, style: {
                 'background-color': bgColor,
             } }, typeof this.mainImageUrl === 'string' && this.mainImageUrl !== '' ? (h("img", { class: "background", src: this.mainImageUrl, alt: "", style: {
                 'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,
-            } })) : null, h("div", { key: '43c4e4f3ea938dc9408c3526331c82357dfc8803', class: "sleeve" }, h("div", { key: '7b7c0fc3b138d53940eeffb63df063c332c1a29e', class: "content-wrap", style: {
+            } })) : null, h("div", { key: 'ce9111a87766b684caa838c528bb4cc8f631ff17', class: "sleeve" }, h("div", { key: '7bc9c2fe458453da0a8d77c22c2ba8df4dfd8bec', class: "content-wrap", style: {
                 'background-color': textBgColor,
             } }, logo ? (h("div", { class: "logo" }, h("img", { src: logo.url, alt: logo.alt || '' }))) : null, this.slug != undefined ? (h("div", { style: {
                 color: slugColour,

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

@@ -54,9 +54,9 @@ export class BiggiveHeroImage {
         // `pre` or `pre-wrap` so that literal whitespace inserted into the rendered output doesn't affect the layout.
         // Assuming that this is needed only for the teaser, and the main title would never contain a line break.
         const teaserLines = this.lineBreakToBr(this.teaser);
-        return (h("div", { key: '442fb0124ed28469d21f51ab03719033227da7ee', class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow, style: this.mainImageShape === 'rectangle' ? { 'background-image': 'url(' + this.mainImage + ')', 'background-size': 'cover' } : {} }, h("div", { key: 'f69590e6ed20bd29f9d066c754ea4ba5adedf172', class: "sleeve" }, h("div", { key: 'b90f3ad69671b9fa54816cce13d0d690d448da2b', class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: 'logo image-wrap logo-height-' + this.logoHeight }, h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : h("div", { class: 'logo-space logo-height-' + this.logoHeight }), ((_b = this.logo) === null || _b === void 0 ? void 0 : _b.length) > 0 || ((_c = this.slug) === null || _c === void 0 ? void 0 : _c.length) > 0
+        return (h("div", { key: '00950c5d25067d28ca5609b4bdfad15c674a20f8', class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow, style: this.mainImageShape === 'rectangle' ? { 'background-image': 'url(' + this.mainImage + ')', 'background-size': 'cover' } : {} }, h("div", { key: 'f20acc3184b056476184d71376c3f2facbb0c40b', class: "sleeve" }, h("div", { key: '9084c2529af5ce2222c166732772cf04855f9bc6', class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: 'logo image-wrap logo-height-' + this.logoHeight }, h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : h("div", { class: 'logo-space logo-height-' + this.logoHeight }), ((_b = this.logo) === null || _b === void 0 ? void 0 : _b.length) > 0 || ((_c = this.slug) === null || _c === void 0 ? void 0 : _c.length) > 0
             ? (h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug))
-            : null, h("h1", { key: '7c41416de623350313f1478086c609980753c65a', class: mainTitleClasses }, this.mainTitle), h("div", { key: '5b7613c5c2b083525a9f1e7e38b8d71db02ac1ac', class: teaserClasses }, teaserLines), this.buttonLabel != null && this.buttonUrl != null
+            : null, h("h1", { key: '4101e030c16a5559cd5526c9dc4b4de4abec5d0d', class: mainTitleClasses }, this.mainTitle), h("div", { key: 'd5345f038729ae75025736d2530b2e85246c3e2f', class: teaserClasses }, teaserLines), this.buttonLabel != null && this.buttonUrl != null
             ? h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
             : null), this.mainImageShape === 'triangle' && this.mainImage !== null ? (h("div", { class: "graphic-wrap" }, h("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } }))) : null)));
     }

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

@@ -19,7 +19,7 @@ export class BiggiveIconButton {
         };
     }
     render() {
-        return (h("div", { key: '844beaaf27d4d92d43bd60ed194f69f713bda0ce', class: 'container space-below-' +
+        return (h("div", { key: 'b45454881d1333f4a939a25ad3df8b6b6b53fa80', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -30,7 +30,7 @@ export class BiggiveIconButton {
                 ' rounded-' +
                 this.rounded +
                 ' shadow-' +
-                this.shadow }, h("a", { key: '2b62274fc31c603a5951972005c0cf9c99105fd5', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, h("div", { key: 'a8f62d0f22d7f53c2a396a32a4c988519fef0eca', class: "sleeve", onClick: this.handleButtonClick }, h("div", { key: 'c2650d09652cb8429b36208feec045dc0b52f4a2', class: 'icon-wrap ' + ' size-' + this.size + ' circle-' + this.circle.toString() }, h("biggive-misc-icon", { key: 'e7db1c4cfe4a01635760bf4e6ce8c2a60f8b2c73', icon: this.icon })), this.text != '' ? h("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (h("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, h("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
+                this.shadow }, h("a", { key: '360ca2fcd7878f77f693f75aea46356bab79ecd4', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, h("div", { key: '0397c196616539c883d5c253d89f68af7cc56e8a', class: "sleeve", onClick: this.handleButtonClick }, h("div", { key: '37d835a044b45ef95512409c5c0ff8f830b8a1ea', class: 'icon-wrap ' + ' size-' + this.size + ' circle-' + this.circle.toString() }, h("biggive-misc-icon", { key: '1e93357b009a3e3f379f1b92daea7a05717893f1', icon: this.icon })), this.text != '' ? h("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (h("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, h("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
     }
     static get is() { return "biggive-icon-button"; }
     static get encapsulation() { return "shadow"; }