npm - @biggive/components - Versions diffs - 202404020955.0.0 → 202404111349.0.0 - Mend

@biggive/components 202404020955.0.0 → 202404111349.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (157) hide show

package/dist/cjs/{biggive-accordion_42.cjs.entry.js → biggive-accordion_40.cjs.entry.js} RENAMED Viewed

@@ -517,172 +517,6 @@ const BiggiveCampaignHighlights = class {
 };
 BiggiveCampaignHighlights.style = BiggiveCampaignHighlightsStyle0;
-const biggiveCarouselCss = "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}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .items .sleeve{display:flex;min-width:100%}.container .navigation{padding:10px 0;text-align:right;display:flex;justify-content:end;position:relative;z-index:1}.container .navigation .button{margin-left:15px;display:block;width:30px;height:30px;padding:2.5px 10px;box-sizing:border-box;background-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);border-radius:50%;cursor:pointer;text-align:center}.container .navigation .button svg{width:15px;height:15px;position:relative;top:2.5px}.container .navigation .button.prev{left:0}.container .navigation .button.prev svg{left:-3px}.container .navigation .button.next{right:0}.container .navigation .button.next svg{left:-1px}.container ::slotted(.hidden){display:none}.column-count-5 ::slotted(*){width:calc(20% - 24px);display:flex;flex-direction:column}.column-count-4 ::slotted(*){width:calc(25% - 22.5px);display:flex;flex-direction:column}.column-count-3 ::slotted(*){width:calc(33.3333333333% - 20px);display:flex;flex-direction:column}.column-count-2 ::slotted(*){width:calc(50% - 15px);display:flex;flex-direction:column}@media screen and (max-width: 768px){.column-count-2 ::slotted(*),.column-count-3 ::slotted(*),.column-count-4 ::slotted(*),.column-count-5 ::slotted(*){width:calc(50% - 15px)}}@media screen and (max-width: 576px){.column-count-2 ::slotted(*),.column-count-3 ::slotted(*),.column-count-4 ::slotted(*),.column-count-5 ::slotted(*){width:100%}}";
-const BiggiveCarouselStyle0 = biggiveCarouselCss;
-const BiggiveCarousel = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.currentTab = 0;
-        this.itemCount = 0;
-        this.itemWidthPx = 0;
-        this.columnGapPx = 0;
-        this.clickPrevHandler = () => {
-            this.showTab('PREV');
-        };
-        this.clickNextHandler = () => {
-            this.showTab('NEXT');
-        };
-        this.versions = undefined;
-        this.spaceBelow = 4;
-        this.columnCount = 3;
-        this.buttonBackgroundColour = 'white';
-        this.buttonIconColour = 'primary';
-    }
-    componentDidRender() {
-        var _a;
-        this.sleeve = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.sleeve');
-        this.resizeToFitContent();
-    }
-    async resizeToFitContent() {
-        var _a;
-        let children = new Array();
-        Array.from(this.host.children).forEach(item => {
-            if (!item.classList.contains('hidden')) {
-                children.push(item);
-            }
-        });
-        this.itemCount = children.length;
-        if (children.length > 0) {
-            this.columnGapPx = 30;
-            this.itemWidthPx = (((_a = this.sleeve.parentElement) === null || _a === void 0 ? void 0 : _a.offsetWidth) - (this.columnCount - 1) * this.columnGapPx) / this.columnCount;
-            this.sleeve.style.width = (this.itemWidthPx + this.columnGapPx) * children.length + 'px';
-            this.sleeve.style.height = this.sleeve.style.height;
-            this.sleeve.style.transform = 'translate3d(0px, 0, 0)';
-            children.forEach(el => {
-                el.style.width = this.itemWidthPx + 'px';
-                el.style.marginRight = this.columnGapPx + 'px';
-            });
-        }
-    }
-    /*
-     * Animates a transition to show the NEXT or PREVIOUS element in the carousel.
-     * Does nothing if there is no next or previous element.
-     */
-    showTab(direction) {
-        const newTab = this.currentTab + (direction === 'PREV' ? -1 : 1);
-        if (newTab < 0 || newTab > this.itemCount - this.columnCount) {
-            return;
-        }
-        const pos = 0 - (this.itemWidthPx + this.columnGapPx) * newTab;
-        this.sleeve.style.transitionDuration = '0.3s';
-        this.sleeve.style.transitionTimingFunction = 'ease-out';
-        this.sleeve.style.transform = 'translate3d(' + pos + 'px, 0, 0)';
-        this.currentTab = newTab;
-    }
-    render() {
-        return (index.h("div", { key: '9377f7a62408543e7eb814943e0a39e01d87e160', class: 'container column-count-' +
-                this.columnCount +
-                ' space-below-' +
-                this.spaceBelow +
-                ' button-background-colour-' +
-                this.buttonBackgroundColour +
-                ' button-icon-colour-' +
-                this.buttonIconColour }, index.h("div", { key: 'cd5cf428c8120718335924fd52aa8c0dfda55348', class: "items" }, index.h("div", { key: 'c48b64e3b589fdbd08d3d12b9b9d512d1f0bcee1', class: "sleeve" }, index.h("slot", { key: '71f2f2e3bbfe9fb4203c4fb89da58ba723cfb027' }))), index.h("div", { key: '2e1313240c95a46e56df38d171da330064451f83', class: "navigation" }, index.h("div", { key: 'b51931d54dd1b4467655a9f889d7e0bcf4697dc5', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, index.h("svg", { key: '14780dcd1a9c4f341271ab46e884f0b4466863fc', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '8e78202db305389daf814e173e9d166fef8f9ece', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), index.h("div", { key: 'f8312e9165d39e1e1ff72aa79709074c09a22df1', class: "button next", onClick: this.clickNextHandler, title: "Next" }, index.h("svg", { key: '9db8cb7bccf8b0de4e9bc665105acdfbffb7ab65', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'd777e136f2d479a8f046f6f51ea2b0925d9b13cd', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" }))))));
-    }
-    get host() { return index.getElement(this); }
-};
-BiggiveCarousel.style = BiggiveCarouselStyle0;
-const biggiveFilteredCarouselCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block}.filters{margin-bottom:15px}.filters .button{cursor:pointer;border-radius:20px;padding:5px 20px;margin-right:15px;font-size:13px;line-height:17px;background-color:#FF7272;color:#000000;border-color:#FF7272}.filters .button.active{background-color:#000000;border-color:#000000;color:#FFFFFF}.filters .clear{padding:5px;height:26px;width:26px;text-align:center}.filters .clear svg{top:3px;left:0.5px;position:relative;height:16px;width:16px;transform:rotate(45deg)}";
-const BiggiveFilteredCarouselStyle0 = biggiveFilteredCarouselCss;
-const BiggiveFilteredCarousel = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.spaceBelow = 4;
-        this.columnCount = 3;
-        this.buttonBackgroundColour = 'white';
-        this.buttonIconColour = 'primary';
-    }
-    componentDidLoad() {
-        var _a, _b;
-        const carousel = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('biggive-carousel');
-        const filterWrap = (_b = this.host.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.filters');
-        this.children = new Array();
-        Array.from(this.host.children).forEach(item => {
-            this.children.push(item);
-        });
-        let filters = [];
-        this.children.forEach(item => {
-            var _a, _b;
-            carousel.appendChild(item);
-            let itemFilters = [];
-            if (item.getAttribute('filters') != null) {
-                itemFilters = (_b = (_a = item.getAttribute('filters')) === null || _a === void 0 ? void 0 : _a.split('|')) !== null && _b !== void 0 ? _b : [];
-                filters.push(...itemFilters);
-            }
-            item.dataset['filters'] = JSON.stringify(itemFilters);
-        });
-        filters = [...new Set(filters)];
-        filters.forEach(filter => {
-            var button = document.createElement('span');
-            button.innerHTML = filter;
-            button.classList.add('button');
-            button.classList.add('apply');
-            button.setAttribute('data-filter', filter);
-            button.addEventListener('click', e => {
-                var _a;
-                const button = e.target;
-                button.classList.toggle('active');
-                let appliedFilters = [];
-                let buttons = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.filters span.button.active');
-                buttons === null || buttons === void 0 ? void 0 : buttons.forEach(button => {
-                    appliedFilters.push(button.getAttribute('data-filter'));
-                });
-                this.children.forEach(item => {
-                    let itemFilters = JSON.parse(item.dataset['filters']);
-                    if (appliedFilters.length == 0 || appliedFilters.filter(x => itemFilters.includes(x)).length > 0) {
-                        item.classList.remove('hidden');
-                    }
-                    else {
-                        item.classList.add('hidden');
-                    }
-                });
-                carousel.resizeToFitContent();
-            });
-            filterWrap.appendChild(button);
-        });
-        var clear = document.createElement('span');
-        clear.innerHTML =
-            '<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-color="1" stroke="#000000" d="M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z" /></svg>';
-        clear.classList.add('button');
-        clear.classList.add('clear');
-        clear.addEventListener('click', () => {
-            filterWrap.querySelectorAll('.apply').forEach(button => {
-                button.classList.remove('active');
-            });
-            this.children.forEach(item => {
-                item.classList.remove('hidden');
-            });
-            carousel.resizeToFitContent();
-        });
-        filterWrap.appendChild(clear);
-        /*
-        Check added to confirm that carousel variable is set with a valid carousel. Ommiting this check fails the npm test - although works fine at runtime in browser.
-        @todo Pass a null fn in the test so it passes without this workaround?
-        */
-        if (typeof carousel.resizeToFitContent === 'function') {
-            carousel.resizeToFitContent();
-        }
-    }
-    render() {
-        return (index.h("div", { key: '291c6780a1f91d24afeaded1822cd91d74a18a78', class: 'container space-below-' + this.spaceBelow }, index.h("div", { key: 'aed0a314d00a43e56c560462659fad3ce7af17cc', class: "filters" }), index.h("biggive-carousel", { key: '3ed466578a78ec8b2127f16377fa057ac8b85ea2', "space-below": "1", "column-count": this.columnCount, "button-background-colour": this.buttonBackgroundColour, "button-icon-colour": this.buttonIconColour })));
-    }
-    get host() { return index.getElement(this); }
-};
-BiggiveFilteredCarousel.style = BiggiveFilteredCarouselStyle0;
 const makeURL = (urlType, urlPrefix, relativeUrl) => {
     if (urlPrefix === undefined || urlPrefix.length === 0 || !urlPrefix.startsWith('http')) {
         throw new Error(`${urlType} URL prefix must be set and start with http`);
@@ -772,12 +606,12 @@ const BiggiveFormFieldSelect = class {
             console.error('options undefined');
             options = [];
         }
-        return (index.h("div", { key: '8c61a000b390d49c61d2cc39a904b081d02dc97e', class: "selectWrapper" }, index.h("label", { key: '332afbc6d70acea35a61cf852eab68bc28b257e6', class: greyIfRequired }, index.h("div", { key: '37466cccb159f8ebaab0fd96b7cb9d9ac48de982', class: 'prompt' + greyIfRequired }, this.prompt), index.h("div", { key: 'e50addae238a2a9d886a1bd9d57d4cf0c0ac68b8', class: 'dropdown space-below-' +
+        return (index.h("div", { key: 'e95eb357e93417f2d5adf60a7c1f26c9a7d529e2', class: "selectWrapper" }, index.h("label", { key: '1202e0d49f937269deab3335d570868beb505b42', class: greyIfRequired }, index.h("div", { key: '9626735088efdaaa3fda0d07d45421d7ea7a1a91', class: 'prompt' + greyIfRequired }, this.prompt), index.h("div", { key: '5c48330992e2ee9b6091c0508b02be29a7dcabdd', class: 'dropdown space-below-' +
                 this.spaceBelow +
                 ' select-style-' +
                 this.selectStyle +
                 (this.prompt === null ? '  noprompt' : '') +
-                (this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, index.h("div", { key: 'ac0bccda5054609a99131b3e78eed47fbb3cb7e5', class: "sleeve" }, index.h("select", { key: '397439de8ca10ac7807aac3c429765034ce7e5e6', class: greyIfRequired, onChange: this.doOptionSelectCompletedHandler }, options.map(option => (index.h("option", { selected: this.selectedValue === option.value, value: option.value }, option.label)))), index.h("div", { key: 'fb7b32d3e79c00620742c3b96e403626d266c17e', class: "arrow" }))))));
+                (this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, index.h("div", { key: '1b86fe8daf6a0f40fe26dbb1d7c17b549cf35058', class: "sleeve" }, index.h("select", { key: '4c6a8134dbfccb31ed7be51aba7fe0c14a659046', class: greyIfRequired, onChange: this.doOptionSelectCompletedHandler }, options.map(option => (index.h("option", { selected: this.selectedValue === option.value, value: option.value }, option.label)))), index.h("div", { key: '0613a8e84dd97fb3d95d0c3c593789dc0dab9869', class: "arrow" }))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -794,7 +628,7 @@ const BiggiveFormattedText = class {
         this.maxWidth = 100;
     }
     render() {
-        return (index.h("div", { key: '65fa6b3c1743e95a1b5399ef5fc8867a4be511f2', class: 'container max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, index.h("slot", { key: 'a83067e64d5bfb14f3ac960491ff5b1dc8ee3c56' })));
+        return (index.h("div", { key: '819551388ab2e704f62177a9d1d6452e2ef796e9', class: 'container max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, index.h("slot", { key: '78079b493a49adbd78781667504db3ce0c30a708' })));
     }
 };
 BiggiveFormattedText.style = BiggiveFormattedTextStyle0;
@@ -831,7 +665,7 @@ const BiggiveGenericIcon = class {
         const iconDefinition = this.getIconDefinition();
         return (
         // Note: the icon name prop is set as a css class too for any styling specific to certain icons
-        index.h("div", { key: 'c2621eea3c827f134c0671100acfda8d5d06feb1', class: 'generic-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, index.h("a", { key: '73450b9fe36f1d41a6cbab3c37fd127d615dd62e', href: this.url }, iconDefinition ? (index.h("svg", { width: iconDefinition.icon[0], height: iconDefinition.icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + iconDefinition.icon[0] + ' ' + iconDefinition.icon[1] }, index.h("path", { d: iconDefinition.icon[4].toString() }))) : null)));
+        index.h("div", { key: '443fe74064bac6cef7a6ce319fd9fb26bc8993a9', class: 'generic-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, index.h("a", { key: '86b7eb52ea7a20a1721d948eefe4b216a1e1f7c3', href: this.url }, iconDefinition ? (index.h("svg", { width: iconDefinition.icon[0], height: iconDefinition.icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + iconDefinition.icon[0] + ' ' + iconDefinition.icon[1] }, index.h("path", { d: iconDefinition.icon[4].toString() }))) : null)));
     }
 };
 BiggiveGenericIcon.style = BiggiveGenericIconStyle0;
@@ -848,7 +682,7 @@ const BiggiveGrid = class {
         this.columnGap = 0;
     }
     render() {
-        return (index.h("div", { key: 'c66fde1029db1c5a4f9e516e84ca81cf0fa11492', class: 'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '') }, index.h("slot", { key: '64d67dd5b4dfb600547e3c791f582f62a029fa24' })));
+        return (index.h("div", { key: 'd5546015f64264d5b6873b7a94d74a4b275f7f1c', class: 'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '') }, index.h("slot", { key: '4320b2c55ac6618bb9adad682029346aae300ed8' })));
     }
 };
 BiggiveGrid.style = BiggiveGridStyle0;
@@ -871,7 +705,7 @@ const BiggiveHeading = class {
     }
     render() {
         const Tag = this.htmlElement;
-        return (index.h("div", { key: '76099648e37d30f39496f2fda26e7f439e1aafa6', class: 'container align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, index.h(Tag, { key: '38c757bfa7826bfedba74e6c3b8952a1bdb5c267', class: 'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size }, this.icon ? (index.h("svg", { viewBox: "0 0 102 88" }, index.h("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), index.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 (index.h("div", { key: '6f0be9ecfa1279515480fa8abc640493ae499e80', class: 'container align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, index.h(Tag, { key: '49a66dc67b798a22e21804c832c8db31cdae4e4f', class: 'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size }, this.icon ? (index.h("svg", { viewBox: "0 0 102 88" }, index.h("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), index.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)));
     }
 };
 BiggiveHeading.style = BiggiveHeadingStyle0;
@@ -903,9 +737,9 @@ const BiggiveHeroImage = class {
     render() {
         const mainTitleClasses = 'main-title ' + (typeof this.mainTitleColour === 'string' && this.mainTitleColour.length > 0 ? `text-colour-${this.mainTitleColour}` : '');
         const teaserClasses = 'teaser ' + (typeof this.teaserColour === 'string' && this.teaserColour.length > 0 ? `text-colour-${this.teaserColour}` : '');
-        return (index.h("div", { key: '51eae2f7639b37e2327eebe0552df24b518dfd96', class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, index.h("div", { key: '8b9e4c4ce89be8143d38ef3d885a270e5b339b76', class: "sleeve" }, index.h("div", { key: '4d33f3a05b74c4a7631768bfbbd5aba9c8fcd29d', class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (index.h("div", { class: 'logo image-wrap logo-height-' + this.logoHeight }, index.h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : index.h("div", { class: 'logo-space logo-height-' + this.logoHeight }), index.h("div", { key: '05a1e4a6916fe0e68a5638d5e0063722ee5759ee', class: 'slug text-colour-' + this.slugColour }, this.slug), index.h("h1", { key: '7909befe609598ff5d49938f25a6be6c633a8b99', class: mainTitleClasses }, this.mainTitle), index.h("div", { key: 'd1aafc85095a78e35ad9953c65c902ef19065e4f', class: teaserClasses }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
+        return (index.h("div", { key: '4889f4e8a3f2d8caf63aec3e4ecb99288f6e5a26', class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, index.h("div", { key: 'e96e9cfb75245d1ac825bf33d044a8b5ca9f4a8e', class: "sleeve" }, index.h("div", { key: '850ea01c76584ac845ff8b312ec39050c87ca60f', class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (index.h("div", { class: 'logo image-wrap logo-height-' + this.logoHeight }, index.h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : index.h("div", { class: 'logo-space logo-height-' + this.logoHeight }), index.h("div", { key: 'e5c500087d6c9a790d9afe7fc83a916a9bd90a6a', class: 'slug text-colour-' + this.slugColour }, this.slug), index.h("h1", { key: '428349e4fcf59f041e45108053abc7b014b7572b', class: mainTitleClasses }, this.mainTitle), index.h("div", { key: '5242aaba3d2acef327702a698eac9381287d0d75', class: teaserClasses }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
             ? index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
-            : null), index.h("div", { key: 'd047cb700bf0762eac923eed2d00098d8b288c73', class: "graphic-wrap" }, this.mainImage !== null ? (index.h("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } })) : null))));
+            : null), index.h("div", { key: '2eb42322a067289c5bc9e0ad268897d3b24d0252', class: "graphic-wrap" }, this.mainImage !== null ? (index.h("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } })) : null))));
     }
 };
 BiggiveHeroImage.style = BiggiveHeroImageStyle0;
@@ -939,7 +773,7 @@ const BiggiveIconButton = class {
         this.buttonId = undefined;
     }
     render() {
-        return (index.h("div", { key: '862fcf4cee61f51880320c383e7fc382785a0d8b', class: 'container space-below-' +
+        return (index.h("div", { key: '32725bfd0c04c24eb09c32bfeab6364c0c6d25e0', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -950,7 +784,7 @@ const BiggiveIconButton = class {
                 ' rounded-' +
                 this.rounded +
                 ' shadow-' +
-                this.shadow }, index.h("a", { key: '1725180d38ebfce942f8ee48ac1bac322116daa1', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, index.h("div", { key: 'dca904c7e12458e6667d5b49b4e4b537504a8a53', class: "sleeve", onClick: this.handleButtonClick }, index.h("div", { key: '4801d6d9726fd8ecc158e3bd6810f10d52f4fc93', class: 'icon-wrap ' + ' size-' + this.size + ' circle-' + this.circle.toString() }, index.h("biggive-generic-icon", { key: 'b80b264567f2a1ba637bcbf67c7346b6a0e1ddda', iconGroup: this.iconGroup, icon: this.icon })), this.text != '' ? index.h("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (index.h("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, index.h("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
+                this.shadow }, index.h("a", { key: 'cbab52df37e5f8f78a1e385e19ca73f89aae0a57', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, index.h("div", { key: '4b7366f3d3dc52fea6e9626e7e35c75714107bde', class: "sleeve", onClick: this.handleButtonClick }, index.h("div", { key: 'f17a068048e0a6908651a8d289c87146b4401774', class: 'icon-wrap ' + ' size-' + this.size + ' circle-' + this.circle.toString() }, index.h("biggive-generic-icon", { key: 'f2e146e9ffdc4f199255da6db6b70a3b783843b4', iconGroup: this.iconGroup, icon: this.icon })), this.text != '' ? index.h("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (index.h("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, index.h("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
     }
 };
 BiggiveIconButton.style = BiggiveIconButtonStyle0;
@@ -984,7 +818,7 @@ const BiggiveImage = class {
         return height;
     }
     render() {
-        return (index.h("div", { key: 'ba7747f78d982ae47eae6f8b49714a8dedf989eb', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, index.h("div", { key: '87dec86421ba55dc8d444b21c64dbd14d1d6ec63', class: "image-wrap" }, index.h("img", { key: 'ce857d2e521af7b402ca31fb92fe6a2e7f4aa7ba', src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
+        return (index.h("div", { key: 'b7a70aa92d6c39e25bfd5b669792f66bfb86002b', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, index.h("div", { key: 'af42c86d168c9c5e2e77c39816f74f8801b39e53', class: "image-wrap" }, index.h("img", { key: 'ce77e0d30e0388dc6b4367b4df41153a41e98c24', src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
     }
 };
 BiggiveImage.style = BiggiveImageStyle0;
@@ -1018,7 +852,7 @@ const BiggiveImageButton = class {
         this.buttonId = undefined;
     }
     render() {
-        return (index.h("div", { key: 'ed976c8a12c3ba52c2a458e829ed76a7373dca8f', class: 'container space-below-' +
+        return (index.h("div", { key: '5c3860e8680ba3ec68c368c1983c547f2327bd09', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -1029,7 +863,7 @@ const BiggiveImageButton = class {
                 ' rounded-' +
                 this.rounded +
                 ' shadow-' +
-                this.shadow }, index.h("a", { key: '8102ea4712f85790b326d491bcb0ee9a0aefa5bf', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, index.h("div", { key: '221a7152156fe96634f33386d9c6b3b86b6ad22b', class: "sleeve", onClick: this.handleButtonClick }, index.h("div", { key: '8ceb2049734f68d3e30d979418eb034f24bd7fcb', class: 'image-wrap ' + ' image-style-' + this.imageStyle + ' size-' + this.size + ' circle-' + this.circle.toString(), style: { backgroundImage: 'url(' + this.imageUrl + ')' } }), this.text != '' ? index.h("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (index.h("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, index.h("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
+                this.shadow }, index.h("a", { key: '4815a99c38a24e33cb57f34eb48b2f4151a457f3', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, index.h("div", { key: 'a62465a9fc390feeebe280029df381b8849c9687', class: "sleeve", onClick: this.handleButtonClick }, index.h("div", { key: '6b74133671143eea5e898229c866cab13b5090c7', class: 'image-wrap ' + ' image-style-' + this.imageStyle + ' size-' + this.size + ' circle-' + this.circle.toString(), style: { backgroundImage: 'url(' + this.imageUrl + ')' } }), this.text != '' ? index.h("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (index.h("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, index.h("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
     }
 };
 BiggiveImageButton.style = BiggiveImageButtonStyle0;
@@ -1055,7 +889,7 @@ const BiggiveImageFeature = class {
         this.buttonColourScheme = 'primary';
     }
     render() {
-        return (index.h("div", { key: '47f2c7be28c00543435f9a21b366f5ce20884bac', class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, index.h("div", { key: '75b269e9759f6322c5f9c11ac2e060e800ca81ab', class: "sleeve" }, index.h("div", { key: '476338f896df9caf436a1f94c04ce534698729bf', class: "content-wrap" }, index.h("div", { key: '6e963af710cc483b741e9da1ce82de3693fec1c6', class: 'slug text-colour-' + this.slugColour }, this.slug), index.h("h2", { key: '2ffb529a60433941df8eba6a654179f4157eb772', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), index.h("div", { key: 'd1931877216cbd029a6c7a1a8c2e45f1a058824a', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), index.h("div", { key: '559888ead06735b7926106f626500088cd6e3bb7', class: "graphic-wrap" }, this.imageUrl !== null && this.imageUrl !== undefined ? (index.h("div", { class: "image-wrap" }, index.h("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
+        return (index.h("div", { key: 'dc15cd2b893cef2b1ae25750fddbe19f2c3356ca', class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, index.h("div", { key: '5d7681f9e16bc9a64da7909c2fdc54165a9d2743', class: "sleeve" }, index.h("div", { key: 'f94b99eda068751e0072ba46e1d03201e29ca267', class: "content-wrap" }, index.h("div", { key: '4cf1a53d47b4e6fd741218b86e4c0487811b9f98', class: 'slug text-colour-' + this.slugColour }, this.slug), index.h("h2", { key: '307f26b3d1459437d2460476a51989766d3e5fe2', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), index.h("div", { key: '43b8b09079632347413940d44d0961c94a185167', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), index.h("div", { key: '63ec56cfff17ae8be2f3e65f99d94b08d0138827', class: "graphic-wrap" }, this.imageUrl !== null && this.imageUrl !== undefined ? (index.h("div", { class: "image-wrap" }, index.h("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
     }
 };
 BiggiveImageFeature.style = BiggiveImageFeatureStyle0;
@@ -1150,7 +984,7 @@ const BiggiveMainMenu = class {
         const now = new Date();
         const ccIsOpenNowIsh = now > CCOpenDate && now < CCCloseDate;
         const homePageLink = ccIsOpenNowIsh ? '/?noredirect' : '/';
-        return (index.h(index.Host, { key: '1501a6eba4cc7cadd140bf966411d8abb0af8168' }, index.h("div", { key: '19321706783092c117ce97d4d5bd1959b7afcbc4', class: "row row-top" }, index.h("div", { key: '84cb00d9974255c1409c302fcf36c5ef531176a7', class: "social-icon-wrap" }, index.h("biggive-social-icon", { key: 'e228314b7427652889799d0828385e809b9d4154', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: 'c6f1df66541a811cdf94ea8611e789adc20a909b', service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '64a84ef65462fdacb9c58d6e1a654a9b11856713', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '1bbf15616727c02c2e5a9b47492a5b8261c594e3', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '04e12ae0060407dc7db4afb8aa874bba2cda9bd5', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), index.h("div", { key: 'd90144d6bdce975cc08a74b0b5975dbffa2486f1', class: "nav-secondary" }, this.getSecondaryNavLinks())), index.h("nav", { key: '4c8320551ecd9bea3038ced7c83c6bce91f839ea', role: "navigation", "aria-label": "Main Menu" }, index.h("div", { key: '17c71c1bb3da7c42d5e245c8a5c91dd018606f08', class: "navbar" }, index.h("div", { key: 'f435d15a413681c7af5d034a1df6045845b80d20', class: "logo" }, index.h("a", { key: 'be09dcb95fb61a21325fa3432aa59887c51fdebf', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, index.h("svg", { key: 'f3be4bf3c03b717d7f2ff868d09fb83559d5c28b', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, index.h("path", { key: 'c682df57ee8dd3a6930a38e4a3b6257673d83247', d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), index.h("path", { key: '6142071fff66a497195e9217dbcb5437b6dafbf5', d: "M13.5,1l13.5,23H0L13.5,1z" })))), index.h("biggive-misc-icon", { key: 'f34c23a764f749e958aaf22eff077527ed958f51', class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), index.h("div", { key: '06607693c0106ba7014abc8241cad5d601e5465f', class: "nav-links" }, index.h("div", { key: '897fdff56f19c7ea480458a68309c691a9e53256', class: "sidebar-logo" }, index.h("a", { key: 'b7c5ab4d2ca3c84ce97e540a32107af97c2a470e', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, index.h("svg", { key: '25ea21342f78bb0581d982508cfb087988b99a36', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, index.h("path", { key: '3122cc9254239ec3fc8c4f7c2db221e31490e7a7', d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), index.h("path", { key: '39710bee3a7141855d545a917c2ae9566b2552d8', d: "M13.5,1l13.5,23H0L13.5,1z" }))), index.h("biggive-misc-icon", { key: '6846df719bacbef7c2e7ad6d46a667331936787b', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), index.h("div", { key: 'cece74bc38d0c434a43019f2dcd53dccc6b64454', id: "nav-primary" }, index.h("ul", { key: 'b821663a63cbf92e586e37421ebd0dbc6b3990e0', class: "links", slot: "nav-primary" }, index.h("li", { key: '278b2813790a041de8062f7af8ee123bd289d071' }, index.h("a", { key: '1d529fa3c4dc9947ef72dfb0119d3b8633ed7807', href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), index.h("li", { key: 'de5579be9c14f09ac6d8eaa9fb7d9963138ef39e' }, index.h("a", { key: '3cd59f169c9a39f9a96001dc26762986b12a57e9', href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), index.h("li", { key: '58bf3505ed42b9d7fbabdee22f4206788fb5a67d' }, index.h("a", { key: '52de177effff0b6a043c71a62dfb6bc90e5f3c13', href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), index.h("li", { key: '5786ed5ee333218ed2afc787313f2a23ae6a717f' }, index.h("a", { key: 'f0e865915d613d2e9d4a622c12c3916627c93aef', onClick: this.noNav }, "Match Funding", index.h("biggive-misc-icon", { key: '6d708dba73fb5f2874120f93601670173a501cf8', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { key: '35e2abf25cd5d219a1125a3b174d5c0e47d53647', class: "sub-menu" }, index.h("li", { key: '76da0e2075e39b9d2c1fff47fee9622cbd248354' }, index.h("a", { key: '7ae26f856c537aa3d31d381007cce03595dd9515', href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), index.h("li", { key: 'e8608c9845e3bc03b7a7ceb8ca1cd4f7093f3e44' }, index.h("a", { key: '527bd52ddedd5ca3c6188df6de255790d2ee8d22', href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), index.h("li", { key: 'b38d989ffefc286431ea621300ec123cd8c21d0a', class: "more" }, index.h("a", { key: 'a2f85354fbc2368a595fe5ffe036ef407dfe8dc0', onClick: this.noNav }, "Match Funding Opportunities", index.h("biggive-misc-icon", { key: '9021d4f79d3c40ec962843fb8c006293bd76d467', class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { key: '80a1b8d719e735682734a13348c73c88f6a42b07', class: "sub-sub-menu" }, index.h("li", { key: '081af32f5ddc29c76f8fc34d8212ef9155198f92' }, index.h("a", { key: '32f35576aa3fb0f8886305d658efe0960ee180dd', href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), index.h("li", { key: '319464f01183821fb6bc46601dee4dce80711b48' }, index.h("a", { key: 'a71ec9363d37a0432b01cdc03bf2d914cf348ba8', href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), index.h("li", { key: '8e5ee46b37463e61475367db6059a77783a3e64d' }, index.h("a", { key: '0251fe702bbe7d5ba5e3ee23c6cef98e5a1652b5', href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green-match" }, "Green Match Fund")), index.h("li", { key: 'b7b8542dfa22c0db383d564b8bfe17d013702f14' }, index.h("a", { key: 'bf7c792003dc9e1c572fe6e5cfff95a9cbb33d0b', href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), index.h("li", { key: 'c2cc0b54fb956e15c70831e01e2286aaaebeaff4' }, index.h("a", { key: 'a96341a8c103df0a4c45b64b6f96031266028442', href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), index.h("li", { key: '247acc3765f86d2e102f0dbc99ddc6a540b58a96' }, index.h("a", { key: '369ed02e2d762cc3d9b7e97804fee15486dcdffb', href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), index.h("li", { key: '9bd5e014cc40f0c4406c7ce5edfa30ab8d72d329' }, index.h("a", { key: 'c26d2466e6821edf7f392f37b44a5c01d43afd89', href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), index.h("li", { key: 'd0418321c91197548d6d3521810c482de3b2d19d' }, index.h("a", { key: '8099dec60765aba938bdb003355af9139d6a978f', href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), index.h("li", { key: 'b8d4a5caf0ce181f7d412ac25668437264a40dba' }, index.h("a", { key: '33de3d6631b1f59e435101ba31bfb37efed980bf', href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), index.h("li", { key: 'ab1b5e044ef553cc3170b4263a1b4a952ffc0b21' }, index.h("a", { key: 'a08e840446ae7a0be4204d9560d53683ea32eae8', onClick: this.noNav }, "About Us", index.h("biggive-misc-icon", { key: '644fff00a5f229dc86c7716e4c0b72d3eb5f4660', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { key: '483d699283854c107d233f174f028520ced1050c', class: "sub-menu" }, index.h("li", { key: 'e1b8a23f02e2612e2d024e0c737a91a33f85dfbd' }, index.h("a", { key: 'd8b6044ef0f5d550aeeaeb32958e38f27b1f553d', href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), index.h("li", { key: '7bec4fbb807385ad4204e84010861ea21027843f' }, index.h("a", { key: 'ca8bc1d6e29b44fe25db0e33767be43bb40452ef', href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), index.h("li", { key: '8705e3b6531e54069ab71ccf3b295a231189ce39' }, index.h("a", { key: '46d9e9997a0ee0af2c87ae30e122e9e02c626fd3', href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), index.h("li", { key: 'ad8a1aae3ca3c73460ae8d17992dac87bdf0a3cc' }, index.h("a", { key: '9b2012543befc2dd73e4b5f377fbc94fd1346cab', href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), index.h("li", { key: 'ece886d057860ff30e80fbc71cb3161f7c1fe095' }, index.h("a", { key: 'd1932e0f260dffc967a965b691520a8433027efa', href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), index.h("li", { key: '6f07c5c9ffc7b7e1cf18d49f3f955dbcbb90285b' }, index.h("a", { key: '2d6142812033e2b34a8f50f5baf82538b163a824', onClick: this.noNav }, "Resources", index.h("biggive-misc-icon", { key: '1d1a2a05e90b56f54e4788688a5bb501c3be67f1', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { key: 'dbc49a8b7d90b7fbd15c71b5c71fa31b228aecbc', class: "sub-menu" }, index.h("li", { key: '9a7906d8e74dedca85601f53d481044cb22b604d' }, index.h("a", { key: 'e5468697d022947a8c4f195064e35abc36f58bc0', href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), index.h("li", { key: 'c526860df1e7c44496f4d6052e9aefb2a0c2c41a' }, index.h("a", { key: 'cfcf4ee1481e84d9e7424de7bcf588694ae61817', href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), index.h("li", { key: '7f3a5655e9fde2acf47f0f5e91fe185427673b8d' }, index.h("a", { key: '37865b196e259f2575db4bf754ad3c9bbc00379e', href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), index.h("li", { key: '5e727d9a1c4582eaf7232456406751854d13e4b6' }, index.h("a", { key: '890df518ed39ad4d6b3e68230bc577258ad6be40', href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), index.h("div", { key: '792a4a06e05a4d1d4e30868ebfa5992c4d7aef84', class: "mobile-only" }, this.getSecondaryNavLinks())), index.h("div", { key: '8a3e9e515ee5371dd7d6946f61c0331a43b6b06e', class: "mobile-social-icon-wrap mobile-only" }, index.h("biggive-social-icon", { key: '8646cb5b6ddf99c9b8d5e256fcd1687f05acc221', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: 'a24105a838fbe71c813e03d4346d7159da945499', service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: 'c7ef0e72c90b7ac27c7f48c0d77f08b55098d6a8', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: 'd3afac18bd2fbd3b335e2ae6d030acb6e4492096', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: 'cd406a845a55593a848912e2a8f893c5ee9a9631', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
+        return (index.h(index.Host, { key: 'afdf22a39116992ee88f9a0e5336b35265e13100' }, index.h("div", { key: 'c81490815b81b27b5393cf69375152527c8c1d35', class: "row row-top" }, index.h("div", { key: 'd34783baa7960ffaf713d3e86dd8132b494ac51d', class: "social-icon-wrap" }, index.h("biggive-social-icon", { key: '628be0152a5eef7bba28812ea5ef5865f73c32ac', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '57facfe4ecf5fec3dc359a48dda59274082c2e6b', service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '43686d04d180e02d20b3237eec50d4558a199acd', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: 'c985861e3a4bce9c6e361516582d776424bd3c54', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '2177f88b649ce92167e2c21236ca664eeaef0716', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), index.h("div", { key: '2bf0e8e0b74a2cc0689eff165466d91efd119d19', class: "nav-secondary" }, this.getSecondaryNavLinks())), index.h("nav", { key: '7a1588484289f2a079ea14c78491d584f042913f', role: "navigation", "aria-label": "Main Menu" }, index.h("div", { key: '96828ac717a60d3b28328ab0c5712712e89aecff', class: "navbar" }, index.h("div", { key: 'a2acbbb9b445cbe88c1835fc1366459497cfabaf', class: "logo" }, index.h("a", { key: '47ef03e126caf6d1c00a90bb70d0878b2eadc5ff', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, index.h("svg", { key: '8031f7a72fd9b1867a6724eb3ca1aada88c3ea9b', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, index.h("path", { key: 'e67469a771d86faafdaa641ce928dbcf98e4ac17', d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), index.h("path", { key: 'd81d32e23caf236b19a1b4cd1dc95a59c9d1eabf', d: "M13.5,1l13.5,23H0L13.5,1z" })))), index.h("biggive-misc-icon", { key: '7a04bacb3b4f0ca4c170b8371569deb607f919ac', class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), index.h("div", { key: '0b7e2afcc956bbef4b3cff40f344acc5d8c284b8', class: "nav-links" }, index.h("div", { key: '440633c48d2af861e7c546f59a2ba03babffecbb', class: "sidebar-logo" }, index.h("a", { key: '2b940dcb57b40d40b05af2495f96a64b8e0de830', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, index.h("svg", { key: 'e2dc98d105acb9f4264c8eed09aa6b894afe29b4', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, index.h("path", { key: 'cf6facbbbabbc363d2f336797c3f2270ca7f6b2e', d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), index.h("path", { key: 'f3c6d198e54fdebf2241f789f6b0f45e94f903b9', d: "M13.5,1l13.5,23H0L13.5,1z" }))), index.h("biggive-misc-icon", { key: 'f0f9c1e760459d69dc5274da67604e77dd130255', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), index.h("div", { key: '3650449da284e091112c8d56504903f86eae210a', id: "nav-primary" }, index.h("ul", { key: '7df73040d1007c0b5425e4341b8d716020e18007', class: "links", slot: "nav-primary" }, index.h("li", { key: '92e1307f7e799eb96109c387fe3034811c2532dc' }, index.h("a", { key: '4765dc4765dd5f30a12ce20579a446e410d9524b', href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), index.h("li", { key: '80aca1e3b310ed62c84a9b61112a8c8cc4b1541d' }, index.h("a", { key: '870f23269ab77cb99c25943428a9f97fd26e7768', href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), index.h("li", { key: '4f0f4256337f852c806847b6a90ef0535326a8a3' }, index.h("a", { key: 'f6ca4182196119810799fa1df23dde22844dcaa8', href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), index.h("li", { key: '6704bcc612e69d304d5517fd29a0a1c851f08f8d' }, index.h("a", { key: 'e01dc95bd1a9558d75339d0c4b63fe81de00d49d', onClick: this.noNav }, "Match Funding", index.h("biggive-misc-icon", { key: '766c42c2648666f6837c81b5d288c1b30cdd0657', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { key: '3ffe79e2015c7bc56003cbf1f20cdef0ca4b1f50', class: "sub-menu" }, index.h("li", { key: '7a0789261388aa8fa770e79fecd3adcd0419e233' }, index.h("a", { key: '047dbee9b0486fdd50a83cb73a33e662c2c6d340', href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), index.h("li", { key: '5710e77637e37c96406ded0bf720e472c37c7b11' }, index.h("a", { key: '57de0505a0af36d05a0c654aa520ac1d19962d53', href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), index.h("li", { key: '9d6809d20372095e831c263c1e26cefa80923b84', class: "more" }, index.h("a", { key: 'a332a4222d275ab8c04d202e3f8253131ed5a782', onClick: this.noNav }, "Match Funding Opportunities", index.h("biggive-misc-icon", { key: 'cc151a8fe5f378cc850a8ad1052504c1fb1e6fee', class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { key: 'ff49e84a8a72a88d22f9e10a6af06847dc9bdf80', class: "sub-sub-menu" }, index.h("li", { key: 'f31120593c007e1aedf5e39d97d3501003ea40a5' }, index.h("a", { key: '3a6e0d97d4d500a65fd11d38488c706a9a829bca', href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), index.h("li", { key: 'b0575f0c6d5c80199b6497cddbebc72dc5376121' }, index.h("a", { key: 'fe44cc1c859cab74b0890d029d904cbb8e1e7f9d', href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), index.h("li", { key: '2a288caf9961c65814b34c3abd8f4a2de07e5b55' }, index.h("a", { key: 'ac4aadcc51840529c0fc1420a1276ed9c735b70d', href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green-match" }, "Green Match Fund")), index.h("li", { key: '43677817219e719081a5aaf258272d24ca7a5f43' }, index.h("a", { key: '847251bd51d4ede911937951b20cfef01107a78d', href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), index.h("li", { key: '14f3270ad858f7e05181ff2bafe2f46931bfe44d' }, index.h("a", { key: 'cf503cca5d9421c00806b5a4f5e4e0dc5bab4b5e', href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), index.h("li", { key: '32854227a49d939fe42581c3db131f6f79230ed7' }, index.h("a", { key: '2dc86f1ebe34181ecadf9106ad8ed9880e7d8188', href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), index.h("li", { key: 'e96b6edab2756bc630cfd55e12e55e4971d16e3c' }, index.h("a", { key: 'fee20152ca62af43177fcff7d90acd232a565063', href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), index.h("li", { key: 'f06248fd5cb392369112072de1a7ed78fa15a06c' }, index.h("a", { key: 'd47951bea746ddb141eaa7c0cf30c51beace6c79', href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), index.h("li", { key: '7363c851350fc6b603d94e02d6fb3a9f8a819e5f' }, index.h("a", { key: '6de9b73efab7ec4a2e519485131a7a03513dc69e', href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), index.h("li", { key: 'b67d41d0cea98e53e86a02903ff9fbbb70a4a455' }, index.h("a", { key: '0e84dae3e722b7670ab585effcff8990512d9597', onClick: this.noNav }, "About Us", index.h("biggive-misc-icon", { key: '409000803e58de13e2ed0b2e4eb2464bc8cd9da8', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { key: '9658a7e8ddba4d6e8fcd4aa8cfb73b6e23124956', class: "sub-menu" }, index.h("li", { key: '90bd7496b2f9281664d4ffea7e9867584c5ee56f' }, index.h("a", { key: 'a7c4690a6335774915805bb8f0cc113fd88d70d8', href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), index.h("li", { key: 'e2b9f991b6dcde7a998a93586616283d493d96c2' }, index.h("a", { key: 'c05f19567ffd5d9f992f5557d8a9e383134ccc10', href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), index.h("li", { key: 'a9159304999c46419651757396312ba990933fd6' }, index.h("a", { key: 'd67e88901e292f6255d556043a0b690566ab658d', href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), index.h("li", { key: '3d9953eb61460ae7eeace37cc656d79ad30c28e1' }, index.h("a", { key: '44f8375f6596a2d504e66c5f0568c404aae6462e', href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), index.h("li", { key: '961e1c4e733540e5549e32254b8c88dbe89c4cb5' }, index.h("a", { key: '6a749c7e642b22e95516a13c1834b95f5f246843', href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), index.h("li", { key: '4b6ed5496996e73b340718ee0fd2d40a46d46d87' }, index.h("a", { key: '505e75abc3e560c92121f435e8fc0f76d2ac1350', onClick: this.noNav }, "Resources", index.h("biggive-misc-icon", { key: '592328aafa0a0b9ee67f94a71355a01fd3c688f3', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { key: '6ccb7644e64f086a327dbe5326aa9b6b52f024ba', class: "sub-menu" }, index.h("li", { key: '504c00ae2dd261c51ae82fa11c550b33aa1f89b9' }, index.h("a", { key: 'c7413d0887d44b3a3d7ec0f29831a80892072830', href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), index.h("li", { key: '9fa15f0d346afdb752d00c4a5eb9ce6e96133f5c' }, index.h("a", { key: 'ccdb7f438e0d8a7293eefcb324c513c21d01ceb6', href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), index.h("li", { key: '44a76e4dd1a31d5cb7aeab32aec323f762b33fe9' }, index.h("a", { key: '34de9974b25c820d99b5b0d8800eba7dcd174eef', href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), index.h("li", { key: '03da92d12e33f8ca0b885437d0f89bdc271a971a' }, index.h("a", { key: 'c96e675a5f55a4ee1e3513f685226c6b6835f7c7', href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), index.h("div", { key: 'd31392fba562cccd66e1daaddd80c4f3d8a847be', class: "mobile-only" }, this.getSecondaryNavLinks())), index.h("div", { key: '1e5ebecf9213ff8dd6957d56498ad7f8e16ea51a', class: "mobile-social-icon-wrap mobile-only" }, index.h("biggive-social-icon", { key: 'dfcd1228a2753d10f7e92fbe5ebbab2c10565bee', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: 'c03e1097342ca0a874aac1711e626bf5e1ac9483', service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: 'aac8b06595394b31ee1c7beff74969b46efda1dd', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '79501ede5a5df49e310accf60f65ea3f39f5dda3', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '37f60ac4a426e9542d03153c44dc6e06c465a5d4', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
     }
     get host() { return index.getElement(this); }
 };
@@ -1174,7 +1008,7 @@ const BiggiveMiscIcon = class {
     render() {
         return (
         // Note: the icon name prop is set as a css class too for any styling specific to certain icons
-        index.h("div", { key: '360dbfcae57add4da571bcd19baeadecdae8409e', class: 'misc-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, index.h("a", { key: '70bd012ef2e0c47204741d1ef5101e3211bbd834', href: this.url }, index.h("svg", { key: '4a2f669ac6bfd6bd5b322d20342e19b9d1ea8d6d', width: this.getMiscIcon().icon[0], height: this.getMiscIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getMiscIcon().icon[0] + ' ' + this.getMiscIcon().icon[1] }, index.h("path", { key: 'fcab6d2aec2a3599d12633c8182550c49c1359a3', d: this.getMiscIcon().icon[4].toString() })))));
+        index.h("div", { key: '0ba78a06d4ba2e8f37932052c87bbf6f99e37207', class: 'misc-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, index.h("a", { key: '1544d31af3138ff07d23d9c0da2b971e9abe00be', href: this.url }, index.h("svg", { key: '082fa9b982c99d578cb448b948ec47baad4838b9', width: this.getMiscIcon().icon[0], height: this.getMiscIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getMiscIcon().icon[0] + ' ' + this.getMiscIcon().icon[1] }, index.h("path", { key: '3077643d42c0a82a540cf30d1a39946b172f90e8', d: this.getMiscIcon().icon[4].toString() })))));
     }
 };
 BiggiveMiscIcon.style = BiggiveMiscIconStyle0;
@@ -1187,7 +1021,7 @@ const BiggivePageColumn = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("slot", { key: '22367d08d32931877f70f27f6f400da4526c2954' });
+        return index.h("slot", { key: 'a206dd4323575dbdb9ae0253ab3bc4e27b9e1432' });
     }
 };
 BiggivePageColumn.style = BiggivePageColumnStyle0;
@@ -1201,7 +1035,7 @@ const BiggivePageColumns = class {
         this.spaceBelow = 0;
     }
     render() {
-        return (index.h("div", { key: '02c7d1c4f4b34269105a04d201b8efc2d0d92eaa', class: 'container space-below-' + this.spaceBelow }, index.h("div", { key: '6f210025727e6c42b376f8c58a1050bdb92ad42f', class: "columns" }, index.h("div", { key: '8a0181393dd1de51d586ecf8778a30c1250eae75', class: "column-primary" }, index.h("slot", { key: '111eaf2df29da2f5effeaefd56f8b8e1e9d43c28', name: "column-primary" })), index.h("div", { key: 'ce5b4eaa9bf0a3e43c088f67df364382b551f8c4', class: "column-secondary" }, index.h("slot", { key: '05cbcdfcf679a0c8b1165c3445920c9f2a19c888', name: "column-secondary" })))));
+        return (index.h("div", { key: '94cfdefdd1ef613314d089bee7c962e1e1a9ea47', class: 'container space-below-' + this.spaceBelow }, index.h("div", { key: '11574e67604527e9df0a72e658dce0bd7ab22841', class: "columns" }, index.h("div", { key: '63381d0952dbdf677384b9225dacacf4a98cc66e', class: "column-primary" }, index.h("slot", { key: 'ef52ed68df05aaf7c7bb4080a0f4bd0fe799662b', name: "column-primary" })), index.h("div", { key: 'ecf51f0e5df5e59f64575dec3de08ebe52449fd2', class: "column-secondary" }, index.h("slot", { key: '42db894bb2a03ba29ab1efbecf027b7105b6c6f2', name: "column-secondary" })))));
     }
 };
 BiggivePageColumns.style = BiggivePageColumnsStyle0;
@@ -1220,7 +1054,7 @@ const BiggivePageSection = class {
         this.primaryFullBleed = false;
     }
     render() {
-        return (index.h("div", { key: 'b1590005b403887e57b627bff3ab07e61d6e0591', class: 'container max-width-' +
+        return (index.h("div", { key: 'a216555e10ab2230a09bea710cbc2d61edc039e1', class: 'container max-width-' +
                 this.maxWidth +
                 ' space-below-' +
                 this.spaceBelow +
@@ -1230,7 +1064,7 @@ const BiggivePageSection = class {
                 this.sectionStyleTop +
                 ' style-bottom-' +
                 this.sectionStyleBottom +
-                (this.primaryFullBleed ? ' full-bleed' : '') }, index.h("div", { key: '7f3bcc68d4b1889426464d0f9d5c011d2a7f828e', class: "sleeve" }, index.h("slot", { key: '13ecf086e64f42ad12548c058ea5cc5d11c4bef1' }))));
+                (this.primaryFullBleed ? ' full-bleed' : '') }, index.h("div", { key: '0ded3b1d1f5e0f1f74525cee02b32332e4c942ad', class: "sleeve" }, index.h("slot", { key: '2b8e42061db9fd74d15f62da851fcd24f00ece79' }))));
     }
 };
 BiggivePageSection.style = BiggivePageSectionStyle0;
@@ -1258,7 +1092,7 @@ const BiggivePopup = class {
         this.popup.setAttribute('tabindex', '-1');
     }
     render() {
-        return (index.h("div", { key: '40337548fc4a1e376f1eb9b230750dfd7e125b61', class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, index.h("div", { key: '032c19a5bc7719bf97fd6e234723def432be0559', class: "sleeve" }, index.h("div", { key: '1e21e45ec9491fc68765e32198e5d7ddb20b061c', class: "header" }, index.h("div", { key: '4ba14a52aa3ed79f38fdc7622f910c05137b6417', class: "close", onClick: this.closeFromWithin })), index.h("div", { key: '73e4ab5605399e2a7daad0c157d1c38e25bdc30f', class: "content" }, index.h("slot", { key: '5e71d6129bb008421c8e77425062338298af3392' })))));
+        return (index.h("div", { key: 'd8f99550fbc7e0b43db43f2941a68c2bf7094d79', class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, index.h("div", { key: '1ac68cd886ab9f7cee76098aa8300b8e77801227', class: "sleeve" }, index.h("div", { key: 'c5f940004e62597c0770e936c3fa10fe86d1d306', class: "header" }, index.h("div", { key: '4079947ba4acd6e453d511a3f605bdb2523a3268', class: "close", onClick: this.closeFromWithin })), index.h("div", { key: '05e41b57ee295d3eb32b6cbd4e0cf47b87f816e9', class: "content" }, index.h("slot", { key: '654a28e29606bd3f67e3972b34455891adce74af' })))));
     }
 };
 BiggivePopup.style = BiggivePopupStyle0;
@@ -1295,7 +1129,7 @@ const BiggiveQuote = class {
         this.quoteIconColour = 'primary';
     }
     render() {
-        return (index.h("div", { key: '7b422bd22ba063722b5703c04e39aac0aba3fea4', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow }, index.h("div", { key: '7520b86545716c526e108e2b66fabde6b402574f', class: "image-wrap" }, index.h("svg", { key: '153f848c86a76c053d2b96c1b3d3b29aeb7dd09e', width: "34", height: "24", viewBox: "0 0 34 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '0392293532ee774c3db00fc84104a87af92433d3', d: "M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z", fill: "#2C089B" }))), index.h("div", { key: '9602f277b71f336409cec84a35221c86a3dbeb7f', class: "quote" }, "\u201C", this.quote, "\u201D"), index.h("div", { key: 'dbd3054b23dd51bbc4cdd9b4bc7a2a869f6d38ea', class: "attribution" }, " - ", this.attribution)));
+        return (index.h("div", { key: 'c4092133fc3205a405ca536825740ce14562d35a', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow }, index.h("div", { key: '8a76489e845e0417cd78af25d72b1fe6575fda5e', class: "image-wrap" }, index.h("svg", { key: '024fdd6412ab9573dcbf5cda84c5e101c05b8877', width: "34", height: "24", viewBox: "0 0 34 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '58233343d8f8e54ef11112665f1dac0e33559713', d: "M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z", fill: "#2C089B" }))), index.h("div", { key: '4aec72eb749142e60f16d0c6dfcb878e1232b6a3', class: "quote" }, "\u201C", this.quote, "\u201D"), index.h("div", { key: '82be1cc8549a75de8c8ad72b7b5b6430a8f7fb90', class: "attribution" }, " - ", this.attribution)));
     }
 };
 BiggiveQuote.style = BiggiveQuoteStyle0;
@@ -1330,7 +1164,7 @@ const BiggiveSheet = class {
         }
     }
     render() {
-        return (index.h("div", { key: '069a7b7f1df4aff4c2aef0791c800a719c6b21bc', class: 'container' }, index.h("div", { key: 'f5b1224e0ad76c5719153bddac5b18f9c0f2ea85', class: "background" }), index.h("div", { key: 'b0bce375757692e95ede3db89a1a33ae7dd9dd04', class: 'popup background-colour-' + this.backgroundColour + ' text-colour-' + this.textColour }, index.h("div", { key: 'b80dbc88befcef4efba00c40bae12fdc6741244b', class: "header" }, index.h("div", { key: '122071d56dd6b942f330204a442c5d6c18f7c544', class: "back-link", onClick: this.closeSheet }, index.h("span", { key: '406bf5ff817135ac6c92b9d7e09677cfb2273e46', class: 'svg-wrap colour-' + this.textColour }, index.h("svg", { key: 'bb88afcdac83b354cb7e07bafcfdd1e904ece9cb', width: "33", height: "16", viewBox: "0 0 33 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '17963275c0a2d7d0db417af6587bc85108bec46c', d: "M0.292892 7.29289C-0.0976295 7.68342 -0.0976295 8.31658 0.292892 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292892 7.29289ZM33 7L1 7V9L33 9V7Z", fill: "black" }))), "Back"), index.h("div", { key: '4582894b11d66c151db3723bbba7a8ee674565bb', class: "close-link", onClick: this.closeSheet }, index.h("span", { key: 'c31145fd90831c0959b3e52c5dc3affc1db5e022', class: "svg-wrap" }, index.h("svg", { key: 'd25fae88521a2164cbd68bda94ebf580d22767f6', width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'fc29add510f29b0b81a14c73cdead7fbe565f071', d: "M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z" }))))), index.h("div", { key: 'ca55b5904a848b734df2159596e2f1f890407f24', class: "content" }, index.h("slot", { key: '3ec40a2899ac3bf126ca824793e791ceeb332364' })))));
+        return (index.h("div", { key: '62e9c243cf32ee76e5171fa40def5b80c6e9cfc3', class: 'container' }, index.h("div", { key: 'd714eade1baf1ef4b38dac09d692f16b7bdf1863', class: "background" }), index.h("div", { key: '19844734038ea4a324aeded9496e3206f58580d6', class: 'popup background-colour-' + this.backgroundColour + ' text-colour-' + this.textColour }, index.h("div", { key: 'c61ece056d338a2b57b5181c7b708a9160ba0c45', class: "header" }, index.h("div", { key: '9a790f2281aeed7c4fd8a1878802042d4844cab3', class: "back-link", onClick: this.closeSheet }, index.h("span", { key: '9a293d618a2c62d048d64d7030be888b414ceb28', class: 'svg-wrap colour-' + this.textColour }, index.h("svg", { key: '5a6f1b6bcc2582034a5aff2a9ea1d96a32056a0f', width: "33", height: "16", viewBox: "0 0 33 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '63dc9df4b6b31e818b0450b2dface1c13211860b', d: "M0.292892 7.29289C-0.0976295 7.68342 -0.0976295 8.31658 0.292892 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292892 7.29289ZM33 7L1 7V9L33 9V7Z", fill: "black" }))), "Back"), index.h("div", { key: '427cc9cd890c1533f50fdc43ae6e555b11fd498b', class: "close-link", onClick: this.closeSheet }, index.h("span", { key: '484044021eeae9e4470a76e97fddc2b021123f13', class: "svg-wrap" }, index.h("svg", { key: '6f3b902ced96e51f336af9d8d3271ab1c84f31aa', width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'd8b16c738756b0d0230c8796f993f2804474f42b', d: "M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z" }))))), index.h("div", { key: '5410a7602c30d5524f5ca335c7fe2dc1f6817bb8', class: "content" }, index.h("slot", { key: '7fc50523d9f4996048fc673e9047404af38851fc' })))));
     }
     get host() { return index.getElement(this); }
 };
@@ -1354,7 +1188,7 @@ const BiggiveSocialIcon = class {
         return icon;
     }
     render() {
-        return (index.h("div", { key: 'b93ff0500561d1d83b42ee18d113a4dfdba3f8a9', class: 'social-icon-item background-colour-' + this.backgroundColour + (this.wide ? ' wide' : '') }, index.h("a", { key: '1b1abcb967c177ecf86ffb2d8571765c138051b8', href: this.url, "aria-label": `${this.labelPrefix} on ${this.service}`, target: "_blank", rel: "noopener" }, index.h("svg", { key: 'ebb8c62432866be7ffa8982a7ea3714b48407796', width: this.getSocialIcon().icon[0], height: this.getSocialIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getSocialIcon().icon[0] + ' ' + this.getSocialIcon().icon[1] }, index.h("path", { key: 'ec81bf9fff15d35ec50c3156f1f1af77d4bb4107', d: this.getSocialIcon().icon[4].toString() })))));
+        return (index.h("div", { key: '12cbba4ed43ed44ece785e3b97308ff4a5bddad8', class: 'social-icon-item background-colour-' + this.backgroundColour + (this.wide ? ' wide' : '') }, index.h("a", { key: '89ee59bed5354e84e82820c49e43ccb6d6882bd2', href: this.url, "aria-label": `${this.labelPrefix} on ${this.service}`, target: "_blank", rel: "noopener" }, index.h("svg", { key: '305df8c5fad94f9e9d8011fcbd6d24a3ba71c4da', width: this.getSocialIcon().icon[0], height: this.getSocialIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getSocialIcon().icon[0] + ' ' + this.getSocialIcon().icon[1] }, index.h("path", { key: '8d20b093f1bb5fe86a98d8e5e99092a727b7fedf', d: this.getSocialIcon().icon[4].toString() })))));
     }
 };
 BiggiveSocialIcon.style = BiggiveSocialIconStyle0;
@@ -1368,7 +1202,7 @@ const BiggiveTab = class {
         this.tabTitle = '';
     }
     render() {
-        return (index.h("div", { key: 'f1a5796a719cb3e1eb09729697a1f95ac3cc8ae5', class: "container" }, index.h("slot", { key: 'd95e5ff6692a6b9042fefb89773eaf107ddf136d' })));
+        return (index.h("div", { key: '4888ea133cce43de3b2a1900d7fde811708314ee', class: "container" }, index.h("slot", { key: 'cb0d9e3ad662eac95c1e9fc7280a3bd4b78561c7' })));
     }
 };
 BiggiveTab.style = BiggiveTabStyle0;
@@ -1481,7 +1315,7 @@ const BiggiveTabbedContent = class {
         });
     }
     render() {
-        return (index.h("div", { key: '03d08750a83b257bad4d11502b3884d249b4ed9f', class: 'container space-below-' +
+        return (index.h("div", { key: '0fb09aaf992ce8f93bb7a0c646e3c4bfb899ac87', class: 'container space-below-' +
                 this.spaceBelow +
                 ' text-colour-' +
                 this.textColour +
@@ -1494,7 +1328,7 @@ const BiggiveTabbedContent = class {
                 ' button-background-colour-' +
                 this.buttonBackgroundColour +
                 ' button-icon-colour-' +
-                this.buttonIconColour }, index.h("div", { key: 'c0c483d66d7e4f10f55e05adbe7fd913e2508fad', class: "navigation" }, index.h("div", { key: '0a1c8c83efeb6b4c4d3021a0a82f1985ed2383d2', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, index.h("svg", { key: 'aff64695b3e9e52bf818f34a7692798728ffbcd8', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'fe010ad83716b330ae4620c48a6c193f7e1766c2', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), index.h("div", { key: '09489151bbc491bca839d7bbb63b78ed33b1e4eb', class: "sleeve" }, index.h("ul", { key: 'c8be1d46992ff09c5c0ca5fb122b9a1d79423ccc' }, this.children.map(child => (index.h("li", { onClick: this.clickTabHandler }, child.tabTitle))))), index.h("div", { key: '664136adfcabd5da359d8302edd9ca0330c45986', class: "button next", onClick: this.clickNextHandler, title: "Next" }, index.h("svg", { key: '4788da7f204c274933a8a4f43e817f7bef86da1e', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '397a856d73c427d71475a42a2d8dab9a18a776be', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), index.h("slot", { key: '4e03a46a3d406a1b67e7905b53edd39f8b255f54' })));
+                this.buttonIconColour }, index.h("div", { key: '930b6f7b453ce6492c44d46ff203600f661f6519', class: "navigation" }, index.h("div", { key: 'f1283b9c63da3fc9c2c7cddc373afc7c3c2a45c3', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, index.h("svg", { key: 'd8df17c4850dcee0f0f9e981d9c95d7b9d760cff', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '650bf39c263fc99430cad5b9cb63b270990d9753', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), index.h("div", { key: '7d6931fccf7fd76dc7dc14bc9ca83db80854166a', class: "sleeve" }, index.h("ul", { key: 'ac7af8a6b1a9af471f538f47f5ab3c87166d6aab' }, this.children.map(child => (index.h("li", { onClick: this.clickTabHandler }, child.tabTitle))))), index.h("div", { key: '1ade894c16cd8924550771a3d7ada180b3af58f9', class: "button next", onClick: this.clickNextHandler, title: "Next" }, index.h("svg", { key: 'ded1a2462e153347595d0f824368bd1f882502a1', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'c323aaeb3ca10b0a09983b128e52cde53ee05162', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), index.h("slot", { key: '0a72727cd70fc365bfaf266d4995b03b87f35a2c' })));
     }
     get host() { return index.getElement(this); }
 };
@@ -1513,7 +1347,7 @@ const BiggiveTextInput = class {
     }
     render() {
         const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;
-        return (index.h("div", { key: '7805b9b8ec77c165db8bb96d835ec2f98bab88b6', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, index.h("div", { key: '6eb43317816586457de0b92fd3bc395d56c4c229', class: "sleeve" }, index.h("div", { key: 'c969eb3a383fc7703afeea98a0fc68556e5e1fe6', class: "inner-sleave" }, currencySymbol && index.h("span", { class: "currency-symbol" }, currencySymbol), index.h("slot", { key: 'ab6d1e8548d563b4e31dde83768dc7f50f877dca', name: "input" }), index.h("div", { key: 'ab8f16a0c73afc60ed2d4e2bff5b9f8abd24c938', style: { clear: 'both' } }))), index.h("div", { key: '49a8221332a13de60abe61bfa985fc78b70c46c3', class: "prompt" }, index.h("slot", { key: '3c2f01682c30609204a064145e0b46d01ac82fc9', name: "label" }))));
+        return (index.h("div", { key: '8a9408cc64d2676b4b6bc090902fccd2154bb698', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, index.h("div", { key: '58c40535aa96a640ec52154718beae85c0e53b89', class: "sleeve" }, index.h("div", { key: 'cb049040f25bb2be3dcb28f2aa170df433dad0a3', class: "inner-sleave" }, currencySymbol && index.h("span", { class: "currency-symbol" }, currencySymbol), index.h("slot", { key: '9613b18f16617f2f4943d7093ff2194d864f57c1', name: "input" }), index.h("div", { key: 'a23fa977e04ae9d11eba166019c9c3cf52e7f0a2', style: { clear: 'both' } }))), index.h("div", { key: '61846e9b3ebb109cefc53e4ae13e31015fa47f10', class: "prompt" }, index.h("slot", { key: '4f990004e6ec5cc8d2abe4781d34772fcef299c7', name: "label" }))));
     }
 };
 BiggiveTextInput.style = BiggiveTextInputStyle0;
@@ -1629,7 +1463,7 @@ const BiggiveTimeline = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'cb43cf7f378936cd89dbccbd7c72b83905f21a4b', class: 'container space-below-' +
+        return (index.h("div", { key: 'bbdad59a1235dd2169815402996e51de0c32deb5', class: 'container space-below-' +
                 this.spaceBelow +
                 ' text-colour-' +
                 this.textColour +
@@ -1652,7 +1486,7 @@ const BiggiveTimeline = class {
                 ' entry-title-colour-' +
                 this.entryTitleColour +
                 ' entry-text-colour-' +
-                this.entryTextColour }, index.h("div", { key: 'c1749936a1bd46e9129b4104ee1dacc867df5bc3', class: "navigation" }, index.h("div", { key: '23567e5b5f5792aea36a123f575565b2385d3e2f', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, index.h("svg", { key: 'c4e166fb4fce2fed406a61a3e540df0313c0caed', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '47ceb0e05d49a752b6ac517caeb0f569e797417f', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), index.h("div", { key: 'e958f26ea6d5a360354cec3ec568072eeee89899', class: "sleeve" }, index.h("ul", { key: '17023a6c51fe88b2faa82f087b7e1bff1f2750f6' }, this.tabHeadings.map(tab => (index.h("li", { onClick: this.clickTabHandler }, tab))))), index.h("div", { key: '910aa9fe9731008f0818bab5d8cede9060d88fe1', class: "button next", onClick: this.clickNextHandler, title: "Next" }, index.h("svg", { key: '0c82c15b8d51ebd472a8dcbefd9d1e64205d3731', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '04d9c83bfe0c79336c2f99bcab035b015b2added', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), index.h("div", { key: '6e5cf8e897f40ebd05a3c77e1b1fb179d9c5c4e7', class: "entry-wrap" }, this.children.map(entry => (index.h("div", { class: "entry", "data-date": entry.date }, index.h("h4", { class: "title" }, entry.heading), index.h("div", { class: "content", innerHTML: entry.innerHTML })))))));
+                this.entryTextColour }, index.h("div", { key: 'ae1bb145634a97e492d47c7f66fe834d41a29bf9', class: "navigation" }, index.h("div", { key: '487314fdadcb238348b073c996f0985d82c6cf14', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, index.h("svg", { key: '522ac0eb7f49bcfbbc2e5fad6acb9ab3496abbda', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'e2084b1a061a662304121feddabd04ec245947f6', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), index.h("div", { key: '24098699dca5c4ff861e4f5054150c105da66e31', class: "sleeve" }, index.h("ul", { key: '1c4c34c7851a37971b56f41a1d6281b910f36b26' }, this.tabHeadings.map(tab => (index.h("li", { onClick: this.clickTabHandler }, tab))))), index.h("div", { key: '1a98572e7f813e324fcfa37c40418f002c33d803', class: "button next", onClick: this.clickNextHandler, title: "Next" }, index.h("svg", { key: '694f026230348766121384d4272f8f3755398f3c', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '7af4dbc8cf56426d4257aa09ebb6f8e4759558ad', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), index.h("div", { key: 'aa9e92b0149a3b6ffaf6432134b4a71078744c83', class: "entry-wrap" }, this.children.map(entry => (index.h("div", { class: "entry", "data-date": entry.date }, index.h("h4", { class: "title" }, entry.heading), index.h("div", { class: "content", innerHTML: entry.innerHTML })))))));
     }
     get host() { return index.getElement(this); }
 };
@@ -1760,7 +1594,7 @@ const BiggiveTotalizer = class {
         });
     }
     render() {
-        return (index.h("div", { key: '4ecdacf74f838683944619c97ebb68744a0af5da', class: 'container space-below-' + this.spaceBelow }, index.h("div", { key: '56264afd6331ab27e2016b3c53a2404d503726d4' }, index.h("div", { key: '1602eb2098650f4eef052e2670dc909cfbd0fac2', class: "banner" }, index.h("div", { key: '4e71eb72267f5f3c07e4ee300a13f9a739668f4a', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), index.h("div", { key: '0ec41320eefbabe9fb5e154b14f5e03e97a0ac8e', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, index.h("div", { key: 'd896541f9c20116b6f94452347622cac1857108c', id: "sleeve_1", class: "sleeve" }, index.h("slot", { key: '836d2b6fa73db83208b4c3f6944475932db73887', name: "ticker-items" })), index.h("div", { key: '541e3b3cea3be2e428e41ffa32ea4be1c4d05593', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), index.h("div", { key: '987778b55bf30fe3cd15e7c183108df699648a25', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), index.h("div", { key: '2ee144b6327c7333478bd608da341100f51bcde5', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
+        return (index.h("div", { key: 'db547d91862ebb54d8aee2110011785251db3617', class: 'container space-below-' + this.spaceBelow }, index.h("div", { key: 'a9c07aeb81f5ea2dccc9d4d52a9a2e336ce57f64' }, index.h("div", { key: 'd501d23d403b1caba124b9e62e8701a9a3f9734d', class: "banner" }, index.h("div", { key: '38f78def985f42b884d89533a32653658e3d251e', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), index.h("div", { key: 'f36432c519c8793e7141399c008f7b8cfd2e5a75', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, index.h("div", { key: 'ac101b9b26ffc802e77d46e03b83a8172be6a551', id: "sleeve_1", class: "sleeve" }, index.h("slot", { key: '2382d459cfee8eebfe3119d7d7743b14459b26c9', name: "ticker-items" })), index.h("div", { key: 'db16ba7a8aa5a16feaf35156afa9d3f06d917098', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), index.h("div", { key: '8e0485b22dff5193b4c289f2307c9b1bf69009dd', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), index.h("div", { key: 'd8d738b221d549a548c9d6c170d3939fae184530', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
     }
     get host() { return index.getElement(this); }
 };
@@ -1776,7 +1610,7 @@ const BiggiveTotalizerTickerItem = class {
         this.label = undefined;
     }
     render() {
-        return (index.h("div", { key: 'afb95bb654892517ef199abcad04b888f13a596c', class: "ticker-item" }, index.h("strong", { key: 'afd8e3e88e4e6f008cd037b2dcd9a429d6cb108f' }, this.figure), " ", this.label));
+        return (index.h("div", { key: '0f4b1e44583b6ce8c5ef2ee5bb43f604066d43dd', class: "ticker-item" }, index.h("strong", { key: 'b664cfeae74d4c150a637c231f88882f48f89ba4' }, this.figure), " ", this.label));
     }
 };
 BiggiveTotalizerTickerItem.style = BiggiveTotalizerTickerItemStyle0;
@@ -1803,7 +1637,7 @@ const BiggiveVideoFeature = class {
     }
     render() {
         const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
-        return (index.h("div", { key: '2de9c808246be7c2d40ef80c310a454988451489', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, index.h("div", { key: 'd3c66d90fef509f7fe1e474f5f15908f4b4a3830', class: "sleeve" }, index.h("div", { key: 'b1d0e4b5e968c9891e5e9ff2691cfdf71de8c093', class: "content-wrap" }, index.h("div", { key: '89f74432a65211bf75cc834edb7359633b0e7d45', class: 'slug text-colour-' + this.slugColour }, this.slug), index.h("h2", { key: '4ab81ed2b88b79d49e7eae895fe001019a334a1a', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), index.h("div", { key: '046ba0757343f10f3e84b6f70cb6c377cc62aa42', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), index.h("div", { key: '68cfe2bbff4996307240fbfa610cad410850f585', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (index.h("div", { class: 'video-wrap' + youtubeClass, innerHTML: video.VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
+        return (index.h("div", { key: '38de22efc1ea28971824bf14321d927539e53eb6', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, index.h("div", { key: '8de02e078344c072b1a18ca36eb983e24f439fb3', class: "sleeve" }, index.h("div", { key: '058c7b3a22d9a54bf1f7186eb55fe91c5d86c2dc', class: "content-wrap" }, index.h("div", { key: 'e8430eb103f038019613c9ace520181b39f42e79', class: 'slug text-colour-' + this.slugColour }, this.slug), index.h("h2", { key: '8778081bb9530d034975c44cd2e377a510be94b0', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), index.h("div", { key: '429e46c7740f6d0bc3ac3105480a1434d3b5d97a', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), index.h("div", { key: '8b51fc5e68c0ddcccfcb60a24c64a18209855afa', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (index.h("div", { class: 'video-wrap' + youtubeClass, innerHTML: video.VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
     }
 };
 BiggiveVideoFeature.style = BiggiveVideoFeatureStyle0;
@@ -1819,8 +1653,6 @@ exports.biggive_call_to_action = BiggiveCallToAction;
 exports.biggive_campaign_card = BiggiveCampaignCard;
 exports.biggive_campaign_card_filter_grid = BiggiveCampaignCardFilterGrid;
 exports.biggive_campaign_highlights = BiggiveCampaignHighlights;
-exports.biggive_carousel = BiggiveCarousel;
-exports.biggive_filtered_carousel = BiggiveFilteredCarousel;
 exports.biggive_footer = BiggiveFooter;
 exports.biggive_form_field_select = BiggiveFormFieldSelect;
 exports.biggive_formatted_text = BiggiveFormattedText;
@@ -1851,4 +1683,4 @@ exports.biggive_totalizer = BiggiveTotalizer;
 exports.biggive_totalizer_ticker_item = BiggiveTotalizerTickerItem;
 exports.biggive_video_feature = BiggiveVideoFeature;
-//# sourceMappingURL=biggive-accordion_42.cjs.entry.js.map
+//# sourceMappingURL=biggive-accordion_40.cjs.entry.js.map