@biggive/components 202401301136.0.0 → 202401301139.0.0

package/dist/esm/biggive-accordion_42.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement, a as getAssetPath, c as createEvent, d as Host } from './index-e10f0eb8.js';
+import { r as registerInstance, h, g as getElement, a as getAssetPath, c as createEvent, d as Host } from './index-4982713c.js';
 import { f as faMagnifyingGlass, F as FontAwesomeIconsService } from './fontawesome-icons-0476a0d9.js';
 import { V as VideoService } from './video-b04ad412.js';
 
@@ -30,7 +30,7 @@ const BiggiveAccordion = class {
         }
     }
     render() {
-        return (h("div", { class: 'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour }, h("div", { class: "sleeve" }, this.children === undefined
+        return (h("div", { key: 'ded1cf1eef6c83c9ed50860d7d2a281801441cf7', class: 'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour }, h("div", { key: '2b9114d364ddd19b95f9c9c7f572c50bd2dd61e1', class: "sleeve" }, this.children === undefined
             ? []
             : this.children.map(entry => (h("div", { class: "entry" }, h("h3", { class: "heading", onClick: this.toggleSection, title: "Expand section" }, entry.heading, h("span", { class: "arrow" }, h("svg", { width: "15", height: "9", viewBox: "0 0 15 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M14.1074 0.999859L7.55357 7.55371L0.999718 0.99986", stroke: "black", "stroke-width": "2" })))), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
     }
@@ -83,7 +83,7 @@ const BiggiveArticleCard = class {
         this.clipTopRightCorner = true;
     }
     render() {
-        return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: 'sleeve background-colour-' +
+        return (h("div", { key: '5335509dd674ea60650fc1c1cba5dac3409c9457', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '497197b96c3dcfd40b8bfa9546ac17c67112cd54', class: 'sleeve background-colour-' +
                 this.backgroundColour +
                 ' text-colour-black ' +
                 ' slug-colour-' +
@@ -99,7 +99,7 @@ const BiggiveArticleCard = class {
                 ' clip-bottom-left-corner-' +
                 this.clipBottomLeftCorner +
                 ' clip-top-right-corner-' +
-                this.clipTopRightCorner, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { class: "content-wrap" }, h("div", { class: "meta" }, this.slug != '' ? h("div", { class: "slug text-colour-primary" }, this.slug) : null, this.date != '' ? h("div", { class: "date" }, this.date) : null), this.mainImageUrl != '' ? (h("div", { class: "main-image-container" }, h("div", { class: "image-wrap" }, h("img", { src: this.mainImageUrl, alt: this.mainImageAltText })))) : null, h("h3", { class: "title" }, h("a", { href: this.buttonUrl }, this.mainTitle)), this.image1Url != '' || this.image2Url != '' ? (h("div", { class: "image-group" }, this.image1Url != '' ? (h("div", { class: "image-container" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image1Url + "')" } }, h("img", { src: this.image1Url, alt: this.image1AltText })))) : null, this.image2Url != '' ? (h("div", { class: "image-container" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image2Url + "')" } }, h("img", { src: this.image2Url, alt: this.image2AltText })))) : null)) : null, this.imageLabel != '' ? h("div", { class: "image-label" }, this.imageLabel) : null, this.buttonLabel != null && this.buttonUrl != null ? (h("div", { class: "button-wrap align-right" }, h("biggive-button", { "colour-scheme": 'clear-' + this.buttonColour, url: this.buttonUrl, label: this.buttonLabel }))) : null))));
+                this.clipTopRightCorner, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { key: 'e02a55a2b94147be042fce8de85c218df414145d', class: "content-wrap" }, h("div", { key: '95485ea8d086b5f9816dfb263e7ad3593c908d8a', class: "meta" }, this.slug != '' ? h("div", { class: "slug text-colour-primary" }, this.slug) : null, this.date != '' ? h("div", { class: "date" }, this.date) : null), this.mainImageUrl != '' ? (h("div", { class: "main-image-container" }, h("div", { class: "image-wrap" }, h("img", { src: this.mainImageUrl, alt: this.mainImageAltText })))) : null, h("h3", { key: 'ce2448ed0e40e16d83dd17acf093713f7b412045', class: "title" }, h("a", { key: '23f8349570f850182064a2b34a74014f1e02fdd9', href: this.buttonUrl }, this.mainTitle)), this.image1Url != '' || this.image2Url != '' ? (h("div", { class: "image-group" }, this.image1Url != '' ? (h("div", { class: "image-container" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image1Url + "')" } }, h("img", { src: this.image1Url, alt: this.image1AltText })))) : null, this.image2Url != '' ? (h("div", { class: "image-container" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image2Url + "')" } }, h("img", { src: this.image2Url, alt: this.image2AltText })))) : null)) : null, this.imageLabel != '' ? h("div", { class: "image-label" }, this.imageLabel) : null, this.buttonLabel != null && this.buttonUrl != null ? (h("div", { class: "button-wrap align-right" }, h("biggive-button", { "colour-scheme": 'clear-' + this.buttonColour, url: this.buttonUrl, label: this.buttonLabel }))) : null))));
     }
 };
 BiggiveArticleCard.style = BiggiveArticleCardStyle0;
@@ -112,7 +112,7 @@ const BiggiveBackToTop = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { class: "container" }, h("a", { href: "#" }, h("img", { src: getAssetPath('assets/images/triangles-combined.svg') }), h("span", { class: "text" }, "Back to top"))));
+        return (h("div", { key: '8dddc9acaa44d83d4443cca0541b4384713f4633', class: "container" }, h("a", { key: 'e5cbb847bedc6cbcd781c185d38dcd9560577c45', href: "#" }, h("img", { key: '22dc0f1d222df7f2508eee40fc64df5c21e3e9ed', src: getAssetPath('assets/images/triangles-combined.svg') }), h("span", { key: 'fde2f491296cb56670ab2f37b880995225f33e43', class: "text" }, "Back to top"))));
     }
 };
 BiggiveBackToTop.style = BiggiveBackToTopStyle0;
@@ -178,7 +178,7 @@ const BiggiveBrandedImage = class {
         this.charityUrl = undefined;
     }
     render() {
-        return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "slug" }, this.slug), this.imageUrl !== undefined && this.imageUrl !== null ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl }))) : null, this.logoUrl !== undefined && this.logoUrl !== null ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? h("h3", { class: "title" }, this.charityName) : null, this.charityLocation !== undefined && this.charityLocation !== null ? h("div", { class: "charity-info" }, this.charityLocation) : null));
+        return (h("div", { key: '45bb58ecd06507d67e0e3607f60dbbb1d2a76fd6', class: 'container space-below-' + this.spaceBelow }, h("div", { class: "slug" }, this.slug), this.imageUrl !== undefined && this.imageUrl !== null ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl }))) : null, this.logoUrl !== undefined && this.logoUrl !== null ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? h("h3", { class: "title" }, this.charityName) : null, this.charityLocation !== undefined && this.charityLocation !== null ? h("div", { class: "charity-info" }, this.charityLocation) : null));
     }
 };
 BiggiveBrandedImage.style = BiggiveBrandedImageStyle0;
