@biggive/components 202401301136.0.0 → 202401301139.0.0

package/hydrate/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 /*!
- Stencil Mock Doc v4.11.0 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.12.0 | MIT Licensed | https://stenciljs.com
  */
 const CONTENT_REF_ID = 'r';
 const ORG_LOCATION_ID = 'o';
@@ -6659,7 +6659,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 
 
 const NAMESPACE = 'biggive';
-const BUILD = /* biggive */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: false, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: false, scoped: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: false, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: false };
+const BUILD = /* biggive */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: false, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: false, scoped: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: false };
 
 function queryNonceMetaTagContent(e) {
  var t, o, n;
@@ -6856,18 +6856,20 @@ const getAssetPath = e => {
 const createTime = (e, t = "") => {
  return () => {};
 }, SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}", EMPTY_OBJ = {}, isComplexType = e => "object" == (e = typeof e) || "function" === e, isPromise = e => !!e && ("object" == typeof e || "function" == typeof e) && "function" == typeof e.then, h = (e, t, ...o) => {
- let n = null, l = null, a = !1, r = !1;
+ let n = null, s = null, l = null, a = !1, r = !1;
  const i = [], d = t => {
   for (let o = 0; o < t.length; o++) n = t[o], Array.isArray(n) ? d(n) : null != n && "boolean" != typeof n && ((a = "function" != typeof e && !isComplexType(n)) ? n = String(n) : BUILD.isDev  , 
   a && r ? i[i.length - 1].$text$ += n : i.push(a ? newVNode(null, n) : n), r = a);
  };
- if (d(o), t && (t.name && (l = t.name), BUILD.vdomClass)) {
+ if (d(o), t && (t.key && (s = t.key), 
+ t.name && (l = t.name), BUILD.vdomClass)) {
   const e = t.className || t.class;
   e && (t.class = "object" != typeof e ? e : Object.keys(e).filter((t => e[t])).join(" "));
  }
  if ("function" == typeof e) return e(null === t ? {} : t, i, vdomFnUtils);
  const c = newVNode(e, null);
- return c.$attrs$ = t, i.length > 0 && (c.$children$ = i), (c.$name$ = l), c;
+ return c.$attrs$ = t, i.length > 0 && (c.$children$ = i), (c.$key$ = s), 
+ (c.$name$ = l), c;
 }, newVNode = (e, t) => {
  const o = {
   $flags$: 0,
@@ -6876,7 +6878,8 @@ const createTime = (e, t = "") => {
   $elm$: null,
   $children$: null
  };
- return (o.$attrs$ = null), (o.$name$ = null), o;
+ return (o.$attrs$ = null), (o.$key$ = null), 
+ (o.$name$ = null), o;
 }, Host = {}, isHost = e => e && e.$tag$ === Host, vdomFnUtils = {
  forEach: (e, t) => e.map(convertToPublic).forEach(t),
  map: (e, t) => e.map(convertToPublic).map(t).map(convertToPrivate)
@@ -6997,7 +7000,7 @@ const createTime = (e, t = "") => {
   } else if ("style" === t) {
    for (const t in o) n && null != n[t] || (e.style[t] = "");
    for (const t in n) o && n[t] === o[t] || (e.style[t] = n[t]);
-  } else if ("ref" === t) n && n(e); else if ((a ) || "o" !== t[0] || "n" !== t[1]) {
+  } else if ("key" === t) ; else if ("ref" === t) n && n(e); else if ((a ) || "o" !== t[0] || "n" !== t[1]) {
    {
     const i = isComplexType(n);
     if ((a || i && null !== n) && !s) try {
@@ -7062,19 +7065,24 @@ const createElm = (e, t, o, n) => {
    e["s-ol"] ? e["s-ol"].remove() : putBackInOriginalLocation(e, !0)), e.remove());
   }
  }
-}, isSameVnode = (e, t, o = !1) => e.$tag$ === t.$tag$ && ("slot" === e.$tag$ ? e.$name$ === t.$name$ : !(BUILD.vdomKey ) ), referenceNode = e => e && e["s-ol"] || e, parentReferenceNode = e => (e["s-ol"] ? e["s-ol"] : e).parentNode, patch = (e, t, o = !1) => {
+}, isSameVnode = (e, t, o = !1) => e.$tag$ === t.$tag$ && ("slot" === e.$tag$ ? e.$name$ === t.$name$ : !(!o) || e.$key$ === t.$key$), referenceNode = e => e && e["s-ol"] || e, parentReferenceNode = e => (e["s-ol"] ? e["s-ol"] : e).parentNode, patch = (e, t, o = !1) => {
  const n = t.$elm$ = e.$elm$, s = e.$children$, l = t.$children$, a = t.$tag$, r = t.$text$;
  let i;
  null !== r ? (i = n["s-cr"]) ? i.parentNode.textContent = r : e.$text$ !== r && (n.data = r) : ((isSvgMode = "svg" === a || "foreignObject" !== a && isSvgMode), 
  ("slot" === a || updateElement(e, t, isSvgMode)), 
  null !== s && null !== l ? ((e, t, o, n, s = !1) => {
-  let l, r = 0, i = 0, $ = t.length - 1, m = t[0], p = t[$], h = n.length - 1, f = n[0], u = n[h];
+  let l, a, r = 0, i = 0, d = 0, c = 0, $ = t.length - 1, m = t[0], p = t[$], h = n.length - 1, f = n[0], u = n[h];
   for (;r <= $ && i <= h; ) if (null == m) m = t[++r]; else if (null == p) p = t[--$]; else if (null == f) f = n[++i]; else if (null == u) u = n[--h]; else if (isSameVnode(m, f, s)) patch(m, f, s), 
   m = t[++r], f = n[++i]; else if (isSameVnode(p, u, s)) patch(p, u, s), p = t[--$], 
   u = n[--h]; else if (isSameVnode(m, u, s)) "slot" !== m.$tag$ && "slot" !== u.$tag$ || putBackInOriginalLocation(m.$elm$.parentNode, !1), 
   patch(m, u, s), e.insertBefore(m.$elm$, p.$elm$.nextSibling), m = t[++r], u = n[--h]; else if (isSameVnode(p, f, s)) "slot" !== m.$tag$ && "slot" !== u.$tag$ || putBackInOriginalLocation(p.$elm$.parentNode, !1), 
   patch(p, f, s), e.insertBefore(p.$elm$, m.$elm$), p = t[--$], f = n[++i]; else {
-   (l = createElm(t && t[i], o, i, e), f = n[++i]), 
+   if (d = -1, BUILD.vdomKey) for (c = r; c <= $; ++c) if (t[c] && null !== t[c].$key$ && t[c].$key$ === f.$key$) {
+    d = c;
+    break;
+   }
+   d >= 0 ? (a = t[d], a.$tag$ !== f.$tag$ ? l = createElm(t && t[i], o, d, e) : (patch(a, f, s), 
+   t[d] = void 0, l = a.$elm$), f = n[++i]) : (l = createElm(t && t[i], o, i, e), f = n[++i]), 
    l && (parentReferenceNode(m.$elm$).insertBefore(l, referenceNode(m.$elm$)) );
   }
   r > $ ? addVnodes(e, null == n[h + 1] ? null : n[h + 1].$elm$, o, n, i, h) : i > h && removeVnodes(t, r, $);
@@ -7527,7 +7535,7 @@ class BiggiveAccordion {
         }
     }
     render() {
-        return (hAsync("div", { class: 'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour }, hAsync("div", { class: "sleeve" }, this.children === undefined
+        return (hAsync("div", { key: 'ded1cf1eef6c83c9ed50860d7d2a281801441cf7', class: 'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour }, hAsync("div", { key: '2b9114d364ddd19b95f9c9c7f572c50bd2dd61e1', class: "sleeve" }, this.children === undefined
             ? []
             : this.children.map(entry => (hAsync("div", { class: "entry" }, hAsync("h3", { class: "heading", onClick: this.toggleSection, title: "Expand section" }, entry.heading, hAsync("span", { class: "arrow" }, hAsync("svg", { width: "15", height: "9", viewBox: "0 0 15 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M14.1074 0.999859L7.55357 7.55371L0.999718 0.99986", stroke: "black", "stroke-width": "2" })))), hAsync("div", { class: "content", innerHTML: entry.innerHTML })))))));
     }
@@ -7603,7 +7611,7 @@ class BiggiveArticleCard {
         this.clipTopRightCorner = true;
     }
     render() {
-        return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: 'sleeve background-colour-' +
+        return (hAsync("div", { key: '5335509dd674ea60650fc1c1cba5dac3409c9457', class: 'container space-below-' + this.spaceBelow }, hAsync("div", { key: '497197b96c3dcfd40b8bfa9546ac17c67112cd54', class: 'sleeve background-colour-' +
                 this.backgroundColour +
                 ' text-colour-black ' +
                 ' slug-colour-' +
@@ -7619,7 +7627,7 @@ class BiggiveArticleCard {
                 ' clip-bottom-left-corner-' +
                 this.clipBottomLeftCorner +
                 ' clip-top-right-corner-' +
-                this.clipTopRightCorner, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, hAsync("div", { class: "content-wrap" }, hAsync("div", { class: "meta" }, this.slug != '' ? hAsync("div", { class: "slug text-colour-primary" }, this.slug) : null, this.date != '' ? hAsync("div", { class: "date" }, this.date) : null), this.mainImageUrl != '' ? (hAsync("div", { class: "main-image-container" }, hAsync("div", { class: "image-wrap" }, hAsync("img", { src: this.mainImageUrl, alt: this.mainImageAltText })))) : null, hAsync("h3", { class: "title" }, hAsync("a", { href: this.buttonUrl }, this.mainTitle)), this.image1Url != '' || this.image2Url != '' ? (hAsync("div", { class: "image-group" }, this.image1Url != '' ? (hAsync("div", { class: "image-container" }, hAsync("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image1Url + "')" } }, hAsync("img", { src: this.image1Url, alt: this.image1AltText })))) : null, this.image2Url != '' ? (hAsync("div", { class: "image-container" }, hAsync("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image2Url + "')" } }, hAsync("img", { src: this.image2Url, alt: this.image2AltText })))) : null)) : null, this.imageLabel != '' ? hAsync("div", { class: "image-label" }, this.imageLabel) : null, this.buttonLabel != null && this.buttonUrl != null ? (hAsync("div", { class: "button-wrap align-right" }, hAsync("biggive-button", { "colour-scheme": 'clear-' + this.buttonColour, url: this.buttonUrl, label: this.buttonLabel }))) : null))));
+                this.clipTopRightCorner, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, hAsync("div", { key: 'e02a55a2b94147be042fce8de85c218df414145d', class: "content-wrap" }, hAsync("div", { key: '95485ea8d086b5f9816dfb263e7ad3593c908d8a', class: "meta" }, this.slug != '' ? hAsync("div", { class: "slug text-colour-primary" }, this.slug) : null, this.date != '' ? hAsync("div", { class: "date" }, this.date) : null), this.mainImageUrl != '' ? (hAsync("div", { class: "main-image-container" }, hAsync("div", { class: "image-wrap" }, hAsync("img", { src: this.mainImageUrl, alt: this.mainImageAltText })))) : null, hAsync("h3", { key: 'ce2448ed0e40e16d83dd17acf093713f7b412045', class: "title" }, hAsync("a", { key: '23f8349570f850182064a2b34a74014f1e02fdd9', href: this.buttonUrl }, this.mainTitle)), this.image1Url != '' || this.image2Url != '' ? (hAsync("div", { class: "image-group" }, this.image1Url != '' ? (hAsync("div", { class: "image-container" }, hAsync("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image1Url + "')" } }, hAsync("img", { src: this.image1Url, alt: this.image1AltText })))) : null, this.image2Url != '' ? (hAsync("div", { class: "image-container" }, hAsync("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image2Url + "')" } }, hAsync("img", { src: this.image2Url, alt: this.image2AltText })))) : null)) : null, this.imageLabel != '' ? hAsync("div", { class: "image-label" }, this.imageLabel) : null, this.buttonLabel != null && this.buttonUrl != null ? (hAsync("div", { class: "button-wrap align-right" }, hAsync("biggive-button", { "colour-scheme": 'clear-' + this.buttonColour, url: this.buttonUrl, label: this.buttonLabel }))) : null))));
     }
     static get style() { return BiggiveArticleCardStyle0; }
     static get cmpMeta() { return {
@@ -7663,7 +7671,7 @@ class BiggiveBackToTop {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync("div", { class: "container" }, hAsync("a", { href: "#" }, hAsync("img", { src: getAssetPath('assets/images/triangles-combined.svg') }), hAsync("span", { class: "text" }, "Back to top"))));
+        return (hAsync("div", { key: '8dddc9acaa44d83d4443cca0541b4384713f4633', class: "container" }, hAsync("a", { key: 'e5cbb847bedc6cbcd781c185d38dcd9560577c45', href: "#" }, hAsync("img", { key: '22dc0f1d222df7f2508eee40fc64df5c21e3e9ed', src: getAssetPath('assets/images/triangles-combined.svg') }), hAsync("span", { key: 'fde2f491296cb56670ab2f37b880995225f33e43', class: "text" }, "Back to top"))));
     }
     static get style() { return BiggiveBackToTopStyle0; }
     static get cmpMeta() { return {
@@ -7706,7 +7714,7 @@ class BiggiveBasicCard {
     }
     render() {
         const HeadingTag = `h${this.headingLevel}`;
-        return (hAsync("div", { class: 'container space-below-' +
+        return (hAsync("div", { key: 'e2845d8a967604cc97a24dae26893c86ee05ca5f', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -7715,7 +7723,7 @@ class BiggiveBasicCard {
                 ' clip-top-right-corner-' +
                 this.clipTopRightCorner +
                 ' add-animation-' +
-                this.addAnimation, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, hAsync("a", { href: this.buttonUrl }, hAsync("div", { class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, hAsync("div", { class: "content-wrap" }, this.icon == true ? (hAsync("div", { class: "icon" }, hAsync("svg", { width: "53", height: "39", viewBox: "0 0 53 39", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z", class: "fill-black" }), hAsync("path", { d: "M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z", class: 'fill-' + this.iconColour })))) : null, this.mainImageUrl != '' ? (hAsync("div", { class: "main-image-container" }, hAsync("div", { class: "image-wrap" }, hAsync("img", { src: this.mainImageUrl, alt: this.mainImageAltText, title: this.mainImageAltText })))) : null, hAsync(HeadingTag, { class: "title" }, this.mainTitle), hAsync("div", { class: "subtitle" }, this.subtitle), hAsync("div", { class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (hAsync("div", { class: 'button-wrap align-' + this.buttonAlign }, hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel }))) : null)))));
+                this.addAnimation, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, hAsync("a", { key: '970ae918ea3554bc577708280c839eaa506c8cb0', href: this.buttonUrl }, hAsync("div", { key: '7d4f3e9ebc683c50c3aa025aa0e71e56ccfb8bce', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, hAsync("div", { key: '671b23834d802a9995077f3af7956a2ab2dd5f84', class: "content-wrap" }, this.icon == true ? (hAsync("div", { class: "icon" }, hAsync("svg", { width: "53", height: "39", viewBox: "0 0 53 39", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z", class: "fill-black" }), hAsync("path", { d: "M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z", class: 'fill-' + this.iconColour })))) : null, this.mainImageUrl != '' ? (hAsync("div", { class: "main-image-container" }, hAsync("div", { class: "image-wrap" }, hAsync("img", { src: this.mainImageUrl, alt: this.mainImageAltText, title: this.mainImageAltText })))) : null, hAsync(HeadingTag, { key: '9c45c6f167bbfb3a7264d016ff10ad5c5a027c6e', class: "title" }, this.mainTitle), hAsync("div", { key: 'cd99e6157174f18756816af6497152416cede8b3', class: "subtitle" }, this.subtitle), hAsync("div", { key: 'dd804e05abfbd5e6bfbe00fc8c5b7c7c79baca29', class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (hAsync("div", { class: 'button-wrap align-' + this.buttonAlign }, hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel }))) : null)))));
     }
     static get style() { return BiggiveBasicCardStyle0; }
     static get cmpMeta() { return {
@@ -8222,7 +8230,7 @@ class BiggiveBeneficiaryIcon {
         return icon;
     }
     render() {
-        return (hAsync("div", { class: "container" }, hAsync("div", { class: 'beneficiary-icon-item background-colour-' + this.backgroundColour }, hAsync("a", { href: this.url }, hAsync("svg", { width: this.getBeneficiaryIcon().icon[0], height: this.getBeneficiaryIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getBeneficiaryIcon().icon[0] + ' ' + this.getBeneficiaryIcon().icon[1] }, hAsync("path", { d: this.getBeneficiaryIcon().icon[4].toString() })))), hAsync("div", { class: "label" }, this.label)));
+        return (hAsync("div", { key: 'b50e06c7174f4aa160b9c2f34b842bb5a630d010', class: "container" }, hAsync("div", { key: '28e605d66f5c46b3252526a0cdb29eeac60f06e9', class: 'beneficiary-icon-item background-colour-' + this.backgroundColour }, hAsync("a", { key: '163ecc6844f7769f2e8696565d3d36ddeaba9cba', href: this.url }, hAsync("svg", { key: 'e03796a2782a4b89d0c6be73ac8c2a546b23388f', width: this.getBeneficiaryIcon().icon[0], height: this.getBeneficiaryIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getBeneficiaryIcon().icon[0] + ' ' + this.getBeneficiaryIcon().icon[1] }, hAsync("path", { key: '93b8b98a4c79be0d376cfe8b14e2977c8c792e59', d: this.getBeneficiaryIcon().icon[4].toString() })))), hAsync("div", { key: '364bb552681ed80b68116162dde43633719e1fa5', class: "label" }, this.label)));
     }
     static get style() { return BiggiveBeneficiaryIconStyle0; }
     static get cmpMeta() { return {
@@ -8323,7 +8331,7 @@ class BiggiveBoxedContent {
         this.shadow = true;
     }
     render() {
-        return (hAsync("div", { class: 'container background-colour-' +
+        return (hAsync("div", { key: '514a5edbfeee33509e63941484400b8fb99d57f9', class: 'container background-colour-' +
                 this.backgroundColour +
                 ' space-below-' +
                 this.spaceBelow +
@@ -8332,7 +8340,7 @@ class BiggiveBoxedContent {
                 ' vertical-padding-' +
                 this.verticalPadding +
                 ' shadow-' +
-                this.shadow }, hAsync("slot", null)));
+                this.shadow }, hAsync("slot", { key: 'b2f653b6f1e3aed050264a3dc4fae71a31a80a43' })));
     }
     static get style() { return BiggiveBoxedContentStyle0; }
     static get cmpMeta() { return {
@@ -8366,7 +8374,7 @@ class BiggiveBrandedImage {
         this.charityUrl = undefined;
     }
     render() {
-        return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "slug" }, this.slug), this.imageUrl !== undefined && this.imageUrl !== null ? (hAsync("div", { class: "image-wrap" }, hAsync("img", { src: this.imageUrl }))) : null, this.logoUrl !== undefined && this.logoUrl !== null ? hAsync("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? hAsync("h3", { class: "title" }, this.charityName) : null, this.charityLocation !== undefined && this.charityLocation !== null ? hAsync("div", { class: "charity-info" }, this.charityLocation) : null));
+        return (hAsync("div", { key: '45bb58ecd06507d67e0e3607f60dbbb1d2a76fd6', class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "slug" }, this.slug), this.imageUrl !== undefined && this.imageUrl !== null ? (hAsync("div", { class: "image-wrap" }, hAsync("img", { src: this.imageUrl }))) : null, this.logoUrl !== undefined && this.logoUrl !== null ? hAsync("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? hAsync("h3", { class: "title" }, this.charityName) : null, this.charityLocation !== undefined && this.charityLocation !== null ? hAsync("div", { class: "charity-info" }, this.charityLocation) : null));
     }
     static get style() { return BiggiveBrandedImageStyle0; }
     static get cmpMeta() { return {
@@ -8413,7 +8421,7 @@ class BiggiveButton {
         // 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 (hAsync("div", { class: 'container space-below-' + this.spaceBelow + ' centered-' + this.centered }, hAsync("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() }, hAsync("span", { onClick: this.handleButtonClick }, this.label))));
+        return (hAsync("div", { key: 'd55858059bea2eb86fd5d80e92af9fcc9fbc25ea', class: 'container space-below-' + this.spaceBelow + ' centered-' + this.centered }, hAsync("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() }, hAsync("span", { key: '043bd6a0bb4a930cc5ef87fab0544b97dc0c1ddd', onClick: this.handleButtonClick }, this.label))));
     }
     static get style() { return BiggiveButtonStyle0; }
     static get cmpMeta() { return {
@@ -8465,7 +8473,7 @@ class BiggiveCallToAction {
         this.secondaryButtonColourScheme = 'primary';
     }
     render() {
-        return (hAsync("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "content-wrap" }, hAsync("div", { class: 'slug heading-' + this.slugSize + ' text-colour-' + this.slugColour }, this.slug), hAsync("h2", { class: 'title heading-' + this.mainTitleSize + ' text-colour-' + this.mainTitleColour }, this.mainTitle), hAsync("div", { class: 'slug heading-' + this.subtitleSize + ' text-colour-' + this.subtitleColour }, this.subtitle), hAsync("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.primaryButtonLabel != null && this.primaryButtonUrl != null ? (hAsync("div", { class: "button-wrap" }, hAsync("biggive-button", { "colour-scheme": this.primaryButtonColourScheme, url: this.primaryButtonUrl, label: this.primaryButtonLabel }))) : null, this.secondaryButtonLabel != null && this.secondaryButtonUrl != null ? (hAsync("div", { class: "button-wrap" }, hAsync("biggive-button", { "colour-scheme": this.secondaryButtonColourScheme, url: this.secondaryButtonUrl, label: this.secondaryButtonLabel }))) : null))));
+        return (hAsync("div", { key: 'e60e86429ceb4d0cf805d43a2ef3698097e88f68', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, hAsync("div", { key: '91e0334b2185a214d5eb46b10f2879b0a5c22199', class: "sleeve" }, hAsync("div", { key: 'd631b0c1750d6e8c54d15223d67f4e8389b73496', class: "content-wrap" }, hAsync("div", { key: 'd04b5f1c4b424cf8105d84f5883ef4191ce98bb7', class: 'slug heading-' + this.slugSize + ' text-colour-' + this.slugColour }, this.slug), hAsync("h2", { key: '3fe4d64ae4236ee956082b2552d34ece60e4bb68', class: 'title heading-' + this.mainTitleSize + ' text-colour-' + this.mainTitleColour }, this.mainTitle), hAsync("div", { key: '731f531a5d78ed5f939e7ca4d0785239fe966935', class: 'slug heading-' + this.subtitleSize + ' text-colour-' + this.subtitleColour }, this.subtitle), hAsync("div", { key: 'eea5215a144aa6364411c631d8db59ddc45f6b45', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.primaryButtonLabel != null && this.primaryButtonUrl != null ? (hAsync("div", { class: "button-wrap" }, hAsync("biggive-button", { "colour-scheme": this.primaryButtonColourScheme, url: this.primaryButtonUrl, label: this.primaryButtonLabel }))) : null, this.secondaryButtonLabel != null && this.secondaryButtonUrl != null ? (hAsync("div", { class: "button-wrap" }, hAsync("biggive-button", { "colour-scheme": this.secondaryButtonColourScheme, url: this.secondaryButtonUrl, label: this.secondaryButtonLabel }))) : null))));
     }
     static get style() { return BiggiveCallToActionStyle0; }
     static get cmpMeta() { return {
@@ -8533,7 +8541,7 @@ class BiggiveCampaignCard {
         return value === undefined || value === null || value === '';
     }
     render() {
-        return (hAsync("div", { class: 'container space-below-' + this.spaceBelow.toString() }, hAsync("div", { class: "sleeve" }, hAsync("div", { onClick: this.handleCardGeneralClick, class: "above-button-wrap" }, this.campaignType !== null ? (hAsync("div", { class: "campaign-type" }, hAsync("span", null, this.campaignType))) : null, this.banner !== null ? (hAsync("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.banner + ')' } })) : (hAsync("div", { class: "image-wrap banner" })), hAsync("div", { class: "title-wrap" }, hAsync("h3", null, this.campaignTitle), hAsync("div", { class: "organisation-name" }, "By ", this.organisationName)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (hAsync("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.primaryFigureLabel), hAsync("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.secondaryFigureLabel), hAsync("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? null : (hAsync("div", { class: "progress-bar-wrap" }, hAsync("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), hAsync("div", { class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (hAsync("div", { class: "msg-wrapper" }, hAsync("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? hAsync("p", null, "Launches ", this.datetime) : hAsync("p", null, "Closed ", this.datetime))) : (hAsync("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel })), hAsync("biggive-button", { "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
+        return (hAsync("div", { key: '8383f816181ea902732fc490d348e0b5960ff432', class: 'container space-below-' + this.spaceBelow.toString() }, hAsync("div", { key: '31fb7a6a11a347a7a4bb4755ba5d9a09a26be9a7', class: "sleeve" }, hAsync("div", { key: '28b948056d296e1bf9387864433906a5c96976e6', onClick: this.handleCardGeneralClick, class: "above-button-wrap" }, this.campaignType !== null ? (hAsync("div", { class: "campaign-type" }, hAsync("span", null, this.campaignType))) : null, this.banner !== null ? (hAsync("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.banner + ')' } })) : (hAsync("div", { class: "image-wrap banner" })), hAsync("div", { key: '1b316684a436c019936307ac86753dde6c073092', class: "title-wrap" }, hAsync("h3", { key: '6c5794bc18d0f6f7977a24410f8038300fa46f04' }, this.campaignTitle), hAsync("div", { key: 'd42b4fd4800d162d8ad83daddb2198e6a097acbc', class: "organisation-name" }, "By ", this.organisationName)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (hAsync("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.primaryFigureLabel), hAsync("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.secondaryFigureLabel), hAsync("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? null : (hAsync("div", { class: "progress-bar-wrap" }, hAsync("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), hAsync("div", { key: '95444c045dfadb58f02584accd5013abf9fa8006', class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (hAsync("div", { class: "msg-wrapper" }, hAsync("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? hAsync("p", null, "Launches ", this.datetime) : hAsync("p", null, "Closed ", this.datetime))) : (hAsync("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel })), hAsync("biggive-button", { key: 'e261bcc2c51296da7db737ada806bbc297d7d7fc', "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
     }
     static get style() { return BiggiveCampaignCardStyle0; }
     static get cmpMeta() { return {
@@ -8740,10 +8748,10 @@ class BiggiveCampaignCardFilterGrid {
     }
     render() {
         var _a;
-        return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "search-wrap" }, hAsync("h4", null, this.intro), hAsync("div", { class: "field-wrap" }, hAsync("div", { class: "input-wrap" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, hAsync("path", { d: faMagnifyingGlass.icon[4].toString() })), hAsync("input", { type: "text", value: (_a = this.searchText) !== null && _a !== void 0 ? _a : '', class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), hAsync("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), hAsync("div", { class: "sort-filter-wrap" }, hAsync("div", { class: "filter-wrap" }, hAsync("biggive-button", { class: "filter", colourScheme: "primary", onClick: this.handleFilterButtonClick, label: "Filter", fullWidth: true, "space-below": "0" }), hAsync("biggive-popup", { id: "filter-popup" }, hAsync("h4", { class: "space-above-0 space-below-3 text-colour-primary" }, "Filters"), hAsync("div", { class: "select-wrapper-1" }, hAsync("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" })), hAsync("div", { class: "select-wrapper-2" }, hAsync("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" })), hAsync("div", { class: "select-wrapper-3" }, hAsync("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" })), hAsync("div", { class: "select-wrapper-4" }, hAsync("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" })), hAsync("div", { class: "align-right" }, hAsync("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), hAsync("div", { class: "sort-wrap" }, hAsync("biggive-form-field-select", { options: [
+        return (hAsync("div", { key: 'a350ebc1ee5ca6ac46bd86282e17bac979509ad6', class: 'container space-below-' + this.spaceBelow }, hAsync("div", { key: 'a4383e299d558fa49603652d72d8ea64e725ec5c', class: "sleeve" }, hAsync("div", { key: '2e4604e9ed71877dd3d50034f46275b01e51e429', class: "search-wrap" }, hAsync("h4", { key: 'e48c6c83d83e53414993792f0ee355f04ff89ca1' }, this.intro), hAsync("div", { key: 'ab439d6d61efda938234ee78ef7a70177b529dd9', class: "field-wrap" }, hAsync("div", { key: 'fa4c6bb7b1edcebd14414ae22b9b82356f75eb87', class: "input-wrap" }, hAsync("svg", { key: '9d7729d070462356c53f20e4e2ba263af82d5862', xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, hAsync("path", { key: '0e5789bb4a1db2a3df0cd20a131d5e59d838599a', d: faMagnifyingGlass.icon[4].toString() })), hAsync("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 })), hAsync("biggive-button", { key: '56bb6438f976e88bb3ceeeba4047fd43cea4c610', onClick: this.handleSearchButtonPressed, label: this.buttonText }))), hAsync("div", { key: 'b579fbc0101dd50bf579bbfc8cdb5de5e5037db0', class: "sort-filter-wrap" }, hAsync("div", { key: 'fd39b0dbffd93d6372669ec1c87a7bc4910752b3', class: "filter-wrap" }, hAsync("biggive-button", { key: '44b08294f5c6896e9d46809bb7853797a8373ec6', class: "filter", colourScheme: "primary", onClick: this.handleFilterButtonClick, label: "Filter", fullWidth: true, "space-below": "0" }), hAsync("biggive-popup", { key: 'f2dcb9e7748791976925636150a54ee53113e410', id: "filter-popup" }, hAsync("h4", { key: '8272e2b3509fa6646450d452d7715d6ccd56baaa', class: "space-above-0 space-below-3 text-colour-primary" }, "Filters"), hAsync("div", { key: '0ee3ef2e80c93a93b4d0252fd4d3fd90f45693c4', class: "select-wrapper-1" }, hAsync("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" })), hAsync("div", { key: '4cd93a981100d234b09fc0d268a365ff9b12ddac', class: "select-wrapper-2" }, hAsync("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" })), hAsync("div", { key: '8dd57b330fc04fad24fbb34114198cba8fe1c5e4', class: "select-wrapper-3" }, hAsync("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" })), hAsync("div", { key: '1ad854d19d151b4f1729ddf624668f3b93199d6e', class: "select-wrapper-4" }, hAsync("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" })), hAsync("div", { key: 'bac86ef9c2d2af40844764301b9cb4a468281082', class: "align-right" }, hAsync("biggive-button", { key: 'ba7fa078d238fb2e7f2685a98d785d805a4bab46', label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), hAsync("div", { key: 'bffe3ada7c07f1cbab8562233b5e54ae22b46baf', class: "sort-wrap" }, hAsync("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" }, hAsync("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), hAsync("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), (this.searchText || '').length > 0 ? hAsync("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), hAsync("div", { class: "selected-filter-wrap" }, hAsync("div", { class: "selected-filters" }, this.selectedFilterCategory && (hAsync("span", { class: "button", onClick: () => {
+            ], prompt: null, "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, selectionChanged: this.sortBySelectionChanged, id: "sort-by" }, hAsync("biggive-form-field-select-option", { key: 'c10b4837e1649779d84a12058e50cbb819612b56', value: "amountRaised", label: "Most raised" }), hAsync("biggive-form-field-select-option", { key: 'f763852c725cc9170b92228dc41760eb6e2b26ac', value: "matchFundsRemaining", label: "Match funds remaining" }), (this.searchText || '').length > 0 ? hAsync("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), hAsync("div", { key: 'd328a038936d42996fec5f795eb7184587cfa264', class: "selected-filter-wrap" }, hAsync("div", { key: 'cfc88a3dea4c383d3c4c00c8d7bc9bc85b936b60', class: "selected-filters" }, this.selectedFilterCategory && (hAsync("span", { class: "button", onClick: () => {
                 this.removeFilter('categories');
             } }, this.selectedFilterCategory)), this.selectedFilterBeneficiary && (hAsync("span", { class: "button", onClick: () => {
                 this.removeFilter('beneficiaries');
@@ -8751,7 +8759,7 @@ class BiggiveCampaignCardFilterGrid {
                 this.removeFilter('locations');
             } }, this.selectedFilterLocation)), this.selectedFilterFunding && (hAsync("span", { class: "button", onClick: () => {
                 this.removeFilter('funding');
-            } }, this.selectedFilterFunding))), hAsync("div", { class: "clear-all" }, hAsync("a", { onClick: this.handleClearAll }, "Clear all"))), hAsync("div", { class: "campaign-grid" }, hAsync("slot", { name: "campaign-grid" })))));
+            } }, this.selectedFilterFunding))), hAsync("div", { key: 'e739816ea15b344b5296b8fc749187157eb636c1', class: "clear-all" }, hAsync("a", { key: '266d43091edbc0e5bc787f10bc68a218a30976f3', onClick: this.handleClearAll }, "Clear all"))), hAsync("div", { key: '3da7c5784499a276eb9257db7530c641f4829feb', class: "campaign-grid" }, hAsync("slot", { key: '1535a29f17ea02d9a0e439bc89005ae806212a5d', name: "campaign-grid" })))));
     }
     optionsToArray(options) {
         if (typeof options === 'string') {
@@ -8812,7 +8820,7 @@ class BiggiveCampaignHighlights {
         this.championUrl = undefined;
     }
     render() {
-        return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, this.campaignTitle != null ? (hAsync("div", { class: "campaign-title" }, hAsync("span", null, this.campaignTitle))) : null, this.banner !== null && this.banner !== undefined ? (hAsync("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, hAsync("img", { src: this.banner, class: "banner" }))) : null, hAsync("div", { class: "meta-wrap" }, hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.primaryFigureLabel), hAsync("span", { class: "text" }, this.primaryFigureAmount)), hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.secondaryFigureLabel), hAsync("span", { class: "text" }, this.secondaryFigureAmount))), hAsync("div", { class: "progress-bar-wrap" }, hAsync("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), hAsync("div", { class: "stat-wrap" }, this.primaryStatIcon != null ? (hAsync("div", { class: "stat-item" }, hAsync("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), hAsync("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (hAsync("div", { class: "stat-item" }, hAsync("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), hAsync("span", { class: "label" }, this.secondaryStatText))) : null), this.championName != null ? (hAsync("div", { class: "championed-by" }, "Championed by ", hAsync("a", { href: this.championUrl }, this.championName))) : null)));
+        return (hAsync("div", { key: 'bbcf49bd19fe377fea79696306c3d8c974c3bdbb', class: 'container space-below-' + this.spaceBelow }, hAsync("div", { key: '273cc1644ceabfa4f68cd6255d2941ddeadc6964', class: "sleeve" }, this.campaignTitle != null ? (hAsync("div", { class: "campaign-title" }, hAsync("span", null, this.campaignTitle))) : null, this.banner !== null && this.banner !== undefined ? (hAsync("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, hAsync("img", { src: this.banner, class: "banner" }))) : null, hAsync("div", { key: 'bd13271c2f3fc9b6f30457dfe3f6ead9d701558b', class: "meta-wrap" }, hAsync("div", { key: 'b1e347aa86b2f3d9a646fabafd8d94d154508c25', class: "meta-item" }, hAsync("span", { key: '90afeac11075c3aa494233ab62adda6c31c88d51', class: "label" }, this.primaryFigureLabel), hAsync("span", { key: '1f497d7b0ac5ec9c8b6c20631dfb6e50ab604de7', class: "text" }, this.primaryFigureAmount)), hAsync("div", { key: '1fd0cdd2ca5d8e1aa999a7a8496b0e95b21df03d', class: "meta-item" }, hAsync("span", { key: '8f0a3847f6a08eca563ddbb9141b8ec368efb900', class: "label" }, this.secondaryFigureLabel), hAsync("span", { key: 'af44f99e312ed388a2a1dd1f4288a21e696f5fbe', class: "text" }, this.secondaryFigureAmount))), hAsync("div", { key: '550372f0f76aad1ec11258af26ac9b5a28c8d0eb', class: "progress-bar-wrap" }, hAsync("biggive-progress-bar", { key: '3ed7e6cf230f549d09ef383b7d056f45a7d7e4fb', counter: this.progressBarCounter, "colour-scheme": "primary" })), hAsync("div", { key: '3fd133550c51fbfe62858467fc8b6589d17dd712', class: "stat-wrap" }, this.primaryStatIcon != null ? (hAsync("div", { class: "stat-item" }, hAsync("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), hAsync("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (hAsync("div", { class: "stat-item" }, hAsync("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), hAsync("span", { class: "label" }, this.secondaryStatText))) : null), this.championName != null ? (hAsync("div", { class: "championed-by" }, "Championed by ", hAsync("a", { href: this.championUrl }, this.championName))) : null)));
     }
     static get style() { return BiggiveCampaignHighlightsStyle0; }
     static get cmpMeta() { return {
@@ -8904,14 +8912,14 @@ class BiggiveCarousel {
         this.currentTab = newTab;
     }
     render() {
-        return (hAsync("div", { class: 'container column-count-' +
+        return (hAsync("div", { key: '9377f7a62408543e7eb814943e0a39e01d87e160', class: 'container column-count-' +
                 this.columnCount +
                 ' space-below-' +
                 this.spaceBelow +
                 ' button-background-colour-' +
                 this.buttonBackgroundColour +
                 ' button-icon-colour-' +
-                this.buttonIconColour }, hAsync("div", { class: "items" }, hAsync("div", { class: "sleeve" }, hAsync("slot", null))), hAsync("div", { class: "navigation" }, hAsync("div", { class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, hAsync("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), hAsync("div", { class: "button next", onClick: this.clickNextHandler, title: "Next" }, hAsync("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" }))))));
+                this.buttonIconColour }, hAsync("div", { key: 'cd5cf428c8120718335924fd52aa8c0dfda55348', class: "items" }, hAsync("div", { key: 'c48b64e3b589fdbd08d3d12b9b9d512d1f0bcee1', class: "sleeve" }, hAsync("slot", { key: '71f2f2e3bbfe9fb4203c4fb89da58ba723cfb027' }))), hAsync("div", { key: '2e1313240c95a46e56df38d171da330064451f83', class: "navigation" }, hAsync("div", { key: 'b51931d54dd1b4467655a9f889d7e0bcf4697dc5', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, hAsync("svg", { key: '14780dcd1a9c4f341271ab46e884f0b4466863fc', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '8e78202db305389daf814e173e9d166fef8f9ece', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), hAsync("div", { key: 'f8312e9165d39e1e1ff72aa79709074c09a22df1', class: "button next", onClick: this.clickNextHandler, title: "Next" }, hAsync("svg", { key: '9db8cb7bccf8b0de4e9bc665105acdfbffb7ab65', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'd777e136f2d479a8f046f6f51ea2b0925d9b13cd', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" }))))));
     }
     get host() { return getElement(this); }
     static get style() { return BiggiveCarouselStyle0; }
@@ -8949,7 +8957,7 @@ class BiggiveCategoryIcon {
         return icon;
     }
     render() {
-        return (hAsync("div", { class: "container" }, hAsync("div", { class: 'category-icon-item background-colour-' + this.backgroundColour }, hAsync("a", { href: this.url }, hAsync("svg", { width: this.getCategoryIcon().icon[0], height: this.getCategoryIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getCategoryIcon().icon[0] + ' ' + this.getCategoryIcon().icon[1] }, hAsync("path", { d: this.getCategoryIcon().icon[4].toString() })))), hAsync("div", { class: "label" }, this.label)));
+        return (hAsync("div", { key: '7e389fac9238aefc77512ae1f980e49b3eba4672', class: "container" }, hAsync("div", { key: '5ecfdf7c51d2e49a1ccc7083f1763af3068ff538', class: 'category-icon-item background-colour-' + this.backgroundColour }, hAsync("a", { key: '227a760e2041ac222caf6bfef39647cf6ab16962', href: this.url }, hAsync("svg", { key: '6abc97fe20959054433408468b4bbbc4638b82fd', width: this.getCategoryIcon().icon[0], height: this.getCategoryIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getCategoryIcon().icon[0] + ' ' + this.getCategoryIcon().icon[1] }, hAsync("path", { key: '5ddb5c11669c939676623417eba8573573d94763', d: this.getCategoryIcon().icon[4].toString() })))), hAsync("div", { key: 'eaee89c071a8152414238585616dbe50627526dc', class: "label" }, this.label)));
     }
     static get style() { return BiggiveCategoryIconStyle0; }
     static get cmpMeta() { return {
@@ -8998,7 +9006,7 @@ class BiggiveCookieBanner {
         this.blogUriPrefix = undefined;
     }
     render() {
-        return (hAsync("div", { class: "cooke-consent-container" }, hAsync("biggive-popup", { id: "cookie-preferences-popup" }, hAsync("div", { class: "content" }, hAsync("h4", { class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), hAsync("form", null, hAsync("div", { class: "radio-group" }, hAsync("h5", null, "Essential Cookies"), hAsync("p", null, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), hAsync("input", { type: "radio", name: "necassary", id: "necassary-off", disabled: true }), hAsync("label", { htmlFor: "necassary-on" }, "Off"), hAsync("input", { type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), hAsync("label", { htmlFor: "necassary-on" }, "On")), hAsync("div", { class: "radio-group" }, hAsync("h5", null, "Analytics & Testing Cookies"), hAsync("p", null, "We use analytics cookies to track activity on our website. For example, the pages you\u2019ve visited, the content you\u2019ve engaged with and the search terms you\u2019ve used. This allows us to personalise and improve our content."), hAsync("p", null, "We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance your user experience."), hAsync("input", { type: "radio", name: "a-and-t", id: "a-and-t-off", checked: true }), hAsync("label", { htmlFor: "a-and-t-off" }, "Off"), hAsync("input", { type: "radio", name: "a-and-t", id: "a-and-t-on" }), hAsync("label", { htmlFor: "a-and-t-on" }, "On")), hAsync("div", { class: "radio-group" }, hAsync("h5", null, "Third-party Cookies "), hAsync("p", null, "These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our donation experience survey."), hAsync("input", { type: "radio", name: "third-party", id: "third-party-off", checked: true }), hAsync("label", { htmlFor: "third-party-off" }, "Off"), hAsync("input", { type: "radio", name: "third-party", id: "third-party-on" }), hAsync("label", { htmlFor: "third-party-on" }, "On")), hAsync("biggive-button", { "space-below": "0", "space-above": "2", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept Selected Cookies", "open-in-new-tab": "false", "full-width": "false", size: "small", rounded: false, centered: false, "button-id": "accept-selected-button", onClick: this.handleAcceptSelectedCookies })))), hAsync("h2", null, "Our website uses cookies"), hAsync("p", null, "We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."), hAsync("p", null, hAsync("a", { href: this.blogUriPrefix + '/privacy' }, "Find out more in our Privacy Policy")), hAsync("div", { class: "button-group" }, hAsync("biggive-button", { onClick: this.handleAcceptAllClick, "space-below": "0", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "accept-all-button" }), hAsync("biggive-button", { onClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
+        return (hAsync("div", { key: 'eac18394950c4ad7af25bc9262828eb2d2b9d4c7', class: "cooke-consent-container" }, hAsync("biggive-popup", { key: 'af5e75e177f9e3bd35070adad5e0e7423f92cebf', id: "cookie-preferences-popup" }, hAsync("div", { key: '248e5f66c4c070eadef3a35c0dfd9076cf61de77', class: "content" }, hAsync("h4", { key: 'ba5335518b5205da5b4bc90c6190cf90015bd76a', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), hAsync("form", { key: 'e773e891d5322bd822901475c0c97ef844c5330c' }, hAsync("div", { key: 'b25fd1baff2cddb2956dead31af89f9e50acde52', class: "radio-group" }, hAsync("h5", { key: '495c06e4e3a330a9dab6887ba3668bfa976ff29d' }, "Essential Cookies"), hAsync("p", { key: '29290c9eb229e0b679d33f889e1ea6e502a41b68' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), hAsync("input", { key: '192ca2969405dbbc264e9e7b5c81161cf1f67444', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), hAsync("label", { key: '6e6e78e28ecc23e29b60dc9d727b3e2246b7906c', htmlFor: "necassary-on" }, "Off"), hAsync("input", { key: 'fc38cc15906313973b80b461e66c1b9013323976', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), hAsync("label", { key: '6d2361238d0c032fa064229f324709191390b4f5', htmlFor: "necassary-on" }, "On")), hAsync("div", { key: '855b8d5834feca40110b616671aaeaa6841656b9', class: "radio-group" }, hAsync("h5", { key: '8f3dd8ee846a2ea002c85d2d1c9b82732ff87918' }, "Analytics & Testing Cookies"), hAsync("p", { key: '341585f41b9603c7e7af2cf5cc5980692061531f' }, "We use analytics cookies to track activity on our website. For example, the pages you\u2019ve visited, the content you\u2019ve engaged with and the search terms you\u2019ve used. This allows us to personalise and improve our content."), hAsync("p", { key: '1824205acd1c31c1abf8d032dcf9bc1c034cd7d3' }, "We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance your user experience."), hAsync("input", { key: '27c7ecbf5f5d419f680bcca626fae462f13b88d7', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: true }), hAsync("label", { key: 'b80a7783c0832d2c55dafa2a3389da8c4cfdbe9b', htmlFor: "a-and-t-off" }, "Off"), hAsync("input", { key: 'e3cae161a7df550dae036fda3bd5cae69180394b', type: "radio", name: "a-and-t", id: "a-and-t-on" }), hAsync("label", { key: 'bcefc15012a9f4aa3ab8235a387523ea45d7effd', htmlFor: "a-and-t-on" }, "On")), hAsync("div", { key: '7f6611a789b4491390e7ef1c8987f88d3e9abf27', class: "radio-group" }, hAsync("h5", { key: '80995388585e051713acd51962cd49a9bfb326ce' }, "Third-party Cookies "), hAsync("p", { key: 'b47056965d52e623742dc93de79532edcb83058d' }, "These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our donation experience survey."), hAsync("input", { key: 'fe20268db432763c5eac81edee14fab6852d4f4b', type: "radio", name: "third-party", id: "third-party-off", checked: true }), hAsync("label", { key: '727aa44443b580bb69a63a5faa04105365edf9c7', htmlFor: "third-party-off" }, "Off"), hAsync("input", { key: '4d886dd596dd281a57567b07cd649e9927ce44f5', type: "radio", name: "third-party", id: "third-party-on" }), hAsync("label", { key: '9592d844e1539956c09c67a1ea93b78795a13f04', htmlFor: "third-party-on" }, "On")), hAsync("biggive-button", { key: 'd575180ed7f8cf291533eab6773a8c6bc2296828', "space-below": "0", "space-above": "2", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept Selected Cookies", "open-in-new-tab": "false", "full-width": "false", size: "small", rounded: false, centered: false, "button-id": "accept-selected-button", onClick: this.handleAcceptSelectedCookies })))), hAsync("h2", { key: 'ef79a0ab749a6a09328f6f08acfb6f55534713b0' }, "Our website uses cookies"), hAsync("p", { key: '0c563253e6698ae2c03d723f8763642e44fd3fe6' }, "We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."), hAsync("p", { key: '8b2536cde409b1e40263a0d4af7a67890c7f9458' }, hAsync("a", { key: '919733e7cbe3841009fe89faf69c2002cc82cf72', href: this.blogUriPrefix + '/privacy' }, "Find out more in our Privacy Policy")), hAsync("div", { key: 'afa3d41db3be482f5caafd6a3769cb0771bbabba', class: "button-group" }, hAsync("biggive-button", { key: '9decb727d60a1460043b5e77ed85f4a473643a62', onClick: this.handleAcceptAllClick, "space-below": "0", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "accept-all-button" }), hAsync("biggive-button", { key: '604be2bc1aa782b8fa270c0eca691da069c9ef92', onClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
     }
     get el() { return getElement(this); }
     static get style() { return BiggiveCookieBannerStyle0; }
@@ -9097,7 +9105,7 @@ class BiggiveFilteredCarousel {
         }
     }
     render() {
-        return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "filters" }), hAsync("biggive-carousel", { "space-below": "1", "column-count": this.columnCount, "button-background-colour": this.buttonBackgroundColour, "button-icon-colour": this.buttonIconColour })));
+        return (hAsync("div", { key: '291c6780a1f91d24afeaded1822cd91d74a18a78', class: 'container space-below-' + this.spaceBelow }, hAsync("div", { key: 'aed0a314d00a43e56c560462659fad3ce7af17cc', class: "filters" }), hAsync("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); }
     static get style() { return BiggiveFilteredCarouselStyle0; }
@@ -9183,7 +9191,7 @@ class BiggiveForm {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, null, hAsync("slot", null)));
+        return (hAsync(Host, { key: '61e42ef8d247441ac261f691293eb1dbf4717c68' }, hAsync("slot", { key: '2ba931b696edce24a081e1118075a9fd5f3fb0dd' })));
     }
     static get style() { return BiggiveFormStyle0; }
     static get cmpMeta() { return {
@@ -9239,12 +9247,12 @@ class BiggiveFormFieldSelect {
             console.error('options undefined');
             options = [];
         }
-        return (hAsync("div", { class: "selectWrapper" }, hAsync("label", { class: greyIfRequired }, hAsync("div", { class: 'prompt' + greyIfRequired }, this.prompt), hAsync("div", { class: 'dropdown space-below-' +
+        return (hAsync("div", { key: '8c61a000b390d49c61d2cc39a904b081d02dc97e', class: "selectWrapper" }, hAsync("label", { key: '332afbc6d70acea35a61cf852eab68bc28b257e6', class: greyIfRequired }, hAsync("div", { key: '37466cccb159f8ebaab0fd96b7cb9d9ac48de982', class: 'prompt' + greyIfRequired }, this.prompt), hAsync("div", { key: 'e50addae238a2a9d886a1bd9d57d4cf0c0ac68b8', class: 'dropdown space-below-' +
                 this.spaceBelow +
                 ' select-style-' +
                 this.selectStyle +
                 (this.prompt === null ? '  noprompt' : '') +
-                (this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, hAsync("div", { class: "sleeve" }, hAsync("select", { class: greyIfRequired, onChange: this.doOptionSelectCompletedHandler }, options.map(option => (hAsync("option", { selected: this.selectedValue === option.value, value: option.value }, option.label)))), hAsync("div", { class: "arrow" }))))));
+                (this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, hAsync("div", { key: 'ac0bccda5054609a99131b3e78eed47fbb3cb7e5', class: "sleeve" }, hAsync("select", { key: '397439de8ca10ac7807aac3c429765034ce7e5e6', class: greyIfRequired, onChange: this.doOptionSelectCompletedHandler }, options.map(option => (hAsync("option", { selected: this.selectedValue === option.value, value: option.value }, option.label)))), hAsync("div", { key: 'fb7b32d3e79c00620742c3b96e403626d266c17e', class: "arrow" }))))));
     }
     get el() { return getElement(this); }
     static get style() { return BiggiveFormFieldSelectStyle0; }
@@ -9280,7 +9288,7 @@ class BiggiveFormattedText {
         this.maxWidth = 100;
     }
     render() {
-        return (hAsync("div", { class: 'container max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, hAsync("slot", null)));
+        return (hAsync("div", { key: '65fa6b3c1743e95a1b5399ef5fc8867a4be511f2', class: 'container max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, hAsync("slot", { key: 'a83067e64d5bfb14f3ac960491ff5b1dc8ee3c56' })));
     }
     static get style() { return BiggiveFormattedTextStyle0; }
     static get cmpMeta() { return {
@@ -9329,7 +9337,7 @@ class BiggiveGenericIcon {
         const iconDefinition = this.getIconDefinition();
         return (
         // Note: the icon name prop is set as a css class too for any styling specific to certain icons
-        hAsync("div", { class: 'generic-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, hAsync("a", { href: this.url }, iconDefinition ? (hAsync("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] }, hAsync("path", { d: iconDefinition.icon[4].toString() }))) : null)));
+        hAsync("div", { key: 'c2621eea3c827f134c0671100acfda8d5d06feb1', class: 'generic-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, hAsync("a", { key: '73450b9fe36f1d41a6cbab3c37fd127d615dd62e', href: this.url }, iconDefinition ? (hAsync("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] }, hAsync("path", { d: iconDefinition.icon[4].toString() }))) : null)));
     }
     static get style() { return BiggiveGenericIconStyle0; }
     static get cmpMeta() { return {
@@ -9360,7 +9368,7 @@ class BiggiveGrid {
         this.columnGap = 0;
     }
     render() {
-        return (hAsync("div", { class: 'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '') }, hAsync("slot", null)));
+        return (hAsync("div", { key: 'c66fde1029db1c5a4f9e516e84ca81cf0fa11492', class: 'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '') }, hAsync("slot", { key: '64d67dd5b4dfb600547e3c791f582f62a029fa24' })));
     }
     static get style() { return BiggiveGridStyle0; }
     static get cmpMeta() { return {
@@ -9396,7 +9404,7 @@ class BiggiveHeading {
     }
     render() {
         const Tag = this.htmlElement;
-        return (hAsync("div", { class: 'container align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, hAsync(Tag, { class: 'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size }, this.icon ? (hAsync("svg", { viewBox: "0 0 102 88" }, hAsync("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), hAsync("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 (hAsync("div", { key: '76099648e37d30f39496f2fda26e7f439e1aafa6', class: 'container align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, hAsync(Tag, { key: '38c757bfa7826bfedba74e6c3b8952a1bdb5c267', class: 'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size }, this.icon ? (hAsync("svg", { viewBox: "0 0 102 88" }, hAsync("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), hAsync("path", { d: "M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n         h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n         c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n         c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n         c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n         c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n         c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n          M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n         c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n         C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n         C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n         c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z" }))) : null, this.text)));
     }
     static get style() { return BiggiveHeadingStyle0; }
     static get cmpMeta() { return {
@@ -9446,9 +9454,9 @@ class BiggiveHeroImage {
     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 (hAsync("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (hAsync("div", { class: 'logo image-wrap logo-height-' + this.logoHeight }, hAsync("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : hAsync("div", { class: 'logo-space logo-height-' + this.logoHeight }), hAsync("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), hAsync("h1", { class: mainTitleClasses }, this.mainTitle), hAsync("div", { class: teaserClasses }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
+        return (hAsync("div", { key: '51eae2f7639b37e2327eebe0552df24b518dfd96', class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, hAsync("div", { key: '8b9e4c4ce89be8143d38ef3d885a270e5b339b76', class: "sleeve" }, hAsync("div", { key: '4d33f3a05b74c4a7631768bfbbd5aba9c8fcd29d', class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (hAsync("div", { class: 'logo image-wrap logo-height-' + this.logoHeight }, hAsync("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : hAsync("div", { class: 'logo-space logo-height-' + this.logoHeight }), hAsync("div", { key: '05a1e4a6916fe0e68a5638d5e0063722ee5759ee', class: 'slug text-colour-' + this.slugColour }, this.slug), hAsync("h1", { key: '7909befe609598ff5d49938f25a6be6c633a8b99', class: mainTitleClasses }, this.mainTitle), hAsync("div", { key: 'd1aafc85095a78e35ad9953c65c902ef19065e4f', class: teaserClasses }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
             ? hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
-            : null), hAsync("div", { class: "graphic-wrap" }, this.mainImage !== null ? (hAsync("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } })) : null))));
+            : null), hAsync("div", { key: 'd047cb700bf0762eac923eed2d00098d8b288c73', class: "graphic-wrap" }, this.mainImage !== null ? (hAsync("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } })) : null))));
     }
     static get style() { return BiggiveHeroImageStyle0; }
     static get cmpMeta() { return {
@@ -9508,7 +9516,7 @@ class BiggiveIconButton {
         this.buttonId = undefined;
     }
     render() {
-        return (hAsync("div", { class: 'container space-below-' +
+        return (hAsync("div", { key: '862fcf4cee61f51880320c383e7fc382785a0d8b', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -9519,7 +9527,7 @@ class BiggiveIconButton {
                 ' rounded-' +
                 this.rounded +
                 ' shadow-' +
-                this.shadow }, hAsync("a", { href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, hAsync("div", { class: "sleeve", onClick: this.handleButtonClick }, hAsync("div", { class: 'icon-wrap ' + ' size-' + this.size + ' circle-' + this.circle.toString() }, hAsync("biggive-generic-icon", { iconGroup: this.iconGroup, icon: this.icon })), this.text != '' ? hAsync("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (hAsync("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, hAsync("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
+                this.shadow }, hAsync("a", { key: '1725180d38ebfce942f8ee48ac1bac322116daa1', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, hAsync("div", { key: 'dca904c7e12458e6667d5b49b4e4b537504a8a53', class: "sleeve", onClick: this.handleButtonClick }, hAsync("div", { key: '4801d6d9726fd8ecc158e3bd6810f10d52f4fc93', class: 'icon-wrap ' + ' size-' + this.size + ' circle-' + this.circle.toString() }, hAsync("biggive-generic-icon", { key: 'b80b264567f2a1ba637bcbf67c7346b6a0e1ddda', iconGroup: this.iconGroup, icon: this.icon })), this.text != '' ? hAsync("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (hAsync("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, hAsync("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
     }
     static get style() { return BiggiveIconButtonStyle0; }
     static get cmpMeta() { return {
@@ -9560,7 +9568,7 @@ class BiggiveIconGroup {
         this.label = undefined;
     }
     render() {
-        return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, this.label != null ? hAsync("div", { class: "label" }, this.label) : null, hAsync("div", { class: "sleeve" }, hAsync("slot", null))));
+        return (hAsync("div", { key: 'f1536345e3b8ecbf26cf568121886ce541c46a0f', class: 'container space-below-' + this.spaceBelow }, this.label != null ? hAsync("div", { class: "label" }, this.label) : null, hAsync("div", { key: '80d5d99cf678e09674c0753900313245eaf7735d', class: "sleeve" }, hAsync("slot", { key: 'f32c4d27c005a647b75eb614736512064cc3174c' }))));
     }
     static get style() { return BiggiveIconGroupStyle0; }
     static get cmpMeta() { return {
@@ -9605,7 +9613,7 @@ class BiggiveImage {
         return height;
     }
     render() {
-        return (hAsync("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, hAsync("div", { class: "image-wrap" }, hAsync("img", { src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
+        return (hAsync("div", { key: 'ba7747f78d982ae47eae6f8b49714a8dedf989eb', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, hAsync("div", { key: '87dec86421ba55dc8d444b21c64dbd14d1d6ec63', class: "image-wrap" }, hAsync("img", { key: 'ce857d2e521af7b402ca31fb92fe6a2e7f4aa7ba', src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
     }
     static get style() { return BiggiveImageStyle0; }
     static get cmpMeta() { return {
@@ -9655,7 +9663,7 @@ class BiggiveImageButton {
         this.buttonId = undefined;
     }
     render() {
-        return (hAsync("div", { class: 'container space-below-' +
+        return (hAsync("div", { key: 'ed976c8a12c3ba52c2a458e829ed76a7373dca8f', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -9666,7 +9674,7 @@ class BiggiveImageButton {
                 ' rounded-' +
                 this.rounded +
                 ' shadow-' +
-                this.shadow }, hAsync("a", { href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, hAsync("div", { class: "sleeve", onClick: this.handleButtonClick }, hAsync("div", { class: 'image-wrap ' + ' image-style-' + this.imageStyle + ' size-' + this.size + ' circle-' + this.circle.toString(), style: { backgroundImage: 'url(' + this.imageUrl + ')' } }), this.text != '' ? hAsync("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (hAsync("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, hAsync("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
+                this.shadow }, hAsync("a", { key: '8102ea4712f85790b326d491bcb0ee9a0aefa5bf', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, hAsync("div", { key: '221a7152156fe96634f33386d9c6b3b86b6ad22b', class: "sleeve", onClick: this.handleButtonClick }, hAsync("div", { key: '8ceb2049734f68d3e30d979418eb034f24bd7fcb', class: 'image-wrap ' + ' image-style-' + this.imageStyle + ' size-' + this.size + ' circle-' + this.circle.toString(), style: { backgroundImage: 'url(' + this.imageUrl + ')' } }), this.text != '' ? hAsync("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (hAsync("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, hAsync("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
     }
     static get style() { return BiggiveImageButtonStyle0; }
     static get cmpMeta() { return {
@@ -9720,7 +9728,7 @@ class BiggiveImageCard {
         this.addAnimation = false;
     }
     render() {
-        return (hAsync("div", { class: 'container space-below-' +
+        return (hAsync("div", { key: '867423df605fab9e18d1d4e03f4a417ecbb0ddd6', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -9729,7 +9737,7 @@ class BiggiveImageCard {
                 ' clip-top-right-corner-' +
                 this.clipTopRightCorner +
                 ' add-animation-' +
-                this.addAnimation }, hAsync("a", { href: this.buttonUrl }, hAsync("div", { class: 'sleeve text-colour-' + this.teaserColour + ' text-align-' + this.textAlign }, hAsync("div", { class: "content-wrap" }, this.mainImageUrl != '' ? (hAsync("div", { class: "main-image-container" }, hAsync("div", { class: "image-wrap" }, hAsync("img", { src: this.mainImageUrl, alt: this.mainImageAltText, title: this.mainImageAltText })))) : null, hAsync("div", { class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (hAsync("div", { class: 'button-wrap align-' + this.buttonAlign }, hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, label: this.buttonLabel }))) : null)))));
+                this.addAnimation }, hAsync("a", { key: 'b61e8b6afbeb9f6782f39982c13b41df2588e6e1', href: this.buttonUrl }, hAsync("div", { key: '18a73aecfc8be119ef290bf40ada258907edeec5', class: 'sleeve text-colour-' + this.teaserColour + ' text-align-' + this.textAlign }, hAsync("div", { key: '746c80db40e35e4b8572af007c5ebcb64bf6fda1', class: "content-wrap" }, this.mainImageUrl != '' ? (hAsync("div", { class: "main-image-container" }, hAsync("div", { class: "image-wrap" }, hAsync("img", { src: this.mainImageUrl, alt: this.mainImageAltText, title: this.mainImageAltText })))) : null, hAsync("div", { key: '4bcb94c72f567dd3c7c5fe6f2ed27053e1720f57', class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (hAsync("div", { class: 'button-wrap align-' + this.buttonAlign }, hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, label: this.buttonLabel }))) : null)))));
     }
     static get style() { return BiggiveImageCardStyle0; }
     static get cmpMeta() { return {
@@ -9779,7 +9787,7 @@ class BiggiveImageFeature {
         this.buttonColourScheme = 'primary';
     }
     render() {
-        return (hAsync("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "content-wrap" }, hAsync("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), hAsync("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), hAsync("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), hAsync("div", { class: "graphic-wrap" }, this.imageUrl !== null && this.imageUrl !== undefined ? (hAsync("div", { class: "image-wrap" }, hAsync("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
+        return (hAsync("div", { key: '47f2c7be28c00543435f9a21b366f5ce20884bac', class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, hAsync("div", { key: '75b269e9759f6322c5f9c11ac2e060e800ca81ab', class: "sleeve" }, hAsync("div", { key: '476338f896df9caf436a1f94c04ce534698729bf', class: "content-wrap" }, hAsync("div", { key: '6e963af710cc483b741e9da1ce82de3693fec1c6', class: 'slug text-colour-' + this.slugColour }, this.slug), hAsync("h2", { key: '2ffb529a60433941df8eba6a654179f4157eb772', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), hAsync("div", { key: 'd1931877216cbd029a6c7a1a8c2e45f1a058824a', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), hAsync("div", { key: '559888ead06735b7926106f626500088cd6e3bb7', class: "graphic-wrap" }, this.imageUrl !== null && this.imageUrl !== undefined ? (hAsync("div", { class: "image-wrap" }, hAsync("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
     }
     static get style() { return BiggiveImageFeatureStyle0; }
     static get cmpMeta() { return {
@@ -9896,7 +9904,7 @@ class BiggiveMainMenu {
         const now = new Date();
         const ccIsOpenNowIsh = now > CCOpenDate && now < CCCloseDate;
         const homePageLink = ccIsOpenNowIsh ? '/?noredirect' : '/';
-        return (hAsync(Host, null, hAsync("div", { class: "row row-top" }, hAsync("div", { class: "social-icon-wrap" }, hAsync("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), hAsync("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), hAsync("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), hAsync("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), hAsync("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), hAsync("div", { class: "nav-secondary" }, this.getSecondaryNavLinks())), hAsync("nav", { role: "navigation", "aria-label": "Main Menu" }, hAsync("div", { class: "navbar" }, hAsync("div", { class: "logo" }, hAsync("a", { href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, hAsync("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, hAsync("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" }), hAsync("path", { d: "M13.5,1l13.5,23H0L13.5,1z" })))), hAsync("biggive-misc-icon", { class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), hAsync("div", { class: "nav-links" }, hAsync("div", { class: "sidebar-logo" }, hAsync("a", { href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, hAsync("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, hAsync("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" }), hAsync("path", { d: "M13.5,1l13.5,23H0L13.5,1z" }))), hAsync("biggive-misc-icon", { class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), hAsync("div", { id: "nav-primary" }, hAsync("ul", { class: "links", slot: "nav-primary" }, hAsync("li", null, hAsync("a", { href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), hAsync("li", null, hAsync("a", { onClick: this.noNav }, "Match Funding", hAsync("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), hAsync("ul", { class: "sub-menu" }, hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), hAsync("li", { class: "more" }, hAsync("a", { onClick: this.noNav }, "Match Funding Opportunities", hAsync("biggive-misc-icon", { class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), hAsync("ul", { class: "sub-sub-menu" }, hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green-match" }, "Green Match Fund")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), hAsync("li", null, hAsync("a", { onClick: this.noNav }, "About Us", hAsync("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), hAsync("ul", { class: "sub-menu" }, hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), hAsync("li", null, hAsync("a", { onClick: this.noNav }, "Resources", hAsync("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), hAsync("ul", { class: "sub-menu" }, hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), hAsync("div", { class: "mobile-only" }, this.getSecondaryNavLinks())), hAsync("div", { class: "mobile-social-icon-wrap mobile-only" }, hAsync("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), hAsync("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), hAsync("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), hAsync("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), hAsync("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
+        return (hAsync(Host, { key: '01b6977555e1d2b9bd161be5190bd3e361ac8037' }, hAsync("div", { key: '31e8ca22cc62c21589db0ebcc21726b10ed1bcdc', class: "row row-top" }, hAsync("div", { key: '0d344398706f0bbe6cb5fabf84d72898c875ae7d', class: "social-icon-wrap" }, hAsync("biggive-social-icon", { key: 'fcbc74608f130dfa2d69b19c55f995681ba50b64', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), hAsync("biggive-social-icon", { key: '5fde3a2b4398ef7885aca8289b1215ff60ffac54', service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), hAsync("biggive-social-icon", { key: 'cef1a14ed505fde41d6a750d99274a81d94dc990', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), hAsync("biggive-social-icon", { key: 'a34775707502d12eaec3a628055823371aff5f59', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), hAsync("biggive-social-icon", { key: '8c6898116d3a7fdac55a3ac0ceee82e1f0097449', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), hAsync("div", { key: '253f494386db48d2e421ffc2ccc6f455a13a01e2', class: "nav-secondary" }, this.getSecondaryNavLinks())), hAsync("nav", { key: '1e720db0e281f9d2d8f87eb9e99c388e4eacd40e', role: "navigation", "aria-label": "Main Menu" }, hAsync("div", { key: '8c249e629da715a31a5d89e669246c2e2fa4cee7', class: "navbar" }, hAsync("div", { key: 'a07c43521cf488d4758859540f725e71e9b6db53', class: "logo" }, hAsync("a", { key: '9cd34ce2455de9020ed300939279796eaa23e03e', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, hAsync("svg", { key: 'a9e49ba2372db74f8c4eda56ae7b6faecc7359ef', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, hAsync("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" }), hAsync("path", { key: '2c09808e46598cdd58c61f629da1ebe2f9cbff43', d: "M13.5,1l13.5,23H0L13.5,1z" })))), hAsync("biggive-misc-icon", { key: '5027ac056f3e4a74af469e8d4ff8732f1c48e2b3', class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), hAsync("div", { key: '6a157f71f4e9bda65f6c7c44ee34b2155724b635', class: "nav-links" }, hAsync("div", { key: '35bdae9c89303aa485a6eb174b81a481690969bd', class: "sidebar-logo" }, hAsync("a", { key: '52ac393c1a4e3dcdade06d8038f7c5bda106dbe7', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, hAsync("svg", { key: 'a20a7184357f720f5e40ac2202355aeda4ad7222', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, hAsync("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" }), hAsync("path", { key: '4988a4e9f6da8bfa56ec4414a14635d5dadda8ab', d: "M13.5,1l13.5,23H0L13.5,1z" }))), hAsync("biggive-misc-icon", { key: '45590bba27208e81ef613224ba7dca8f2244c329', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), hAsync("div", { key: '9b8c3be2fed0dae256f95526478e80f497e82a8c', id: "nav-primary" }, hAsync("ul", { key: '1a730504edaeb1159bcf212aec016a63a2bb232a', class: "links", slot: "nav-primary" }, hAsync("li", { key: '10bd66f1f9cf3a7ac8cc89a229a681485bbcab4f' }, hAsync("a", { key: '8964f32da83a81c1c3adddc3565fe840d0abc8a2', href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), hAsync("li", { key: '202afb17ed628de8d93bdd7b349d0bd0ce1bf27d' }, hAsync("a", { key: 'a9333003c541366001a8f52745a41906c402d450', href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), hAsync("li", { key: '736d56c2d5ab448c0c0f49cff54a726616b4f0b9' }, hAsync("a", { key: '84a5b2ebe485ba341540153c92e0b0e815b865d9', href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), hAsync("li", { key: '52ea1ae1c8fecbe80e9dfea5f91ba1163254a405' }, hAsync("a", { key: '8f5181fa256e94b5b97aac54c20a8002e308aeb2', onClick: this.noNav }, "Match Funding", hAsync("biggive-misc-icon", { key: 'fea269093fa461850d92641ee7c2508db1c9cf81', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), hAsync("ul", { key: 'c1363dba4d420c341eef3744216725a96d1a9a3d', class: "sub-menu" }, hAsync("li", { key: '5355f1ef2e9a4dfad72befeaca59b0736d9a809a' }, hAsync("a", { key: '0cac5abc01a8f2501d5e73b22f49fb13b84cb000', href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), hAsync("li", { key: '68301de4c7bda7fd3c2315bcc9bfcf01472ef656' }, hAsync("a", { key: '485c05ac07bdb4f6b2fa5571a5c03070a983f486', href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), hAsync("li", { key: '9d1f45709734135a02ade30f9f3399e0d1545436', class: "more" }, hAsync("a", { key: '50b491256f8e46c8bd851fefbfdb3bb58b0d0ff5', onClick: this.noNav }, "Match Funding Opportunities", hAsync("biggive-misc-icon", { key: '31d847c08020e3287f166a575304f4004ac542ab', class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), hAsync("ul", { key: '12a76d3fb8003a880da825d2965f28b5e0d7c42c', class: "sub-sub-menu" }, hAsync("li", { key: '8355d2680db6084564046cf856e14ae18e153fe8' }, hAsync("a", { key: 'ae330ddbb335718058998fafb08f40237cd932cb', href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), hAsync("li", { key: 'e78cbfb36e4992f88c14ad44ec1c66f85abbe310' }, hAsync("a", { key: '86a89de072d0f41d6b1faf0198f52dd7bcb67ece', href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), hAsync("li", { key: '96001a7b8d739e95d8c9445d541d27c3671e4507' }, hAsync("a", { key: 'fadbe6d74f011db4f5d81c32a9c2614a6f0336f0', href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green-match" }, "Green Match Fund")), hAsync("li", { key: 'e5f359da54448e4fe656607f4d94419ef4090e08' }, hAsync("a", { key: 'cd8e71e578e46eae56d5ef13659a5b35db51f3fb', href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), hAsync("li", { key: '266f08be6fcee26d90bacd60126e5d8f5615db1e' }, hAsync("a", { key: 'e0fd1c0aa0c38d7932890532a18d33978642088d', href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), hAsync("li", { key: '26df2f65dc2841ee9c5a53aad26ac6e2f3dda630' }, hAsync("a", { key: 'b51da690d37414ac8168d1fbe9f2d1238d28d922', href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), hAsync("li", { key: '607d475079a49f443473e4fddb1fc46a251dd48b' }, hAsync("a", { key: '1071ceed9b98f25d848e726a1d320d9d2cf42c4d', href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), hAsync("li", { key: 'd8fa4e096b3a3edc16937c19874958ac407f0a86' }, hAsync("a", { key: 'befd68f40db7a1baf8fb0c073c4cbb6e76b839a8', href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), hAsync("li", { key: '433f230dfe0ae5abd85b5fb4958ff1800b5eeabb' }, hAsync("a", { key: 'e1cdc3ca65e1bfb061d0f2cae273153e922e6fdc', href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), hAsync("li", { key: '311ba6de931643a00f66cdea8fc97043157bf6e6' }, hAsync("a", { key: '241a338119eeb624388391ec5ad21c99c9c9dcc5', onClick: this.noNav }, "About Us", hAsync("biggive-misc-icon", { key: '73dec108c26e5aec21a30bae298d249d35916882', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), hAsync("ul", { key: '22148e7da10bfa14ce3d86abaf7b465360218b48', class: "sub-menu" }, hAsync("li", { key: '09ce25ac1c2c952b24cdf70f751716d2ff9b17f6' }, hAsync("a", { key: '780cfb6c3a39a5302da8c2e01056280f62087a92', href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), hAsync("li", { key: 'eeca4d56b25fef083dfafc5024fa8dce2b918913' }, hAsync("a", { key: '533d7baeb331407fe7260ea40fb826a105d14508', href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), hAsync("li", { key: 'dcb09e91b91e60094fd6181de4a4077ec547c6c9' }, hAsync("a", { key: '50f74c9505c8aeb6d00a7afd2bdf57bb0e1ca6ef', href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), hAsync("li", { key: 'c3ce4599645284b505dcff7f9ff60d086c3f1a96' }, hAsync("a", { key: '203cc654924668300027ff791e4054a7bf2d0b40', href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), hAsync("li", { key: '6b00bbe50ba10e3e13775907106211c1e02e1457' }, hAsync("a", { key: 'f81d1f3293c14a70226b2bad16b4f0bb29c8ba7c', href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), hAsync("li", { key: '826f62590f64aa0dc26edeaa5f33a9c06e830f79' }, hAsync("a", { key: '353abe73c5fe58413e65472cffba541abb837337', onClick: this.noNav }, "Resources", hAsync("biggive-misc-icon", { key: '414eb21046de81a3e92d7e084fcc776fddc01bfb', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), hAsync("ul", { key: '0b60ea4d058c34af0d06b2a6723b8971133e1b83', class: "sub-menu" }, hAsync("li", { key: 'e9bddf36536a9c5f6234c8d86787c96b7c1c65b3' }, hAsync("a", { key: '87bc453114cf7f261efcec3aca283b339f7177cf', href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), hAsync("li", { key: '7973f088a249aa3ffcc7ff841e5ccc558a7ce18d' }, hAsync("a", { key: '78e6224be51686368401d32f510e0963898b1ca7', href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), hAsync("li", { key: 'cd0bdd8ae671bde9f205ecbfe297a3a3261b0c27' }, hAsync("a", { key: '89b5bc12f24c61d801c4c33dc2cd0a90449db657', href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), hAsync("li", { key: 'a340ae30cfee1fe38942829e9bef044333204b32' }, hAsync("a", { key: '6a8615dea1aff61007d35368721816c0a8473334', href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), hAsync("div", { key: '8d80eac75fc85b158d58c223395deaf7a87b07ca', class: "mobile-only" }, this.getSecondaryNavLinks())), hAsync("div", { key: '8a8896031b0c4c895174e12087abfa4226b5d801', class: "mobile-social-icon-wrap mobile-only" }, hAsync("biggive-social-icon", { key: '7ca75bdb16b2a26a83d9ce6091c67662860fe826', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), hAsync("biggive-social-icon", { key: '6562bface4eb12035bb83adf1015903b44159f3b', service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), hAsync("biggive-social-icon", { key: '8ae56346ed5e0b2e77b83572fcbf7194377ac59a', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), hAsync("biggive-social-icon", { key: '996ab3b9f44b278beac4649f0900a1ddee819de9', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), hAsync("biggive-social-icon", { key: 'd9e371d3cd924169666bb6ed98c00f78c57206ec', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
     }
     get host() { return getElement(this); }
     static get style() { return BiggiveMainMenuStyle0; }
@@ -9935,7 +9943,7 @@ class BiggiveMiscIcon {
     render() {
         return (
         // Note: the icon name prop is set as a css class too for any styling specific to certain icons
-        hAsync("div", { class: 'misc-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, hAsync("a", { href: this.url }, hAsync("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] }, hAsync("path", { d: this.getMiscIcon().icon[4].toString() })))));
+        hAsync("div", { key: '360dbfcae57add4da571bcd19baeadecdae8409e', class: 'misc-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, hAsync("a", { key: '70bd012ef2e0c47204741d1ef5101e3211bbd834', href: this.url }, hAsync("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] }, hAsync("path", { key: 'fcab6d2aec2a3599d12633c8182550c49c1359a3', d: this.getMiscIcon().icon[4].toString() })))));
     }
     static get style() { return BiggiveMiscIconStyle0; }
     static get cmpMeta() { return {
@@ -9962,7 +9970,7 @@ class BiggiveNavGroup {
         this.inline = true;
     }
     render() {
-        return (hAsync("ul", null, hAsync("slot", null)));
+        return (hAsync("ul", { key: 'f0524bd7335cef74fb8a8f64c40bcaf43e54f8b8' }, hAsync("slot", { key: 'e6bbfe5ddddb92f0084da9e3e87f6756ee4c3d82' })));
     }
     static get style() { return BiggiveNavGroupStyle0; }
     static get cmpMeta() { return {
@@ -9988,7 +9996,7 @@ class BiggiveNavItem {
         this.iconColour = undefined;
     }
     render() {
-        return (hAsync("li", { class: 'icon-' + this.iconColour }, hAsync("a", { href: this.url }, this.label), hAsync("slot", null)));
+        return (hAsync("li", { key: '3dd92eaed2877401297af3c411ea8cc051d5380c', class: 'icon-' + this.iconColour }, hAsync("a", { key: '24a24668d2e2c40621d312b84900a9a52e4a7b42', href: this.url }, this.label), hAsync("slot", { key: 'ae36cf12290104ee50cf6c10052541c40c314fc5' })));
     }
     static get style() { return BiggiveNavItemStyle0; }
     static get cmpMeta() { return {
@@ -10013,7 +10021,7 @@ class BiggivePageColumn {
         registerInstance(this, hostRef);
     }
     render() {
-        return hAsync("slot", null);
+        return hAsync("slot", { key: '22367d08d32931877f70f27f6f400da4526c2954' });
     }
     static get style() { return BiggivePageColumnStyle0; }
     static get cmpMeta() { return {
@@ -10035,7 +10043,7 @@ class BiggivePageColumns {
         this.spaceBelow = 0;
     }
     render() {
-        return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "columns" }, hAsync("div", { class: "column-primary" }, hAsync("slot", { name: "column-primary" })), hAsync("div", { class: "column-secondary" }, hAsync("slot", { name: "column-secondary" })))));
+        return (hAsync("div", { key: '02c7d1c4f4b34269105a04d201b8efc2d0d92eaa', class: 'container space-below-' + this.spaceBelow }, hAsync("div", { key: '6f210025727e6c42b376f8c58a1050bdb92ad42f', class: "columns" }, hAsync("div", { key: '8a0181393dd1de51d586ecf8778a30c1250eae75', class: "column-primary" }, hAsync("slot", { key: '111eaf2df29da2f5effeaefd56f8b8e1e9d43c28', name: "column-primary" })), hAsync("div", { key: 'ce5b4eaa9bf0a3e43c088f67df364382b551f8c4', class: "column-secondary" }, hAsync("slot", { key: '05cbcdfcf679a0c8b1165c3445920c9f2a19c888', name: "column-secondary" })))));
     }
     static get style() { return BiggivePageColumnsStyle0; }
     static get cmpMeta() { return {
@@ -10064,7 +10072,7 @@ class BiggivePageSection {
         this.primaryFullBleed = false;
     }
     render() {
-        return (hAsync("div", { class: 'container max-width-' +
+        return (hAsync("div", { key: 'b1590005b403887e57b627bff3ab07e61d6e0591', class: 'container max-width-' +
                 this.maxWidth +
                 ' space-below-' +
                 this.spaceBelow +
@@ -10074,7 +10082,7 @@ class BiggivePageSection {
                 this.sectionStyleTop +
                 ' style-bottom-' +
                 this.sectionStyleBottom +
-                (this.primaryFullBleed ? ' full-bleed' : '') }, hAsync("div", { class: "sleeve" }, hAsync("slot", null))));
+                (this.primaryFullBleed ? ' full-bleed' : '') }, hAsync("div", { key: '7f3bcc68d4b1889426464d0f9d5c011d2a7f828e', class: "sleeve" }, hAsync("slot", { key: '13ecf086e64f42ad12548c058ea5cc5d11c4bef1' }))));
     }
     static get style() { return BiggivePageSectionStyle0; }
     static get cmpMeta() { return {
@@ -10117,7 +10125,7 @@ class BiggivePopup {
         this.popup.setAttribute('tabindex', '-1');
     }
     render() {
-        return (hAsync("div", { class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "header" }, hAsync("div", { class: "close", onClick: this.closeFromWithin })), hAsync("div", { class: "content" }, hAsync("slot", null)))));
+        return (hAsync("div", { key: '40337548fc4a1e376f1eb9b230750dfd7e125b61', class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, hAsync("div", { key: '032c19a5bc7719bf97fd6e234723def432be0559', class: "sleeve" }, hAsync("div", { key: '1e21e45ec9491fc68765e32198e5d7ddb20b061c', class: "header" }, hAsync("div", { key: '4ba14a52aa3ed79f38fdc7622f910c05137b6417', class: "close", onClick: this.closeFromWithin })), hAsync("div", { key: '73e4ab5605399e2a7daad0c157d1c38e25bdc30f', class: "content" }, hAsync("slot", { key: '5e71d6129bb008421c8e77425062338298af3392' })))));
     }
     static get style() { return BiggivePopupStyle0; }
     static get cmpMeta() { return {
@@ -10177,7 +10185,7 @@ class BiggiveQuote {
         this.quoteIconColour = 'primary';
     }
     render() {
-        return (hAsync("div", { class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "image-wrap" }, hAsync("svg", { width: "34", height: "24", viewBox: "0 0 34 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z", fill: "#2C089B" }))), hAsync("div", { class: "quote" }, "\u201C", this.quote, "\u201D"), hAsync("div", { class: "attribution" }, " - ", this.attribution)));
+        return (hAsync("div", { key: '7b422bd22ba063722b5703c04e39aac0aba3fea4', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow }, hAsync("div", { key: '7520b86545716c526e108e2b66fabde6b402574f', class: "image-wrap" }, hAsync("svg", { key: '153f848c86a76c053d2b96c1b3d3b29aeb7dd09e', width: "34", height: "24", viewBox: "0 0 34 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '0392293532ee774c3db00fc84104a87af92433d3', d: "M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z", fill: "#2C089B" }))), hAsync("div", { key: '9602f277b71f336409cec84a35221c86a3dbeb7f', class: "quote" }, "\u201C", this.quote, "\u201D"), hAsync("div", { key: 'dbd3054b23dd51bbc4cdd9b4bc7a2a869f6d38ea', class: "attribution" }, " - ", this.attribution)));
     }
     static get style() { return BiggiveQuoteStyle0; }
     static get cmpMeta() { return {
@@ -10226,7 +10234,7 @@ class BiggiveSheet {
         }
     }
     render() {
-        return (hAsync("div", { class: 'container' }, hAsync("div", { class: "background" }), hAsync("div", { class: 'popup background-colour-' + this.backgroundColour + ' text-colour-' + this.textColour }, hAsync("div", { class: "header" }, hAsync("div", { class: "back-link", onClick: this.closeSheet }, hAsync("span", { class: 'svg-wrap colour-' + this.textColour }, hAsync("svg", { width: "33", height: "16", viewBox: "0 0 33 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("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"), hAsync("div", { class: "close-link", onClick: this.closeSheet }, hAsync("span", { class: "svg-wrap" }, hAsync("svg", { width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z" }))))), hAsync("div", { class: "content" }, hAsync("slot", null)))));
+        return (hAsync("div", { key: '069a7b7f1df4aff4c2aef0791c800a719c6b21bc', class: 'container' }, hAsync("div", { key: 'f5b1224e0ad76c5719153bddac5b18f9c0f2ea85', class: "background" }), hAsync("div", { key: 'b0bce375757692e95ede3db89a1a33ae7dd9dd04', class: 'popup background-colour-' + this.backgroundColour + ' text-colour-' + this.textColour }, hAsync("div", { key: 'b80dbc88befcef4efba00c40bae12fdc6741244b', class: "header" }, hAsync("div", { key: '122071d56dd6b942f330204a442c5d6c18f7c544', class: "back-link", onClick: this.closeSheet }, hAsync("span", { key: '406bf5ff817135ac6c92b9d7e09677cfb2273e46', class: 'svg-wrap colour-' + this.textColour }, hAsync("svg", { key: 'bb88afcdac83b354cb7e07bafcfdd1e904ece9cb', width: "33", height: "16", viewBox: "0 0 33 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("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"), hAsync("div", { key: '4582894b11d66c151db3723bbba7a8ee674565bb', class: "close-link", onClick: this.closeSheet }, hAsync("span", { key: 'c31145fd90831c0959b3e52c5dc3affc1db5e022', class: "svg-wrap" }, hAsync("svg", { key: 'd25fae88521a2164cbd68bda94ebf580d22767f6', width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'fc29add510f29b0b81a14c73cdead7fbe565f071', d: "M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z" }))))), hAsync("div", { key: 'ca55b5904a848b734df2159596e2f1f890407f24', class: "content" }, hAsync("slot", { key: '3ec40a2899ac3bf126ca824793e791ceeb332364' })))));
     }
     get host() { return getElement(this); }
     static get style() { return BiggiveSheetStyle0; }
@@ -10265,7 +10273,7 @@ class BiggiveSocialIcon {
         return icon;
     }
     render() {
-        return (hAsync("div", { class: 'social-icon-item background-colour-' + this.backgroundColour + (this.wide ? ' wide' : '') }, hAsync("a", { href: this.url, "aria-label": `${this.labelPrefix} on ${this.service}`, target: "_blank", rel: "noopener" }, hAsync("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] }, hAsync("path", { d: this.getSocialIcon().icon[4].toString() })))));
+        return (hAsync("div", { key: 'b93ff0500561d1d83b42ee18d113a4dfdba3f8a9', class: 'social-icon-item background-colour-' + this.backgroundColour + (this.wide ? ' wide' : '') }, hAsync("a", { key: '1b1abcb967c177ecf86ffb2d8571765c138051b8', href: this.url, "aria-label": `${this.labelPrefix} on ${this.service}`, target: "_blank", rel: "noopener" }, hAsync("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] }, hAsync("path", { key: 'ec81bf9fff15d35ec50c3156f1f1af77d4bb4107', d: this.getSocialIcon().icon[4].toString() })))));
     }
     static get style() { return BiggiveSocialIconStyle0; }
     static get cmpMeta() { return {
@@ -10294,7 +10302,7 @@ class BiggiveTab {
         this.tabTitle = '';
     }
     render() {
-        return (hAsync("div", { class: "container" }, hAsync("slot", null)));
+        return (hAsync("div", { key: 'f1a5796a719cb3e1eb09729697a1f95ac3cc8ae5', class: "container" }, hAsync("slot", { key: 'd95e5ff6692a6b9042fefb89773eaf107ddf136d' })));
     }
     static get style() { return BiggiveTabStyle0; }
     static get cmpMeta() { return {
@@ -10417,7 +10425,7 @@ class BiggiveTabbedContent {
         });
     }
     render() {
-        return (hAsync("div", { class: 'container space-below-' +
+        return (hAsync("div", { key: '03d08750a83b257bad4d11502b3884d249b4ed9f', class: 'container space-below-' +
                 this.spaceBelow +
                 ' text-colour-' +
                 this.textColour +
@@ -10430,7 +10438,7 @@ class BiggiveTabbedContent {
                 ' button-background-colour-' +
                 this.buttonBackgroundColour +
                 ' button-icon-colour-' +
-                this.buttonIconColour }, hAsync("div", { class: "navigation" }, hAsync("div", { class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, hAsync("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), hAsync("div", { class: "sleeve" }, hAsync("ul", null, this.children.map(child => (hAsync("li", { onClick: this.clickTabHandler }, child.tabTitle))))), hAsync("div", { class: "button next", onClick: this.clickNextHandler, title: "Next" }, hAsync("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), hAsync("slot", null)));
+                this.buttonIconColour }, hAsync("div", { key: 'c0c483d66d7e4f10f55e05adbe7fd913e2508fad', class: "navigation" }, hAsync("div", { key: '0a1c8c83efeb6b4c4d3021a0a82f1985ed2383d2', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, hAsync("svg", { key: 'aff64695b3e9e52bf818f34a7692798728ffbcd8', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'fe010ad83716b330ae4620c48a6c193f7e1766c2', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), hAsync("div", { key: '09489151bbc491bca839d7bbb63b78ed33b1e4eb', class: "sleeve" }, hAsync("ul", { key: 'c8be1d46992ff09c5c0ca5fb122b9a1d79423ccc' }, this.children.map(child => (hAsync("li", { onClick: this.clickTabHandler }, child.tabTitle))))), hAsync("div", { key: '664136adfcabd5da359d8302edd9ca0330c45986', class: "button next", onClick: this.clickNextHandler, title: "Next" }, hAsync("svg", { key: '4788da7f204c274933a8a4f43e817f7bef86da1e', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '397a856d73c427d71475a42a2d8dab9a18a776be', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), hAsync("slot", { key: '4e03a46a3d406a1b67e7905b53edd39f8b255f54' })));
     }
     get host() { return getElement(this); }
     static get style() { return BiggiveTabbedContentStyle0; }
@@ -10465,7 +10473,7 @@ class BiggiveTable {
         this.bodyBackgroundColour = 'grey-light';
     }
     render() {
-        return (hAsync("div", { class: 'container header-text-colour-' +
+        return (hAsync("div", { key: '2eccacbfce1350d28cab259aab315d12db157411', class: 'container header-text-colour-' +
                 this.headerTextColour +
                 ' header-background-colour-' +
                 this.headerBackgroundColour +
@@ -10474,7 +10482,7 @@ class BiggiveTable {
                 ' body-background-colour-' +
                 this.bodyBackgroundColour +
                 ' space-below-' +
-                this.spaceBelow }, hAsync("slot", null)));
+                this.spaceBelow }, hAsync("slot", { key: '2ccd1f183504aaf3b42ebb9696686ed0ec88733f' })));
     }
     static get style() { return BiggiveTableStyle0; }
     static get cmpMeta() { return {
@@ -10512,7 +10520,7 @@ class BiggiveTextInput {
     }
     render() {
         const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;
-        return (hAsync("div", { class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "inner-sleave" }, currencySymbol && hAsync("span", { class: "currency-symbol" }, currencySymbol), hAsync("slot", { name: "input" }), hAsync("div", { style: { clear: 'both' } }))), hAsync("div", { class: "prompt" }, hAsync("slot", { name: "label" }))));
+        return (hAsync("div", { key: '7805b9b8ec77c165db8bb96d835ec2f98bab88b6', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, hAsync("div", { key: '6eb43317816586457de0b92fd3bc395d56c4c229', class: "sleeve" }, hAsync("div", { key: 'c969eb3a383fc7703afeea98a0fc68556e5e1fe6', class: "inner-sleave" }, currencySymbol && hAsync("span", { class: "currency-symbol" }, currencySymbol), hAsync("slot", { key: 'ab6d1e8548d563b4e31dde83768dc7f50f877dca', name: "input" }), hAsync("div", { key: 'ab8f16a0c73afc60ed2d4e2bff5b9f8abd24c938', style: { clear: 'both' } }))), hAsync("div", { key: '49a8221332a13de60abe61bfa985fc78b70c46c3', class: "prompt" }, hAsync("slot", { key: '3c2f01682c30609204a064145e0b46d01ac82fc9', name: "label" }))));
     }
     static get style() { return BiggiveTextInputStyle0; }
     static get cmpMeta() { return {
@@ -10641,7 +10649,7 @@ class BiggiveTimeline {
         });
     }
     render() {
-        return (hAsync("div", { class: 'container space-below-' +
+        return (hAsync("div", { key: 'cb43cf7f378936cd89dbccbd7c72b83905f21a4b', class: 'container space-below-' +
                 this.spaceBelow +
                 ' text-colour-' +
                 this.textColour +
@@ -10664,7 +10672,7 @@ class BiggiveTimeline {
                 ' entry-title-colour-' +
                 this.entryTitleColour +
                 ' entry-text-colour-' +
-                this.entryTextColour }, hAsync("div", { class: "navigation" }, hAsync("div", { class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, hAsync("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), hAsync("div", { class: "sleeve" }, hAsync("ul", null, this.tabHeadings.map(tab => (hAsync("li", { onClick: this.clickTabHandler }, tab))))), hAsync("div", { class: "button next", onClick: this.clickNextHandler, title: "Next" }, hAsync("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), hAsync("div", { class: "entry-wrap" }, this.children.map(entry => (hAsync("div", { class: "entry", "data-date": entry.date }, hAsync("h4", { class: "title" }, entry.heading), hAsync("div", { class: "content", innerHTML: entry.innerHTML })))))));
+                this.entryTextColour }, hAsync("div", { key: 'c1749936a1bd46e9129b4104ee1dacc867df5bc3', class: "navigation" }, hAsync("div", { key: '23567e5b5f5792aea36a123f575565b2385d3e2f', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, hAsync("svg", { key: 'c4e166fb4fce2fed406a61a3e540df0313c0caed', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '47ceb0e05d49a752b6ac517caeb0f569e797417f', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), hAsync("div", { key: 'e958f26ea6d5a360354cec3ec568072eeee89899', class: "sleeve" }, hAsync("ul", { key: '17023a6c51fe88b2faa82f087b7e1bff1f2750f6' }, this.tabHeadings.map(tab => (hAsync("li", { onClick: this.clickTabHandler }, tab))))), hAsync("div", { key: '910aa9fe9731008f0818bab5d8cede9060d88fe1', class: "button next", onClick: this.clickNextHandler, title: "Next" }, hAsync("svg", { key: '0c82c15b8d51ebd472a8dcbefd9d1e64205d3731', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '04d9c83bfe0c79336c2f99bcab035b015b2added', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), hAsync("div", { key: '6e5cf8e897f40ebd05a3c77e1b1fb179d9c5c4e7', class: "entry-wrap" }, this.children.map(entry => (hAsync("div", { class: "entry", "data-date": entry.date }, hAsync("h4", { class: "title" }, entry.heading), hAsync("div", { class: "content", innerHTML: entry.innerHTML })))))));
     }
     get host() { return getElement(this); }
     static get style() { return BiggiveTimelineStyle0; }
@@ -10804,7 +10812,7 @@ class BiggiveTotalizer {
         });
     }
     render() {
-        return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", null, hAsync("div", { class: "banner" }, hAsync("div", { class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), hAsync("div", { class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, hAsync("div", { id: "sleeve_1", class: "sleeve" }, hAsync("slot", { name: "ticker-items" })), hAsync("div", { id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), hAsync("div", { id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), hAsync("div", { id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
+        return (hAsync("div", { key: '4ecdacf74f838683944619c97ebb68744a0af5da', class: 'container space-below-' + this.spaceBelow }, hAsync("div", { key: '56264afd6331ab27e2016b3c53a2404d503726d4' }, hAsync("div", { key: '1602eb2098650f4eef052e2670dc909cfbd0fac2', class: "banner" }, hAsync("div", { key: '4e71eb72267f5f3c07e4ee300a13f9a739668f4a', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), hAsync("div", { key: '0ec41320eefbabe9fb5e154b14f5e03e97a0ac8e', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, hAsync("div", { key: 'd896541f9c20116b6f94452347622cac1857108c', id: "sleeve_1", class: "sleeve" }, hAsync("slot", { key: '836d2b6fa73db83208b4c3f6944475932db73887', name: "ticker-items" })), hAsync("div", { key: '541e3b3cea3be2e428e41ffa32ea4be1c4d05593', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), hAsync("div", { key: '987778b55bf30fe3cd15e7c183108df699648a25', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), hAsync("div", { key: '2ee144b6327c7333478bd608da341100f51bcde5', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
     }
     get host() { return getElement(this); }
     static get style() { return BiggiveTotalizerStyle0; }
@@ -10835,7 +10843,7 @@ class BiggiveTotalizerTickerItem {
         this.label = undefined;
     }
     render() {
-        return (hAsync("div", { class: "ticker-item" }, hAsync("strong", null, this.figure), " ", this.label));
+        return (hAsync("div", { key: 'afb95bb654892517ef199abcad04b888f13a596c', class: "ticker-item" }, hAsync("strong", { key: 'afd8e3e88e4e6f008cd037b2dcd9a429d6cb108f' }, this.figure), " ", this.label));
     }
     static get style() { return BiggiveTotalizerTickerItemStyle0; }
     static get cmpMeta() { return {
@@ -10877,7 +10885,7 @@ class BiggiveVideo {
         this.videoUrl = '';
     }
     render() {
-        return (hAsync("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
+        return (hAsync("div", { key: 'f018ff7a0d91d8812151efb58e1316df2ecb8184', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, hAsync("div", { key: '35327491c32d9028b49786d9dcc0ab9193324e08', class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
     }
     static get style() { return BiggiveVideoStyle0; }
     static get cmpMeta() { return {
@@ -10916,7 +10924,7 @@ class BiggiveVideoFeature {
     }
     render() {
         const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
-        return (hAsync("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "content-wrap" }, hAsync("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), hAsync("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), hAsync("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), hAsync("div", { class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (hAsync("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
+        return (hAsync("div", { key: '2de9c808246be7c2d40ef80c310a454988451489', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, hAsync("div", { key: 'd3c66d90fef509f7fe1e474f5f15908f4b4a3830', class: "sleeve" }, hAsync("div", { key: 'b1d0e4b5e968c9891e5e9ff2691cfdf71de8c093', class: "content-wrap" }, hAsync("div", { key: '89f74432a65211bf75cc834edb7359633b0e7d45', class: 'slug text-colour-' + this.slugColour }, this.slug), hAsync("h2", { key: '4ab81ed2b88b79d49e7eae895fe001019a334a1a', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), hAsync("div", { key: '046ba0757343f10f3e84b6f70cb6c377cc62aa42', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), hAsync("div", { key: '68cfe2bbff4996307240fbfa610cad410850f585', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (hAsync("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
     }
     static get style() { return BiggiveVideoFeatureStyle0; }
     static get cmpMeta() { return {