@@ -209,7 +209,7 @@ const BiggiveButton = class {
         // If there's no or an empty href then it isn't possible to click by keyboard and we would have to handle keyboard
         // interaction separately.
         const href = this.url || 'javascript:void(0);';
-        return (h("div", { class: 'container space-below-' + this.spaceBelow + ' centered-' + this.centered }, h("a", { role: "button", href: href, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId, class: 'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString() }, h("span", { onClick: this.handleButtonClick }, this.label))));
+        return (h("div", { key: 'd55858059bea2eb86fd5d80e92af9fcc9fbc25ea', class: 'container space-below-' + this.spaceBelow + ' centered-' + this.centered }, h("a", { key: '73db1a2a239985f3480a695e0c9529fa5896dec1', role: "button", href: href, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId, class: 'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString() }, h("span", { key: '043bd6a0bb4a930cc5ef87fab0544b97dc0c1ddd', onClick: this.handleButtonClick }, this.label))));
     }
 };
 BiggiveButton.style = BiggiveButtonStyle0;
@@ -242,7 +242,7 @@ const BiggiveCallToAction = class {
         this.secondaryButtonColourScheme = 'primary';
     }
     render() {
-        return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug heading-' + this.slugSize + ' text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title heading-' + this.mainTitleSize + ' text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'slug heading-' + this.subtitleSize + ' text-colour-' + this.subtitleColour }, this.subtitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.primaryButtonLabel != null && this.primaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.primaryButtonColourScheme, url: this.primaryButtonUrl, label: this.primaryButtonLabel }))) : null, this.secondaryButtonLabel != null && this.secondaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.secondaryButtonColourScheme, url: this.secondaryButtonUrl, label: this.secondaryButtonLabel }))) : null))));
+        return (h("div", { key: 'e60e86429ceb4d0cf805d43a2ef3698097e88f68', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '91e0334b2185a214d5eb46b10f2879b0a5c22199', class: "sleeve" }, h("div", { key: 'd631b0c1750d6e8c54d15223d67f4e8389b73496', class: "content-wrap" }, h("div", { key: 'd04b5f1c4b424cf8105d84f5883ef4191ce98bb7', class: 'slug heading-' + this.slugSize + ' text-colour-' + this.slugColour }, this.slug), h("h2", { key: '3fe4d64ae4236ee956082b2552d34ece60e4bb68', class: 'title heading-' + this.mainTitleSize + ' text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '731f531a5d78ed5f939e7ca4d0785239fe966935', class: 'slug heading-' + this.subtitleSize + ' text-colour-' + this.subtitleColour }, this.subtitle), h("div", { key: 'eea5215a144aa6364411c631d8db59ddc45f6b45', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.primaryButtonLabel != null && this.primaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.primaryButtonColourScheme, url: this.primaryButtonUrl, label: this.primaryButtonLabel }))) : null, this.secondaryButtonLabel != null && this.secondaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.secondaryButtonColourScheme, url: this.secondaryButtonUrl, label: this.secondaryButtonLabel }))) : null))));
     }
 };
 BiggiveCallToAction.style = BiggiveCallToActionStyle0;
@@ -281,7 +281,7 @@ const BiggiveCampaignCard = class {
         return value === undefined || value === null || value === '';
     }
     render() {
-        return (h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { class: "sleeve" }, h("div", { onClick: this.handleCardGeneralClick, class: "above-button-wrap" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null ? (h("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.banner + ')' } })) : (h("div", { class: "image-wrap banner" })), h("div", { class: "title-wrap" }, h("h3", null, this.campaignTitle), h("div", { class: "organisation-name" }, "By ", this.organisationName)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? null : (h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), h("div", { class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel })), h("biggive-button", { "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
+        return (h("div", { key: '8383f816181ea902732fc490d348e0b5960ff432', class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { key: '31fb7a6a11a347a7a4bb4755ba5d9a09a26be9a7', class: "sleeve" }, h("div", { key: '28b948056d296e1bf9387864433906a5c96976e6', onClick: this.handleCardGeneralClick, class: "above-button-wrap" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null ? (h("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.banner + ')' } })) : (h("div", { class: "image-wrap banner" })), h("div", { key: '1b316684a436c019936307ac86753dde6c073092', class: "title-wrap" }, h("h3", { key: '6c5794bc18d0f6f7977a24410f8038300fa46f04' }, this.campaignTitle), h("div", { key: 'd42b4fd4800d162d8ad83daddb2198e6a097acbc', class: "organisation-name" }, "By ", this.organisationName)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? null : (h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), h("div", { key: '95444c045dfadb58f02584accd5013abf9fa8006', class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel })), h("biggive-button", { key: 'e261bcc2c51296da7db737ada806bbc297d7d7fc', "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
     }
 };
 BiggiveCampaignCard.style = BiggiveCampaignCardStyle0;
@@ -460,10 +460,10 @@ const BiggiveCampaignCardFilterGrid = class {
     }
     render() {
         var _a;
-        return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: (_a = this.searchText) !== null && _a !== void 0 ? _a : '', class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "filter-wrap" }, h("biggive-button", { class: "filter", colourScheme: "primary", onClick: this.handleFilterButtonClick, label: "Filter", fullWidth: true, "space-below": "0" }), h("biggive-popup", { id: "filter-popup" }, h("h4", { class: "space-above-0 space-below-3 text-colour-primary" }, "Filters"), h("div", { class: "select-wrapper-1" }, h("biggive-form-field-select", { backgroundColour: "white", prompt: "Category", placeholder: this.categoriesPlaceHolderText, selectedLabel: this.selectedFilterCategory, selectedValue: this.selectedFilterCategory, options: this.optionsToArray(this.categoryOptions || []), selectionChanged: this.categoryFilterSelectionChanged, id: "categories", "space-below": "2" })), h("div", { class: "select-wrapper-2" }, h("biggive-form-field-select", { backgroundColour: "white", prompt: "Beneficiary", placeholder: this.beneficiariesPlaceHolderText, selectedLabel: this.selectedFilterBeneficiary, selectedValue: this.selectedFilterBeneficiary, options: this.optionsToArray(this.beneficiaryOptions || []), selectionChanged: this.beneficiarySelectionChanged, id: "beneficiaries", "space-below": "2" })), h("div", { class: "select-wrapper-3" }, h("biggive-form-field-select", { backgroundColour: "white", prompt: "Location", placeholder: this.locationsPlaceHolderText, selectedLabel: this.selectedFilterLocation, selectedValue: this.selectedFilterLocation, options: this.optionsToArray(this.locationOptions || []), selectionChanged: this.locationSelectionChanged, id: "locations", "space-below": "2" })), h("div", { class: "select-wrapper-4" }, h("biggive-form-field-select", { backgroundColour: "white", prompt: "Funding", placeholder: this.fundingPlaceHolderText, selectedLabel: this.selectedFilterFunding, selectedValue: this.selectedFilterFunding, options: this.optionsToArray(this.fundingOptions || []), selectionChanged: this.fundingSelectionChanged, id: "funding", "space-below": "2" })), h("div", { class: "align-right" }, h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { options: [
+        return (h("div", { key: 'a350ebc1ee5ca6ac46bd86282e17bac979509ad6', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'a4383e299d558fa49603652d72d8ea64e725ec5c', class: "sleeve" }, h("div", { key: '2e4604e9ed71877dd3d50034f46275b01e51e429', class: "search-wrap" }, h("h4", { key: 'e48c6c83d83e53414993792f0ee355f04ff89ca1' }, this.intro), h("div", { key: 'ab439d6d61efda938234ee78ef7a70177b529dd9', class: "field-wrap" }, h("div", { key: 'fa4c6bb7b1edcebd14414ae22b9b82356f75eb87', class: "input-wrap" }, h("svg", { key: '9d7729d070462356c53f20e4e2ba263af82d5862', xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { key: '0e5789bb4a1db2a3df0cd20a131d5e59d838599a', d: faMagnifyingGlass.icon[4].toString() })), h("input", { key: '51eec0d43126625deb91b7e10e41ea998c86343c', type: "text", value: (_a = this.searchText) !== null && _a !== void 0 ? _a : '', class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { key: '56bb6438f976e88bb3ceeeba4047fd43cea4c610', onClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { key: 'b579fbc0101dd50bf579bbfc8cdb5de5e5037db0', class: "sort-filter-wrap" }, h("div", { key: 'fd39b0dbffd93d6372669ec1c87a7bc4910752b3', class: "filter-wrap" }, h("biggive-button", { key: '44b08294f5c6896e9d46809bb7853797a8373ec6', class: "filter", colourScheme: "primary", onClick: this.handleFilterButtonClick, label: "Filter", fullWidth: true, "space-below": "0" }), h("biggive-popup", { key: 'f2dcb9e7748791976925636150a54ee53113e410', id: "filter-popup" }, h("h4", { key: '8272e2b3509fa6646450d452d7715d6ccd56baaa', class: "space-above-0 space-below-3 text-colour-primary" }, "Filters"), h("div", { key: '0ee3ef2e80c93a93b4d0252fd4d3fd90f45693c4', class: "select-wrapper-1" }, h("biggive-form-field-select", { key: '1bfdbb00fc46c5eee0fd64761d76f9905453f27a', backgroundColour: "white", prompt: "Category", placeholder: this.categoriesPlaceHolderText, selectedLabel: this.selectedFilterCategory, selectedValue: this.selectedFilterCategory, options: this.optionsToArray(this.categoryOptions || []), selectionChanged: this.categoryFilterSelectionChanged, id: "categories", "space-below": "2" })), h("div", { key: '4cd93a981100d234b09fc0d268a365ff9b12ddac', class: "select-wrapper-2" }, h("biggive-form-field-select", { key: 'fed6335919bef115cd3baf092fb3862935bdeb25', backgroundColour: "white", prompt: "Beneficiary", placeholder: this.beneficiariesPlaceHolderText, selectedLabel: this.selectedFilterBeneficiary, selectedValue: this.selectedFilterBeneficiary, options: this.optionsToArray(this.beneficiaryOptions || []), selectionChanged: this.beneficiarySelectionChanged, id: "beneficiaries", "space-below": "2" })), h("div", { key: '8dd57b330fc04fad24fbb34114198cba8fe1c5e4', class: "select-wrapper-3" }, h("biggive-form-field-select", { key: '284f95dd5f5890572f0385d61d1d117b9a0e194c', backgroundColour: "white", prompt: "Location", placeholder: this.locationsPlaceHolderText, selectedLabel: this.selectedFilterLocation, selectedValue: this.selectedFilterLocation, options: this.optionsToArray(this.locationOptions || []), selectionChanged: this.locationSelectionChanged, id: "locations", "space-below": "2" })), h("div", { key: '1ad854d19d151b4f1729ddf624668f3b93199d6e', class: "select-wrapper-4" }, h("biggive-form-field-select", { key: 'f444bb17e37560723049a1bd2bf6cfb459be3258', backgroundColour: "white", prompt: "Funding", placeholder: this.fundingPlaceHolderText, selectedLabel: this.selectedFilterFunding, selectedValue: this.selectedFilterFunding, options: this.optionsToArray(this.fundingOptions || []), selectionChanged: this.fundingSelectionChanged, id: "funding", "space-below": "2" })), h("div", { key: 'bac86ef9c2d2af40844764301b9cb4a468281082', class: "align-right" }, h("biggive-button", { key: 'ba7fa078d238fb2e7f2685a98d785d805a4bab46', label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), h("div", { key: 'bffe3ada7c07f1cbab8562233b5e54ae22b46baf', class: "sort-wrap" }, h("biggive-form-field-select", { key: 'd0cd9537f58de77df880e51c8a93ba1cae077b56', options: [
                 { value: 'amountRaised', label: 'Most raised' },
                 { value: 'matchFundsRemaining', label: 'Match funds remaining' },
-            ], prompt: null, "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, selectionChanged: this.sortBySelectionChanged, id: "sort-by" }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), (this.searchText || '').length > 0 ? h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), h("div", { class: "selected-filter-wrap" }, h("div", { class: "selected-filters" }, this.selectedFilterCategory && (h("span", { class: "button", onClick: () => {
+            ], prompt: null, "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, selectionChanged: this.sortBySelectionChanged, id: "sort-by" }, h("biggive-form-field-select-option", { key: 'c10b4837e1649779d84a12058e50cbb819612b56', value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { key: 'f763852c725cc9170b92228dc41760eb6e2b26ac', value: "matchFundsRemaining", label: "Match funds remaining" }), (this.searchText || '').length > 0 ? h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), h("div", { key: 'd328a038936d42996fec5f795eb7184587cfa264', class: "selected-filter-wrap" }, h("div", { key: 'cfc88a3dea4c383d3c4c00c8d7bc9bc85b936b60', class: "selected-filters" }, this.selectedFilterCategory && (h("span", { class: "button", onClick: () => {
                 this.removeFilter('categories');
             } }, this.selectedFilterCategory)), this.selectedFilterBeneficiary && (h("span", { class: "button", onClick: () => {
                 this.removeFilter('beneficiaries');
@@ -471,7 +471,7 @@ const BiggiveCampaignCardFilterGrid = class {
                 this.removeFilter('locations');
             } }, this.selectedFilterLocation)), this.selectedFilterFunding && (h("span", { class: "button", onClick: () => {
                 this.removeFilter('funding');
-            } }, this.selectedFilterFunding))), h("div", { class: "clear-all" }, h("a", { onClick: this.handleClearAll }, "Clear all"))), h("div", { class: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
+            } }, this.selectedFilterFunding))), h("div", { key: 'e739816ea15b344b5296b8fc749187157eb636c1', class: "clear-all" }, h("a", { key: '266d43091edbc0e5bc787f10bc68a218a30976f3', onClick: this.handleClearAll }, "Clear all"))), h("div", { key: '3da7c5784499a276eb9257db7530c641f4829feb', class: "campaign-grid" }, h("slot", { key: '1535a29f17ea02d9a0e439bc89005ae806212a5d', name: "campaign-grid" })))));
     }
     optionsToArray(options) {
         if (typeof options === 'string') {
@@ -508,7 +508,7 @@ const BiggiveCampaignHighlights = class {
         this.championUrl = undefined;
     }
     render() {
-        return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, this.campaignTitle != null ? (h("div", { class: "campaign-title" }, h("span", null, this.campaignTitle))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : null, h("div", { class: "meta-wrap" }, h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount)), h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))), h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { class: "stat-wrap" }, this.primaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.secondaryStatText))) : null), this.championName != null ? (h("div", { class: "championed-by" }, "Championed by ", h("a", { href: this.championUrl }, this.championName))) : null)));
+        return (h("div", { key: 'bbcf49bd19fe377fea79696306c3d8c974c3bdbb', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '273cc1644ceabfa4f68cd6255d2941ddeadc6964', class: "sleeve" }, this.campaignTitle != null ? (h("div", { class: "campaign-title" }, h("span", null, this.campaignTitle))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : null, h("div", { key: 'bd13271c2f3fc9b6f30457dfe3f6ead9d701558b', class: "meta-wrap" }, h("div", { key: 'b1e347aa86b2f3d9a646fabafd8d94d154508c25', class: "meta-item" }, h("span", { key: '90afeac11075c3aa494233ab62adda6c31c88d51', class: "label" }, this.primaryFigureLabel), h("span", { key: '1f497d7b0ac5ec9c8b6c20631dfb6e50ab604de7', class: "text" }, this.primaryFigureAmount)), h("div", { key: '1fd0cdd2ca5d8e1aa999a7a8496b0e95b21df03d', class: "meta-item" }, h("span", { key: '8f0a3847f6a08eca563ddbb9141b8ec368efb900', class: "label" }, this.secondaryFigureLabel), h("span", { key: 'af44f99e312ed388a2a1dd1f4288a21e696f5fbe', class: "text" }, this.secondaryFigureAmount))), h("div", { key: '550372f0f76aad1ec11258af26ac9b5a28c8d0eb', class: "progress-bar-wrap" }, h("biggive-progress-bar", { key: '3ed7e6cf230f549d09ef383b7d056f45a7d7e4fb', counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { key: '3fd133550c51fbfe62858467fc8b6589d17dd712', class: "stat-wrap" }, this.primaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.secondaryStatText))) : null), this.championName != null ? (h("div", { class: "championed-by" }, "Championed by ", h("a", { href: this.championUrl }, this.championName))) : null)));
     }
 };
 BiggiveCampaignHighlights.style = BiggiveCampaignHighlightsStyle0;
@@ -577,14 +577,14 @@ const BiggiveCarousel = class {
         this.currentTab = newTab;
     }
     render() {
-        return (h("div", { class: 'container column-count-' +
+        return (h("div", { key: '9377f7a62408543e7eb814943e0a39e01d87e160', class: 'container column-count-' +
                 this.columnCount +
                 ' space-below-' +
                 this.spaceBelow +
                 ' button-background-colour-' +
                 this.buttonBackgroundColour +
                 ' button-icon-colour-' +
-                this.buttonIconColour }, h("div", { class: "items" }, h("div", { class: "sleeve" }, h("slot", null))), h("div", { class: "navigation" }, h("div", { class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" }))))));
+                this.buttonIconColour }, h("div", { key: 'cd5cf428c8120718335924fd52aa8c0dfda55348', class: "items" }, h("div", { key: 'c48b64e3b589fdbd08d3d12b9b9d512d1f0bcee1', class: "sleeve" }, h("slot", { key: '71f2f2e3bbfe9fb4203c4fb89da58ba723cfb027' }))), h("div", { key: '2e1313240c95a46e56df38d171da330064451f83', class: "navigation" }, h("div", { key: 'b51931d54dd1b4467655a9f889d7e0bcf4697dc5', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: '14780dcd1a9c4f341271ab46e884f0b4466863fc', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8e78202db305389daf814e173e9d166fef8f9ece', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: 'f8312e9165d39e1e1ff72aa79709074c09a22df1', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: '9db8cb7bccf8b0de4e9bc665105acdfbffb7ab65', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'd777e136f2d479a8f046f6f51ea2b0925d9b13cd', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" }))))));
     }
     get host() { return getElement(this); }
 };
@@ -673,7 +673,7 @@ const BiggiveFilteredCarousel = class {
         }
     }
     render() {
-        return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "filters" }), h("biggive-carousel", { "space-below": "1", "column-count": this.columnCount, "button-background-colour": this.buttonBackgroundColour, "button-icon-colour": this.buttonIconColour })));
+        return (h("div", { key: '291c6780a1f91d24afeaded1822cd91d74a18a78', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'aed0a314d00a43e56c560462659fad3ce7af17cc', class: "filters" }), 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 getElement(this); }
 };
@@ -768,12 +768,12 @@ const BiggiveFormFieldSelect = class {
             console.error('options undefined');
             options = [];
         }
-        return (h("div", { class: "selectWrapper" }, h("label", { class: greyIfRequired }, h("div", { class: 'prompt' + greyIfRequired }, this.prompt), h("div", { class: 'dropdown space-below-' +
+        return (h("div", { key: '8c61a000b390d49c61d2cc39a904b081d02dc97e', class: "selectWrapper" }, h("label", { key: '332afbc6d70acea35a61cf852eab68bc28b257e6', class: greyIfRequired }, h("div", { key: '37466cccb159f8ebaab0fd96b7cb9d9ac48de982', class: 'prompt' + greyIfRequired }, this.prompt), h("div", { key: 'e50addae238a2a9d886a1bd9d57d4cf0c0ac68b8', class: 'dropdown space-below-' +
                 this.spaceBelow +
                 ' select-style-' +
                 this.selectStyle +
                 (this.prompt === null ? '  noprompt' : '') +
-                (this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, h("div", { class: "sleeve" }, h("select", { class: greyIfRequired, onChange: this.doOptionSelectCompletedHandler }, options.map(option => (h("option", { selected: this.selectedValue === option.value, value: option.value }, option.label)))), h("div", { class: "arrow" }))))));
+                (this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, h("div", { key: 'ac0bccda5054609a99131b3e78eed47fbb3cb7e5', class: "sleeve" }, h("select", { key: '397439de8ca10ac7807aac3c429765034ce7e5e6', class: greyIfRequired, onChange: this.doOptionSelectCompletedHandler }, options.map(option => (h("option", { selected: this.selectedValue === option.value, value: option.value }, option.label)))), h("div", { key: 'fb7b32d3e79c00620742c3b96e403626d266c17e', class: "arrow" }))))));
     }
     get el() { return getElement(this); }
 };
@@ -790,7 +790,7 @@ const BiggiveFormattedText = class {
         this.maxWidth = 100;
     }
     render() {
-        return (h("div", { class: 'container max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("slot", null)));
+        return (h("div", { key: '65fa6b3c1743e95a1b5399ef5fc8867a4be511f2', class: 'container max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("slot", { key: 'a83067e64d5bfb14f3ac960491ff5b1dc8ee3c56' })));
     }
 };
 BiggiveFormattedText.style = BiggiveFormattedTextStyle0;
@@ -827,7 +827,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
-        h("div", { class: 'generic-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, h("a", { href: this.url }, iconDefinition ? (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] }, h("path", { d: iconDefinition.icon[4].toString() }))) : null)));
+        h("div", { key: 'c2621eea3c827f134c0671100acfda8d5d06feb1', class: 'generic-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, h("a", { key: '73450b9fe36f1d41a6cbab3c37fd127d615dd62e', href: this.url }, iconDefinition ? (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] }, h("path", { d: iconDefinition.icon[4].toString() }))) : null)));
     }
 };
 BiggiveGenericIcon.style = BiggiveGenericIconStyle0;
@@ -844,7 +844,7 @@ const BiggiveGrid = class {
         this.columnGap = 0;
     }
     render() {
-        return (h("div", { class: 'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '') }, h("slot", null)));
+        return (h("div", { key: 'c66fde1029db1c5a4f9e516e84ca81cf0fa11492', class: 'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '') }, h("slot", { key: '64d67dd5b4dfb600547e3c791f582f62a029fa24' })));
     }
 };
 BiggiveGrid.style = BiggiveGridStyle0;
@@ -867,7 +867,7 @@ const BiggiveHeading = class {
     }
     render() {
         const Tag = this.htmlElement;
-        return (h("div", { class: 'container align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h(Tag, { class: 'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size }, this.icon ? (h("svg", { viewBox: "0 0 102 88" }, h("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), h("path", { d: "M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n         h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n         c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n         c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n         c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n         c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n         c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n          M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n         c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n         C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n         C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n         c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z" }))) : null, this.text)));
+        return (h("div", { key: '76099648e37d30f39496f2fda26e7f439e1aafa6', class: 'container align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h(Tag, { key: '38c757bfa7826bfedba74e6c3b8952a1bdb5c267', class: 'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size }, this.icon ? (h("svg", { viewBox: "0 0 102 88" }, h("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), h("path", { d: "M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n         h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n         c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n         c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n         c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n         c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n         c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n          M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n         c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n         C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n         C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n         c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z" }))) : null, this.text)));
     }
 };
 BiggiveHeading.style = BiggiveHeadingStyle0;
@@ -899,9 +899,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 (h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: 'logo image-wrap logo-height-' + this.logoHeight }, h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : h("div", { class: 'logo-space logo-height-' + this.logoHeight }), h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h1", { class: mainTitleClasses }, this.mainTitle), h("div", { class: teaserClasses }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
+        return (h("div", { key: '51eae2f7639b37e2327eebe0552df24b518dfd96', class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { key: '8b9e4c4ce89be8143d38ef3d885a270e5b339b76', class: "sleeve" }, h("div", { key: '4d33f3a05b74c4a7631768bfbbd5aba9c8fcd29d', class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: 'logo image-wrap logo-height-' + this.logoHeight }, h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : h("div", { class: 'logo-space logo-height-' + this.logoHeight }), h("div", { key: '05a1e4a6916fe0e68a5638d5e0063722ee5759ee', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h1", { key: '7909befe609598ff5d49938f25a6be6c633a8b99', class: mainTitleClasses }, this.mainTitle), h("div", { key: 'd1aafc85095a78e35ad9953c65c902ef19065e4f', class: teaserClasses }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
             ? h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
-            : null), h("div", { class: "graphic-wrap" }, this.mainImage !== null ? (h("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } })) : null))));
+            : null), h("div", { key: 'd047cb700bf0762eac923eed2d00098d8b288c73', class: "graphic-wrap" }, this.mainImage !== null ? (h("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } })) : null))));
     }
 };
 BiggiveHeroImage.style = BiggiveHeroImageStyle0;
@@ -935,7 +935,7 @@ const BiggiveIconButton = class {
         this.buttonId = undefined;
     }
     render() {
-        return (h("div", { class: 'container space-below-' +
+        return (h("div", { key: '862fcf4cee61f51880320c383e7fc382785a0d8b', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -946,7 +946,7 @@ const BiggiveIconButton = class {
                 ' rounded-' +
                 this.rounded +
                 ' shadow-' +
-                this.shadow }, h("a", { href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, h("div", { class: "sleeve", onClick: this.handleButtonClick }, h("div", { class: 'icon-wrap ' + ' size-' + this.size + ' circle-' + this.circle.toString() }, h("biggive-generic-icon", { iconGroup: this.iconGroup, icon: this.icon })), this.text != '' ? h("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (h("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, h("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
+                this.shadow }, h("a", { key: '1725180d38ebfce942f8ee48ac1bac322116daa1', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, h("div", { key: 'dca904c7e12458e6667d5b49b4e4b537504a8a53', class: "sleeve", onClick: this.handleButtonClick }, h("div", { key: '4801d6d9726fd8ecc158e3bd6810f10d52f4fc93', class: 'icon-wrap ' + ' size-' + this.size + ' circle-' + this.circle.toString() }, h("biggive-generic-icon", { key: 'b80b264567f2a1ba637bcbf67c7346b6a0e1ddda', iconGroup: this.iconGroup, icon: this.icon })), this.text != '' ? h("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (h("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, h("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
     }
 };
 BiggiveIconButton.style = BiggiveIconButtonStyle0;
@@ -980,7 +980,7 @@ const BiggiveImage = class {
         return height;
     }
     render() {
-        return (h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
+        return (h("div", { key: 'ba7747f78d982ae47eae6f8b49714a8dedf989eb', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, h("div", { key: '87dec86421ba55dc8d444b21c64dbd14d1d6ec63', class: "image-wrap" }, h("img", { key: 'ce857d2e521af7b402ca31fb92fe6a2e7f4aa7ba', src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
     }
 };
 BiggiveImage.style = BiggiveImageStyle0;
@@ -1014,7 +1014,7 @@ const BiggiveImageButton = class {
         this.buttonId = undefined;
     }
     render() {
-        return (h("div", { class: 'container space-below-' +
+        return (h("div", { key: 'ed976c8a12c3ba52c2a458e829ed76a7373dca8f', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -1025,7 +1025,7 @@ const BiggiveImageButton = class {
                 ' rounded-' +
                 this.rounded +
                 ' shadow-' +
-                this.shadow }, h("a", { href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, h("div", { class: "sleeve", onClick: this.handleButtonClick }, h("div", { class: 'image-wrap ' + ' image-style-' + this.imageStyle + ' size-' + this.size + ' circle-' + this.circle.toString(), style: { backgroundImage: 'url(' + this.imageUrl + ')' } }), this.text != '' ? h("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (h("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, h("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
+                this.shadow }, h("a", { key: '8102ea4712f85790b326d491bcb0ee9a0aefa5bf', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, h("div", { key: '221a7152156fe96634f33386d9c6b3b86b6ad22b', class: "sleeve", onClick: this.handleButtonClick }, 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 != '' ? h("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (h("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, h("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
     }
 };
 BiggiveImageButton.style = BiggiveImageButtonStyle0;
@@ -1051,7 +1051,7 @@ const BiggiveImageFeature = class {
         this.buttonColourScheme = 'primary';
     }
     render() {
-        return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { class: "graphic-wrap" }, this.imageUrl !== null && this.imageUrl !== undefined ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
+        return (h("div", { key: '47f2c7be28c00543435f9a21b366f5ce20884bac', class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("div", { key: '75b269e9759f6322c5f9c11ac2e060e800ca81ab', class: "sleeve" }, h("div", { key: '476338f896df9caf436a1f94c04ce534698729bf', class: "content-wrap" }, h("div", { key: '6e963af710cc483b741e9da1ce82de3693fec1c6', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: '2ffb529a60433941df8eba6a654179f4157eb772', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: 'd1931877216cbd029a6c7a1a8c2e45f1a058824a', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { key: '559888ead06735b7926106f626500088cd6e3bb7', class: "graphic-wrap" }, this.imageUrl !== null && this.imageUrl !== undefined ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
     }
 };
 BiggiveImageFeature.style = BiggiveImageFeatureStyle0;
@@ -1146,7 +1146,7 @@ const BiggiveMainMenu = class {
         const now = new Date();
         const ccIsOpenNowIsh = now > CCOpenDate && now < CCCloseDate;
         const homePageLink = ccIsOpenNowIsh ? '/?noredirect' : '/';
-        return (h(Host, null, h("div", { class: "row row-top" }, h("div", { class: "social-icon-wrap" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), h("div", { class: "nav-secondary" }, this.getSecondaryNavLinks())), h("nav", { role: "navigation", "aria-label": "Main Menu" }, h("div", { class: "navbar" }, h("div", { class: "logo" }, h("a", { href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { 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" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { class: "nav-links" }, h("div", { class: "sidebar-logo" }, h("a", { href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { 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" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { id: "nav-primary" }, h("ul", { class: "links", slot: "nav-primary" }, h("li", null, h("a", { href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), h("li", null, h("a", { onClick: this.noNav }, "Match Funding", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { class: "sub-menu" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), h("li", { class: "more" }, h("a", { onClick: this.noNav }, "Match Funding Opportunities", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { class: "sub-sub-menu" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green-match" }, "Green Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), h("li", null, h("a", { onClick: this.noNav }, "About Us", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { class: "sub-menu" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("li", null, h("a", { onClick: this.noNav }, "Resources", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { class: "sub-menu" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), h("div", { class: "mobile-only" }, this.getSecondaryNavLinks())), h("div", { class: "mobile-social-icon-wrap mobile-only" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
+        return (h(Host, { key: '01b6977555e1d2b9bd161be5190bd3e361ac8037' }, h("div", { key: '31e8ca22cc62c21589db0ebcc21726b10ed1bcdc', class: "row row-top" }, h("div", { key: '0d344398706f0bbe6cb5fabf84d72898c875ae7d', class: "social-icon-wrap" }, h("biggive-social-icon", { key: 'fcbc74608f130dfa2d69b19c55f995681ba50b64', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '5fde3a2b4398ef7885aca8289b1215ff60ffac54', service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'cef1a14ed505fde41d6a750d99274a81d94dc990', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'a34775707502d12eaec3a628055823371aff5f59', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '8c6898116d3a7fdac55a3ac0ceee82e1f0097449', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), h("div", { key: '253f494386db48d2e421ffc2ccc6f455a13a01e2', class: "nav-secondary" }, this.getSecondaryNavLinks())), h("nav", { key: '1e720db0e281f9d2d8f87eb9e99c388e4eacd40e', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: '8c249e629da715a31a5d89e669246c2e2fa4cee7', class: "navbar" }, h("div", { key: 'a07c43521cf488d4758859540f725e71e9b6db53', class: "logo" }, h("a", { key: '9cd34ce2455de9020ed300939279796eaa23e03e', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: 'a9e49ba2372db74f8c4eda56ae7b6faecc7359ef', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { key: 'a2777822a1676d456847eab3657d7553a6c2267b', 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" }), h("path", { key: '2c09808e46598cdd58c61f629da1ebe2f9cbff43', d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { key: '5027ac056f3e4a74af469e8d4ff8732f1c48e2b3', class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: '6a157f71f4e9bda65f6c7c44ee34b2155724b635', class: "nav-links" }, h("div", { key: '35bdae9c89303aa485a6eb174b81a481690969bd', class: "sidebar-logo" }, h("a", { key: '52ac393c1a4e3dcdade06d8038f7c5bda106dbe7', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: 'a20a7184357f720f5e40ac2202355aeda4ad7222', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { key: '5d3ba9c407cc78cd916e5b556b9102f1403a065a', 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" }), h("path", { key: '4988a4e9f6da8bfa56ec4414a14635d5dadda8ab', d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { key: '45590bba27208e81ef613224ba7dca8f2244c329', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: '9b8c3be2fed0dae256f95526478e80f497e82a8c', id: "nav-primary" }, h("ul", { key: '1a730504edaeb1159bcf212aec016a63a2bb232a', class: "links", slot: "nav-primary" }, h("li", { key: '10bd66f1f9cf3a7ac8cc89a229a681485bbcab4f' }, h("a", { key: '8964f32da83a81c1c3adddc3565fe840d0abc8a2', href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), h("li", { key: '202afb17ed628de8d93bdd7b349d0bd0ce1bf27d' }, h("a", { key: 'a9333003c541366001a8f52745a41906c402d450', href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), h("li", { key: '736d56c2d5ab448c0c0f49cff54a726616b4f0b9' }, h("a", { key: '84a5b2ebe485ba341540153c92e0b0e815b865d9', href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), h("li", { key: '52ea1ae1c8fecbe80e9dfea5f91ba1163254a405' }, h("a", { key: '8f5181fa256e94b5b97aac54c20a8002e308aeb2', onClick: this.noNav }, "Match Funding", h("biggive-misc-icon", { key: 'fea269093fa461850d92641ee7c2508db1c9cf81', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: 'c1363dba4d420c341eef3744216725a96d1a9a3d', class: "sub-menu" }, h("li", { key: '5355f1ef2e9a4dfad72befeaca59b0736d9a809a' }, h("a", { key: '0cac5abc01a8f2501d5e73b22f49fb13b84cb000', href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), h("li", { key: '68301de4c7bda7fd3c2315bcc9bfcf01472ef656' }, h("a", { key: '485c05ac07bdb4f6b2fa5571a5c03070a983f486', href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), h("li", { key: '9d1f45709734135a02ade30f9f3399e0d1545436', class: "more" }, h("a", { key: '50b491256f8e46c8bd851fefbfdb3bb58b0d0ff5', onClick: this.noNav }, "Match Funding Opportunities", h("biggive-misc-icon", { key: '31d847c08020e3287f166a575304f4004ac542ab', class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '12a76d3fb8003a880da825d2965f28b5e0d7c42c', class: "sub-sub-menu" }, h("li", { key: '8355d2680db6084564046cf856e14ae18e153fe8' }, h("a", { key: 'ae330ddbb335718058998fafb08f40237cd932cb', href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", { key: 'e78cbfb36e4992f88c14ad44ec1c66f85abbe310' }, h("a", { key: '86a89de072d0f41d6b1faf0198f52dd7bcb67ece', href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", { key: '96001a7b8d739e95d8c9445d541d27c3671e4507' }, h("a", { key: 'fadbe6d74f011db4f5d81c32a9c2614a6f0336f0', href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green-match" }, "Green Match Fund")), h("li", { key: 'e5f359da54448e4fe656607f4d94419ef4090e08' }, h("a", { key: 'cd8e71e578e46eae56d5ef13659a5b35db51f3fb', href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), h("li", { key: '266f08be6fcee26d90bacd60126e5d8f5615db1e' }, h("a", { key: 'e0fd1c0aa0c38d7932890532a18d33978642088d', href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", { key: '26df2f65dc2841ee9c5a53aad26ac6e2f3dda630' }, h("a", { key: 'b51da690d37414ac8168d1fbe9f2d1238d28d922', href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), h("li", { key: '607d475079a49f443473e4fddb1fc46a251dd48b' }, h("a", { key: '1071ceed9b98f25d848e726a1d320d9d2cf42c4d', href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), h("li", { key: 'd8fa4e096b3a3edc16937c19874958ac407f0a86' }, h("a", { key: 'befd68f40db7a1baf8fb0c073c4cbb6e76b839a8', href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), h("li", { key: '433f230dfe0ae5abd85b5fb4958ff1800b5eeabb' }, h("a", { key: 'e1cdc3ca65e1bfb061d0f2cae273153e922e6fdc', href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), h("li", { key: '311ba6de931643a00f66cdea8fc97043157bf6e6' }, h("a", { key: '241a338119eeb624388391ec5ad21c99c9c9dcc5', onClick: this.noNav }, "About Us", h("biggive-misc-icon", { key: '73dec108c26e5aec21a30bae298d249d35916882', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '22148e7da10bfa14ce3d86abaf7b465360218b48', class: "sub-menu" }, h("li", { key: '09ce25ac1c2c952b24cdf70f751716d2ff9b17f6' }, h("a", { key: '780cfb6c3a39a5302da8c2e01056280f62087a92', href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", { key: 'eeca4d56b25fef083dfafc5024fa8dce2b918913' }, h("a", { key: '533d7baeb331407fe7260ea40fb826a105d14508', href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", { key: 'dcb09e91b91e60094fd6181de4a4077ec547c6c9' }, h("a", { key: '50f74c9505c8aeb6d00a7afd2bdf57bb0e1ca6ef', href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), h("li", { key: 'c3ce4599645284b505dcff7f9ff60d086c3f1a96' }, h("a", { key: '203cc654924668300027ff791e4054a7bf2d0b40', href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", { key: '6b00bbe50ba10e3e13775907106211c1e02e1457' }, h("a", { key: 'f81d1f3293c14a70226b2bad16b4f0bb29c8ba7c', href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("li", { key: '826f62590f64aa0dc26edeaa5f33a9c06e830f79' }, h("a", { key: '353abe73c5fe58413e65472cffba541abb837337', onClick: this.noNav }, "Resources", h("biggive-misc-icon", { key: '414eb21046de81a3e92d7e084fcc776fddc01bfb', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '0b60ea4d058c34af0d06b2a6723b8971133e1b83', class: "sub-menu" }, h("li", { key: 'e9bddf36536a9c5f6234c8d86787c96b7c1c65b3' }, h("a", { key: '87bc453114cf7f261efcec3aca283b339f7177cf', href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", { key: '7973f088a249aa3ffcc7ff841e5ccc558a7ce18d' }, h("a", { key: '78e6224be51686368401d32f510e0963898b1ca7', href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", { key: 'cd0bdd8ae671bde9f205ecbfe297a3a3261b0c27' }, h("a", { key: '89b5bc12f24c61d801c4c33dc2cd0a90449db657', href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", { key: 'a340ae30cfee1fe38942829e9bef044333204b32' }, h("a", { key: '6a8615dea1aff61007d35368721816c0a8473334', href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), h("div", { key: '8d80eac75fc85b158d58c223395deaf7a87b07ca', class: "mobile-only" }, this.getSecondaryNavLinks())), h("div", { key: '8a8896031b0c4c895174e12087abfa4226b5d801', class: "mobile-social-icon-wrap mobile-only" }, h("biggive-social-icon", { key: '7ca75bdb16b2a26a83d9ce6091c67662860fe826', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '6562bface4eb12035bb83adf1015903b44159f3b', service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '8ae56346ed5e0b2e77b83572fcbf7194377ac59a', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '996ab3b9f44b278beac4649f0900a1ddee819de9', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'd9e371d3cd924169666bb6ed98c00f78c57206ec', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
     }
     get host() { return getElement(this); }
 };
@@ -1170,7 +1170,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
-        h("div", { class: 'misc-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, h("a", { href: this.url }, h("svg", { 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] }, h("path", { d: this.getMiscIcon().icon[4].toString() })))));
+        h("div", { key: '360dbfcae57add4da571bcd19baeadecdae8409e', class: 'misc-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, h("a", { key: '70bd012ef2e0c47204741d1ef5101e3211bbd834', href: this.url }, 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] }, h("path", { key: 'fcab6d2aec2a3599d12633c8182550c49c1359a3', d: this.getMiscIcon().icon[4].toString() })))));
     }
 };
 BiggiveMiscIcon.style = BiggiveMiscIconStyle0;
@@ -1183,7 +1183,7 @@ const BiggivePageColumn = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("slot", null);
+        return h("slot", { key: '22367d08d32931877f70f27f6f400da4526c2954' });
     }
 };
 BiggivePageColumn.style = BiggivePageColumnStyle0;
@@ -1197,7 +1197,7 @@ const BiggivePageColumns = class {
         this.spaceBelow = 0;
     }
     render() {
-        return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "columns" }, h("div", { class: "column-primary" }, h("slot", { name: "column-primary" })), h("div", { class: "column-secondary" }, h("slot", { name: "column-secondary" })))));
+        return (h("div", { key: '02c7d1c4f4b34269105a04d201b8efc2d0d92eaa', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '6f210025727e6c42b376f8c58a1050bdb92ad42f', class: "columns" }, h("div", { key: '8a0181393dd1de51d586ecf8778a30c1250eae75', class: "column-primary" }, h("slot", { key: '111eaf2df29da2f5effeaefd56f8b8e1e9d43c28', name: "column-primary" })), h("div", { key: 'ce5b4eaa9bf0a3e43c088f67df364382b551f8c4', class: "column-secondary" }, h("slot", { key: '05cbcdfcf679a0c8b1165c3445920c9f2a19c888', name: "column-secondary" })))));
     }
 };
 BiggivePageColumns.style = BiggivePageColumnsStyle0;
@@ -1216,7 +1216,7 @@ const BiggivePageSection = class {
         this.primaryFullBleed = false;
     }
     render() {
-        return (h("div", { class: 'container max-width-' +
+        return (h("div", { key: 'b1590005b403887e57b627bff3ab07e61d6e0591', class: 'container max-width-' +
                 this.maxWidth +
                 ' space-below-' +
                 this.spaceBelow +
@@ -1226,7 +1226,7 @@ const BiggivePageSection = class {
                 this.sectionStyleTop +
                 ' style-bottom-' +
                 this.sectionStyleBottom +
-                (this.primaryFullBleed ? ' full-bleed' : '') }, h("div", { class: "sleeve" }, h("slot", null))));
+                (this.primaryFullBleed ? ' full-bleed' : '') }, h("div", { key: '7f3bcc68d4b1889426464d0f9d5c011d2a7f828e', class: "sleeve" }, h("slot", { key: '13ecf086e64f42ad12548c058ea5cc5d11c4bef1' }))));
     }
 };
 BiggivePageSection.style = BiggivePageSectionStyle0;
@@ -1254,7 +1254,7 @@ const BiggivePopup = class {
         this.popup.setAttribute('tabindex', '-1');
     }
     render() {
-        return (h("div", { class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, h("div", { class: "sleeve" }, h("div", { class: "header" }, h("div", { class: "close", onClick: this.closeFromWithin })), h("div", { class: "content" }, h("slot", null)))));
+        return (h("div", { key: '40337548fc4a1e376f1eb9b230750dfd7e125b61', class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, h("div", { key: '032c19a5bc7719bf97fd6e234723def432be0559', class: "sleeve" }, h("div", { key: '1e21e45ec9491fc68765e32198e5d7ddb20b061c', class: "header" }, h("div", { key: '4ba14a52aa3ed79f38fdc7622f910c05137b6417', class: "close", onClick: this.closeFromWithin })), h("div", { key: '73e4ab5605399e2a7daad0c157d1c38e25bdc30f', class: "content" }, h("slot", { key: '5e71d6129bb008421c8e77425062338298af3392' })))));
     }
 };
 BiggivePopup.style = BiggivePopupStyle0;
@@ -1291,7 +1291,7 @@ const BiggiveQuote = class {
         this.quoteIconColour = 'primary';
     }
     render() {
-        return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow }, h("div", { class: "image-wrap" }, h("svg", { width: "34", height: "24", viewBox: "0 0 34 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z", fill: "#2C089B" }))), h("div", { class: "quote" }, "\u201C", this.quote, "\u201D"), h("div", { class: "attribution" }, " - ", this.attribution)));
+        return (h("div", { key: '7b422bd22ba063722b5703c04e39aac0aba3fea4', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow }, h("div", { key: '7520b86545716c526e108e2b66fabde6b402574f', class: "image-wrap" }, h("svg", { key: '153f848c86a76c053d2b96c1b3d3b29aeb7dd09e', width: "34", height: "24", viewBox: "0 0 34 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0392293532ee774c3db00fc84104a87af92433d3', d: "M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z", fill: "#2C089B" }))), h("div", { key: '9602f277b71f336409cec84a35221c86a3dbeb7f', class: "quote" }, "\u201C", this.quote, "\u201D"), h("div", { key: 'dbd3054b23dd51bbc4cdd9b4bc7a2a869f6d38ea', class: "attribution" }, " - ", this.attribution)));
     }
 };
 BiggiveQuote.style = BiggiveQuoteStyle0;
@@ -1326,7 +1326,7 @@ const BiggiveSheet = class {
         }
     }
     render() {
-        return (h("div", { class: 'container' }, h("div", { class: "background" }), h("div", { class: 'popup background-colour-' + this.backgroundColour + ' text-colour-' + this.textColour }, h("div", { class: "header" }, h("div", { class: "back-link", onClick: this.closeSheet }, h("span", { class: 'svg-wrap colour-' + this.textColour }, h("svg", { width: "33", height: "16", viewBox: "0 0 33 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { 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"), h("div", { class: "close-link", onClick: this.closeSheet }, h("span", { class: "svg-wrap" }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z" }))))), h("div", { class: "content" }, h("slot", null)))));
+        return (h("div", { key: '069a7b7f1df4aff4c2aef0791c800a719c6b21bc', class: 'container' }, h("div", { key: 'f5b1224e0ad76c5719153bddac5b18f9c0f2ea85', class: "background" }), h("div", { key: 'b0bce375757692e95ede3db89a1a33ae7dd9dd04', class: 'popup background-colour-' + this.backgroundColour + ' text-colour-' + this.textColour }, h("div", { key: 'b80dbc88befcef4efba00c40bae12fdc6741244b', class: "header" }, h("div", { key: '122071d56dd6b942f330204a442c5d6c18f7c544', class: "back-link", onClick: this.closeSheet }, h("span", { key: '406bf5ff817135ac6c92b9d7e09677cfb2273e46', class: 'svg-wrap colour-' + this.textColour }, h("svg", { key: 'bb88afcdac83b354cb7e07bafcfdd1e904ece9cb', width: "33", height: "16", viewBox: "0 0 33 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, 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"), h("div", { key: '4582894b11d66c151db3723bbba7a8ee674565bb', class: "close-link", onClick: this.closeSheet }, h("span", { key: 'c31145fd90831c0959b3e52c5dc3affc1db5e022', class: "svg-wrap" }, h("svg", { key: 'd25fae88521a2164cbd68bda94ebf580d22767f6', width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'fc29add510f29b0b81a14c73cdead7fbe565f071', d: "M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z" }))))), h("div", { key: 'ca55b5904a848b734df2159596e2f1f890407f24', class: "content" }, h("slot", { key: '3ec40a2899ac3bf126ca824793e791ceeb332364' })))));
     }
     get host() { return getElement(this); }
 };
@@ -1350,7 +1350,7 @@ const BiggiveSocialIcon = class {
         return icon;
     }
     render() {
-        return (h("div", { class: 'social-icon-item background-colour-' + this.backgroundColour + (this.wide ? ' wide' : '') }, h("a", { href: this.url, "aria-label": `${this.labelPrefix} on ${this.service}`, target: "_blank", rel: "noopener" }, h("svg", { 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] }, h("path", { d: this.getSocialIcon().icon[4].toString() })))));
+        return (h("div", { key: 'b93ff0500561d1d83b42ee18d113a4dfdba3f8a9', class: 'social-icon-item background-colour-' + this.backgroundColour + (this.wide ? ' wide' : '') }, h("a", { key: '1b1abcb967c177ecf86ffb2d8571765c138051b8', href: this.url, "aria-label": `${this.labelPrefix} on ${this.service}`, target: "_blank", rel: "noopener" }, 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] }, h("path", { key: 'ec81bf9fff15d35ec50c3156f1f1af77d4bb4107', d: this.getSocialIcon().icon[4].toString() })))));
     }
 };
 BiggiveSocialIcon.style = BiggiveSocialIconStyle0;
@@ -1364,7 +1364,7 @@ const BiggiveTab = class {
         this.tabTitle = '';
     }
     render() {
-        return (h("div", { class: "container" }, h("slot", null)));
+        return (h("div", { key: 'f1a5796a719cb3e1eb09729697a1f95ac3cc8ae5', class: "container" }, h("slot", { key: 'd95e5ff6692a6b9042fefb89773eaf107ddf136d' })));
     }
 };
 BiggiveTab.style = BiggiveTabStyle0;
@@ -1477,7 +1477,7 @@ const BiggiveTabbedContent = class {
         });
     }
     render() {
-        return (h("div", { class: 'container space-below-' +
+        return (h("div", { key: '03d08750a83b257bad4d11502b3884d249b4ed9f', class: 'container space-below-' +
                 this.spaceBelow +
                 ' text-colour-' +
                 this.textColour +
@@ -1490,7 +1490,7 @@ const BiggiveTabbedContent = class {
                 ' button-background-colour-' +
                 this.buttonBackgroundColour +
                 ' button-icon-colour-' +
-                this.buttonIconColour }, h("div", { class: "navigation" }, h("div", { class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { class: "sleeve" }, h("ul", null, this.children.map(child => (h("li", { onClick: this.clickTabHandler }, child.tabTitle))))), h("div", { class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("slot", null)));
+                this.buttonIconColour }, h("div", { key: 'c0c483d66d7e4f10f55e05adbe7fd913e2508fad', class: "navigation" }, h("div", { key: '0a1c8c83efeb6b4c4d3021a0a82f1985ed2383d2', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: 'aff64695b3e9e52bf818f34a7692798728ffbcd8', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'fe010ad83716b330ae4620c48a6c193f7e1766c2', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: '09489151bbc491bca839d7bbb63b78ed33b1e4eb', class: "sleeve" }, h("ul", { key: 'c8be1d46992ff09c5c0ca5fb122b9a1d79423ccc' }, this.children.map(child => (h("li", { onClick: this.clickTabHandler }, child.tabTitle))))), h("div", { key: '664136adfcabd5da359d8302edd9ca0330c45986', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: '4788da7f204c274933a8a4f43e817f7bef86da1e', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '397a856d73c427d71475a42a2d8dab9a18a776be', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("slot", { key: '4e03a46a3d406a1b67e7905b53edd39f8b255f54' })));
     }
     get host() { return getElement(this); }
 };
@@ -1509,7 +1509,7 @@ const BiggiveTextInput = class {
     }
     render() {
         const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;
-        return (h("div", { class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { class: "sleeve" }, h("div", { class: "inner-sleave" }, currencySymbol && h("span", { class: "currency-symbol" }, currencySymbol), h("slot", { name: "input" }), h("div", { style: { clear: 'both' } }))), h("div", { class: "prompt" }, h("slot", { name: "label" }))));
+        return (h("div", { key: '7805b9b8ec77c165db8bb96d835ec2f98bab88b6', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { key: '6eb43317816586457de0b92fd3bc395d56c4c229', class: "sleeve" }, h("div", { key: 'c969eb3a383fc7703afeea98a0fc68556e5e1fe6', class: "inner-sleave" }, currencySymbol && h("span", { class: "currency-symbol" }, currencySymbol), h("slot", { key: 'ab6d1e8548d563b4e31dde83768dc7f50f877dca', name: "input" }), h("div", { key: 'ab8f16a0c73afc60ed2d4e2bff5b9f8abd24c938', style: { clear: 'both' } }))), h("div", { key: '49a8221332a13de60abe61bfa985fc78b70c46c3', class: "prompt" }, h("slot", { key: '3c2f01682c30609204a064145e0b46d01ac82fc9', name: "label" }))));
     }
 };
 BiggiveTextInput.style = BiggiveTextInputStyle0;
@@ -1625,7 +1625,7 @@ const BiggiveTimeline = class {
         });
     }
     render() {
-        return (h("div", { class: 'container space-below-' +
+        return (h("div", { key: 'cb43cf7f378936cd89dbccbd7c72b83905f21a4b', class: 'container space-below-' +
                 this.spaceBelow +
                 ' text-colour-' +
                 this.textColour +
@@ -1648,7 +1648,7 @@ const BiggiveTimeline = class {
                 ' entry-title-colour-' +
                 this.entryTitleColour +
                 ' entry-text-colour-' +
-                this.entryTextColour }, h("div", { class: "navigation" }, h("div", { class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { class: "sleeve" }, h("ul", null, this.tabHeadings.map(tab => (h("li", { onClick: this.clickTabHandler }, tab))))), h("div", { class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("div", { class: "entry-wrap" }, this.children.map(entry => (h("div", { class: "entry", "data-date": entry.date }, h("h4", { class: "title" }, entry.heading), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
+                this.entryTextColour }, h("div", { key: 'c1749936a1bd46e9129b4104ee1dacc867df5bc3', class: "navigation" }, h("div", { key: '23567e5b5f5792aea36a123f575565b2385d3e2f', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: 'c4e166fb4fce2fed406a61a3e540df0313c0caed', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '47ceb0e05d49a752b6ac517caeb0f569e797417f', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: 'e958f26ea6d5a360354cec3ec568072eeee89899', class: "sleeve" }, h("ul", { key: '17023a6c51fe88b2faa82f087b7e1bff1f2750f6' }, this.tabHeadings.map(tab => (h("li", { onClick: this.clickTabHandler }, tab))))), h("div", { key: '910aa9fe9731008f0818bab5d8cede9060d88fe1', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: '0c82c15b8d51ebd472a8dcbefd9d1e64205d3731', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '04d9c83bfe0c79336c2f99bcab035b015b2added', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("div", { key: '6e5cf8e897f40ebd05a3c77e1b1fb179d9c5c4e7', class: "entry-wrap" }, this.children.map(entry => (h("div", { class: "entry", "data-date": entry.date }, h("h4", { class: "title" }, entry.heading), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
     }
     get host() { return getElement(this); }
 };
@@ -1756,7 +1756,7 @@ const BiggiveTotalizer = class {
         });
     }
     render() {
-        return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", null, h("div", { class: "banner" }, h("div", { class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), h("div", { class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("div", { id: "sleeve_1", class: "sleeve" }, h("slot", { name: "ticker-items" })), h("div", { id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), h("div", { id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), h("div", { id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
+        return (h("div", { key: '4ecdacf74f838683944619c97ebb68744a0af5da', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '56264afd6331ab27e2016b3c53a2404d503726d4' }, h("div", { key: '1602eb2098650f4eef052e2670dc909cfbd0fac2', class: "banner" }, h("div", { key: '4e71eb72267f5f3c07e4ee300a13f9a739668f4a', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), h("div", { key: '0ec41320eefbabe9fb5e154b14f5e03e97a0ac8e', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("div", { key: 'd896541f9c20116b6f94452347622cac1857108c', id: "sleeve_1", class: "sleeve" }, h("slot", { key: '836d2b6fa73db83208b4c3f6944475932db73887', name: "ticker-items" })), h("div", { key: '541e3b3cea3be2e428e41ffa32ea4be1c4d05593', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '987778b55bf30fe3cd15e7c183108df699648a25', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '2ee144b6327c7333478bd608da341100f51bcde5', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
     }
     get host() { return getElement(this); }
 };
@@ -1772,7 +1772,7 @@ const BiggiveTotalizerTickerItem = class {
         this.label = undefined;
     }
     render() {
-        return (h("div", { class: "ticker-item" }, h("strong", null, this.figure), " ", this.label));
+        return (h("div", { key: 'afb95bb654892517ef199abcad04b888f13a596c', class: "ticker-item" }, h("strong", { key: 'afd8e3e88e4e6f008cd037b2dcd9a429d6cb108f' }, this.figure), " ", this.label));
     }
 };
 BiggiveTotalizerTickerItem.style = BiggiveTotalizerTickerItemStyle0;
@@ -1799,7 +1799,7 @@ const BiggiveVideoFeature = class {
     }
     render() {
         const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
-        return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
+        return (h("div", { key: '2de9c808246be7c2d40ef80c310a454988451489', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: 'd3c66d90fef509f7fe1e474f5f15908f4b4a3830', class: "sleeve" }, h("div", { key: 'b1d0e4b5e968c9891e5e9ff2691cfdf71de8c093', class: "content-wrap" }, h("div", { key: '89f74432a65211bf75cc834edb7359633b0e7d45', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: '4ab81ed2b88b79d49e7eae895fe001019a334a1a', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '046ba0757343f10f3e84b6f70cb6c377cc62aa42', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { key: '68cfe2bbff4996307240fbfa610cad410850f585', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
     }
 };
 BiggiveVideoFeature.style = BiggiveVideoFeatureStyle0;