@biggive/components 202407011202.0.0 → 202407051353.0.0

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

@@ -82,7 +82,7 @@ export class BiggiveTotalizer {
         });
     }
     render() {
-        return (h("div", { key: '4d37766b4264fb16d9c0be792e274efe11ccfbc1', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '6d04f32e3a29042745e1dc06d3b3c1c7a95b1b06' }, h("div", { key: '96b11040780b124cdc881e3f1669eeb04db542a3', class: "banner" }, h("div", { key: '52695640c2813a6d63af7bcac8cff69ea6f4b113', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), h("div", { key: '57dbca3cb2d90bd330fb38e2a8b9f3079a3f8ffa', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("div", { key: '311e5f5947f21164e6ef0bb0fd6174abdc939ba5', id: "sleeve_1", class: "sleeve" }, h("slot", { key: '1edb6c4b750eb30ce24d4399585e4e41b3d42d55', name: "ticker-items" })), h("div", { key: '2969e3b01c8564b617fc51b65352d17177a30d86', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '2420db0ca8a8c6402b5131e9190f66766dbeee68', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '447de575a80b4a0631d16846a4d2192331b1627a', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
+        return (h("div", { key: '0a641bcc948659a2d6b6587d5efdd23ff6da7705', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'c0e2028f8e7ec5305352dd3fab47f5c493744cb1' }, h("div", { key: '87151730dff0b6f75aa74e4fb115cac5d3377f04', class: "banner" }, h("div", { key: '9cb1831926391a6921f4de0214713b3c6af9c7ca', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), h("div", { key: '1bc43d9a74377bee92bc2194ffba9289b81a612b', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("div", { key: 'e7cc45b5e947d8efd3dcf852b1fdaeb2f6c986f0', id: "sleeve_1", class: "sleeve" }, h("slot", { key: '36e49a0f66953419f0697af3cfac3c02edcb386b', name: "ticker-items" })), h("div", { key: 'd1a0416c893816a97644d2230b0cd860594cc032', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '5b4337fa1cc0a7ac1f4142b42061642b2f005c49', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '40d9274a8354e4f8611cdc3d95e6697a6aa02e2c', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
     }
     static get is() { return "biggive-totalizer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-totalizer/test/biggive-totalizer.e2e.js

@@ -0,0 +1,10 @@
+import { newE2EPage } from "@stencil/core/testing";
+describe('biggive-totalizer', () => {
+    it('renders', async () => {
+        const page = await newE2EPage();
+        await page.setContent('<biggive-totalizer></biggive-totalizer>');
+        const element = await page.find('biggive-totalizer');
+        expect(element).toHaveClass('hydrated');
+    });
+});
+//# sourceMappingURL=biggive-totalizer.e2e.js.map

package/dist/collection/components/biggive-totalizer/test/biggive-totalizer.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"biggive-totalizer.e2e.js","sourceRoot":"","sources":["../../../../src/components/biggive-totalizer/test/biggive-totalizer.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,yCAAyC,CAAC,CAAC;QAEjE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QACrD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('biggive-totalizer', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<biggive-totalizer></biggive-totalizer>');\n\n    const element = await page.find('biggive-totalizer');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

package/dist/collection/components/biggive-totalizer/test/biggive-totalizer.spec.js

@@ -0,0 +1,37 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { BiggiveTotalizer } from "../biggive-totalizer";
+describe('biggive-totalizer', () => {
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [BiggiveTotalizer],
+            html: `<biggive-totalizer>
+        <biggive-totalizer-ticker-item figure="£1000" label="match funds remaining"></biggive-totalizer-ticker-item>
+      </biggive-totalizer>`,
+        });
+        // It seems like in tests, the item copying post-render doesn't kick in – possibly because
+        // some of our element selector presence guards don't pass in the `newSpecPage` run context?
+        expect(page.root).toEqualHtml(`
+      <biggive-totalizer>
+        <mock:shadow-root>
+          <div class="container space-below-0">
+             <div>
+               <div class="banner">
+                 <div class="background-colour-secondary main-message-wrap text-colour-black"></div>
+                 <div class="background-colour-primary text-colour-white ticker-wrap">
+                   <div class="sleeve" id="sleeve_1">
+                     <slot name="ticker-items"></slot>
+                   </div>
+                   <div class="sleeve sleeve-delayed-copy" id="sleeve_2"></div>
+                   <div class="sleeve sleeve-delayed-copy" id="sleeve_3"></div>
+                   <div class="sleeve sleeve-delayed-copy" id="sleeve_4"></div>
+                 </div>
+               </div>
+             </div>
+           </div>
+        </mock:shadow-root>
+        <biggive-totalizer-ticker-item figure="£1000" label="match funds remaining"></biggive-totalizer-ticker-item>
+      </biggive-totalizer>
+    `);
+    });
+});
+//# sourceMappingURL=biggive-totalizer.spec.js.map

package/dist/collection/components/biggive-totalizer/test/biggive-totalizer.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"biggive-totalizer.spec.js","sourceRoot":"","sources":["../../../../src/components/biggive-totalizer/test/biggive-totalizer.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,gBAAgB,CAAC;YAC9B,IAAI,EAAE;;2BAEe;SACtB,CAAC,CAAC;QAEH,0FAA0F;QAC1F,4FAA4F;QAC5F,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;KAqB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { BiggiveTotalizer } from '../biggive-totalizer';\n\ndescribe('biggive-totalizer', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [BiggiveTotalizer],\n      html: `<biggive-totalizer>\n        <biggive-totalizer-ticker-item figure=\"£1000\" label=\"match funds remaining\"></biggive-totalizer-ticker-item>\n      </biggive-totalizer>`,\n    });\n\n    // It seems like in tests, the item copying post-render doesn't kick in – possibly because\n    // some of our element selector presence guards don't pass in the `newSpecPage` run context?\n    expect(page.root).toEqualHtml(`\n      <biggive-totalizer>\n        <mock:shadow-root>\n          <div class=\"container space-below-0\">\n             <div>\n               <div class=\"banner\">\n                 <div class=\"background-colour-secondary main-message-wrap text-colour-black\"></div>\n                 <div class=\"background-colour-primary text-colour-white ticker-wrap\">\n                   <div class=\"sleeve\" id=\"sleeve_1\">\n                     <slot name=\"ticker-items\"></slot>\n                   </div>\n                   <div class=\"sleeve sleeve-delayed-copy\" id=\"sleeve_2\"></div>\n                   <div class=\"sleeve sleeve-delayed-copy\" id=\"sleeve_3\"></div>\n                   <div class=\"sleeve sleeve-delayed-copy\" id=\"sleeve_4\"></div>\n                 </div>\n               </div>\n             </div>\n           </div>\n        </mock:shadow-root>\n        <biggive-totalizer-ticker-item figure=\"£1000\" label=\"match funds remaining\"></biggive-totalizer-ticker-item>\n      </biggive-totalizer>\n    `);\n  });\n});\n"]}

package/dist/collection/components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item.js

@@ -5,7 +5,7 @@ export class BiggiveTotalizerTickerItem {
         this.label = undefined;
     }
     render() {
-        return (h("div", { key: '53075748d4c29a33ddf4314471741545cc6daa62', class: "ticker-item" }, h("strong", { key: '09b973f9fcfdd3112fb9ecb08b20495d74b38b9d' }, this.figure), " ", this.label));
+        return (h("div", { key: '92caa81db03fc9871cc7f6c0e5e75ef30bf29e4d', class: "ticker-item" }, h("strong", { key: '494dee81a7ff6b6dcca2aeb96f8f3d4b26e5bc40' }, this.figure), " ", this.label));
     }
     static get is() { return "biggive-totalizer-ticker-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-totalizer-ticker-item/test/biggive-totalizer-ticker-item.e2e.js

@@ -0,0 +1,10 @@
+import { newE2EPage } from "@stencil/core/testing";
+describe('biggive-totalizer-ticker-item', () => {
+    it('renders', async () => {
+        const page = await newE2EPage();
+        await page.setContent('<biggive-totalizer-ticker-item></biggive-totalizer-ticker-item>');
+        const element = await page.find('biggive-totalizer-ticker-item');
+        expect(element).toHaveClass('hydrated');
+    });
+});
+//# sourceMappingURL=biggive-totalizer-ticker-item.e2e.js.map

package/dist/collection/components/biggive-totalizer-ticker-item/test/biggive-totalizer-ticker-item.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"biggive-totalizer-ticker-item.e2e.js","sourceRoot":"","sources":["../../../../src/components/biggive-totalizer-ticker-item/test/biggive-totalizer-ticker-item.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,+BAA+B,EAAE,GAAG,EAAE;IAC7C,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,iEAAiE,CAAC,CAAC;QAEzF,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;QACjE,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('biggive-totalizer-ticker-item', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<biggive-totalizer-ticker-item></biggive-totalizer-ticker-item>');\n\n    const element = await page.find('biggive-totalizer-ticker-item');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

package/dist/collection/components/biggive-totalizer-ticker-item/test/biggive-totalizer-ticker-item.spec.js

@@ -0,0 +1,20 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { BiggiveTotalizerTickerItem } from "../biggive-totalizer-ticker-item";
+describe('biggive-totalizer-ticker-item', () => {
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [BiggiveTotalizerTickerItem],
+            html: `<biggive-totalizer-ticker-item></biggive-totalizer-ticker-item>`,
+        });
+        expect(page.root).toEqualHtml(`
+      <biggive-totalizer-ticker-item>
+        <mock:shadow-root>
+          <div class="ticker-item">
+            <strong></strong>
+          </div>
+        </mock:shadow-root>
+      </biggive-totalizer-ticker-item>
+    `);
+    });
+});
+//# sourceMappingURL=biggive-totalizer-ticker-item.spec.js.map

package/dist/collection/components/biggive-totalizer-ticker-item/test/biggive-totalizer-ticker-item.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"biggive-totalizer-ticker-item.spec.js","sourceRoot":"","sources":["../../../../src/components/biggive-totalizer-ticker-item/test/biggive-totalizer-ticker-item.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAE9E,QAAQ,CAAC,+BAA+B,EAAE,GAAG,EAAE;IAC7C,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,0BAA0B,CAAC;YACxC,IAAI,EAAE,iEAAiE;SACxE,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { BiggiveTotalizerTickerItem } from '../biggive-totalizer-ticker-item';\n\ndescribe('biggive-totalizer-ticker-item', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [BiggiveTotalizerTickerItem],\n      html: `<biggive-totalizer-ticker-item></biggive-totalizer-ticker-item>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <biggive-totalizer-ticker-item>\n        <mock:shadow-root>\n          <div class=\"ticker-item\">\n            <strong></strong>\n          </div>\n        </mock:shadow-root>\n      </biggive-totalizer-ticker-item>\n    `);\n  });\n});\n"]}

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

@@ -7,7 +7,7 @@ export class BiggiveVideo {
         this.videoUrl = '';
     }
     render() {
-        return (h("div", { key: '1c1e2ed35f62d9bd5ca3677dcac66a34b6b07614', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '7fb5c857c6faf3606fb71ddd2bea3329690b8f78', class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
+        return (h("div", { key: '2f45734791082583b92524301e96c2d83200a133', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: 'dd6b41cb1449af2b1dcf81b8f58794ac87847f70', class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
     }
     static get is() { return "biggive-video"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-video/test/biggive-video.e2e.js

@@ -0,0 +1,10 @@
+import { newE2EPage } from "@stencil/core/testing";
+describe('biggive-video', () => {
+    it('renders', async () => {
+        const page = await newE2EPage();
+        await page.setContent('<biggive-video></biggive-video>');
+        const element = await page.find('biggive-video');
+        expect(element).toHaveClass('hydrated');
+    });
+});
+//# sourceMappingURL=biggive-video.e2e.js.map

package/dist/collection/components/biggive-video/test/biggive-video.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"biggive-video.e2e.js","sourceRoot":"","sources":["../../../../src/components/biggive-video/test/biggive-video.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,iCAAiC,CAAC,CAAC;QAEzD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACjD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('biggive-video', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<biggive-video></biggive-video>');\n\n    const element = await page.find('biggive-video');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

package/dist/collection/components/biggive-video/test/biggive-video.spec.js

@@ -0,0 +1,22 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { BiggiveVideo } from "../biggive-video";
+describe('biggive-video', () => {
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [BiggiveVideo],
+            html: `<biggive-video></biggive-video>`,
+        });
+        expect(page.root).toEqualHtml(`
+      <biggive-video>
+        <mock:shadow-root>
+          <div class="container space-above-0 space-below-0">
+            <div class="video-wrap">
+              <video controls="" src=""></video>
+            </div>
+          </div>
+        </mock:shadow-root>
+      </biggive-video>
+    `);
+    });
+});
+//# sourceMappingURL=biggive-video.spec.js.map

package/dist/collection/components/biggive-video/test/biggive-video.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"biggive-video.spec.js","sourceRoot":"","sources":["../../../../src/components/biggive-video/test/biggive-video.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,iCAAiC;SACxC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;KAU7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { BiggiveVideo } from '../biggive-video';\n\ndescribe('biggive-video', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [BiggiveVideo],\n      html: `<biggive-video></biggive-video>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <biggive-video>\n        <mock:shadow-root>\n          <div class=\"container space-above-0 space-below-0\">\n            <div class=\"video-wrap\">\n              <video controls=\"\" src=\"\"></video>\n            </div>\n          </div>\n        </mock:shadow-root>\n      </biggive-video>\n    `);\n  });\n});\n"]}

package/dist/collection/components/biggive-video-feature/biggive-video-feature.js

@@ -18,7 +18,7 @@ export class BiggiveVideoFeature {
     }
     render() {
         const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
-        return (h("div", { key: '7c2440bc61a076a571fa3a213b02187aaaaae28e', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '7c32872daa32bf15194e47e5265d30d61e33bada', class: "sleeve" }, h("div", { key: 'c6a0908c944cf4c9fb8e33a98a456b56f5a70e6c', class: "content-wrap" }, h("div", { key: 'd05d7dac6716c97c7fb59a33189055f94006cb5b', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'aa590bc910a50e7acb7e95c512bb024059fc1726', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '314725649fd3653bf20cc0cece774c8544a451cc', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { key: '37f59615e397bfc88ce6f60ec9dc642af1b231fd', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
+        return (h("div", { key: 'ca1e7e592f4bee2865b0e90150ac798b35d3f38c', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '71d0b0630cc2038115126e07cbe1f6825dfe78bd', class: "sleeve" }, h("div", { key: 'e7b4d335f1ea2730fa31184bff3ffc9e4455f5b1', class: "content-wrap" }, h("div", { key: '075dc776d1ed6ef1e144d5697cd8269397fb6486', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'f0fbd716c44291e3edf29c2decd58d8a93124207', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '7f70d22683ea00f100173e3e4034fc51468efffa', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { key: '842ee1a7ad83124ab52172ee17ac160944801a85', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
     }
     static get is() { return "biggive-video-feature"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-video-feature/test/biggive-video-feature.e2e.js

@@ -0,0 +1,10 @@
+import { newE2EPage } from "@stencil/core/testing";
+describe('biggive-video', () => {
+    it('renders', async () => {
+        const page = await newE2EPage();
+        await page.setContent('<biggive-video-feature></biggive-video-feature>');
+        const element = await page.find('biggive-video-feature');
+        expect(element).toHaveClass('hydrated');
+    });
+});
+//# sourceMappingURL=biggive-video-feature.e2e.js.map

package/dist/collection/components/biggive-video-feature/test/biggive-video-feature.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"biggive-video-feature.e2e.js","sourceRoot":"","sources":["../../../../src/components/biggive-video-feature/test/biggive-video-feature.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,iDAAiD,CAAC,CAAC;QAEzE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;QACzD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('biggive-video', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<biggive-video-feature></biggive-video-feature>');\n\n    const element = await page.find('biggive-video-feature');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

package/dist/collection/components/biggive-video-feature/test/biggive-video-feature.spec.js

@@ -0,0 +1,31 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { BiggiveVideoFeature } from "../biggive-video-feature";
+describe('biggive-video', () => {
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [BiggiveVideoFeature],
+            html: `<biggive-video-feature></biggive-video-feature>`,
+        });
+        expect(page.root).toEqualHtml(`
+      <biggive-video-feature>
+        <mock:shadow-root>
+          <div class="container space-above-0 space-below-0 text-colour-primary">
+            <div class="sleeve">
+              <div class="content-wrap">
+                <div class="slug text-colour-"></div>
+                <h2 class="text-colour- title"></h2>
+                <div class="teaser text-colour-"></div>
+              </div>
+              <div class="graphic-wrap">
+                <div class="video-wrap">
+                  <video controls="" src=""></video>
+                </div>
+              </div>
+            </div>
+          </div>
+        </mock:shadow-root>
+      </biggive-video-feature>
+    `);
+    });
+});
+//# sourceMappingURL=biggive-video-feature.spec.js.map

package/dist/collection/components/biggive-video-feature/test/biggive-video-feature.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"biggive-video-feature.spec.js","sourceRoot":"","sources":["../../../../src/components/biggive-video-feature/test/biggive-video-feature.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,mBAAmB,CAAC;YACjC,IAAI,EAAE,iDAAiD;SACxD,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;KAmB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { BiggiveVideoFeature } from '../biggive-video-feature';\n\ndescribe('biggive-video', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [BiggiveVideoFeature],\n      html: `<biggive-video-feature></biggive-video-feature>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <biggive-video-feature>\n        <mock:shadow-root>\n          <div class=\"container space-above-0 space-below-0 text-colour-primary\">\n            <div class=\"sleeve\">\n              <div class=\"content-wrap\">\n                <div class=\"slug text-colour-\"></div>\n                <h2 class=\"text-colour- title\"></h2>\n                <div class=\"teaser text-colour-\"></div>\n              </div>\n              <div class=\"graphic-wrap\">\n                <div class=\"video-wrap\">\n                  <video controls=\"\" src=\"\"></video>\n                </div>\n              </div>\n            </div>\n          </div>\n        </mock:shadow-root>\n      </biggive-video-feature>\n    `);\n  });\n});\n"]}

package/dist/components/biggive-text-input.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const biggiveTextInputCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}::slotted([slot=label]){display:inline-block;overflow:hidden;line-height:1.2;max-height:2rem}.text-input{position:relative;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.text-input .currency-symbol{position:absolute}.text-input .prompt{position:absolute;z-index:2;font-size:small;top:-1em;background-color:#F6F6F6;left:4em;padding-left:1em;padding-right:1em;color:#2C089B}.text-input.select-style-bordered .sleeve{font-size:24px;line-height:30px;font-weight:bolder;padding:2px;position:relative;background-color:#2C089B;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 15px) 0%, 100% 15px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered .sleeve .inner-sleave{background-color:#F6F6F6;color:#2C089B;display:block;position:relative;padding:10px 30px 10px 10px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 14px) 0%, 100% 14px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered .sleeve .inner-sleave:after{content:\"\";display:block;position:absolute;right:20px;top:18px;width:10px;height:10px;background-size:contain;background-repeat:no-repeat;background-position:center center}";
+const biggiveTextInputCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}::slotted([slot=label]){display:inline-block;line-height:1.2}.text-input{position:relative;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.text-input .currency-symbol{position:absolute}.text-input .prompt{position:relative;z-index:2;font-size:small;top:1em;left:4em;color:#2C089B;max-width:calc(100% - 10em);display:inline-block}.text-input .prompt>span{padding-left:1em;padding-right:1em;background-color:#F6F6F6}.text-input.select-style-bordered .sleeve{font-size:24px;line-height:30px;font-weight:bolder;padding:2px;position:relative;background-color:#2C089B;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 15px) 0%, 100% 15px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered .sleeve .inner-sleave{background-color:#F6F6F6;color:#2C089B;display:block;position:relative;padding:10px 30px 10px 10px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 14px) 0%, 100% 14px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered .sleeve .inner-sleave:after{content:\"\";display:block;position:absolute;right:20px;top:18px;width:10px;height:10px;background-size:contain;background-repeat:no-repeat;background-position:center center}";
 const BiggiveTextInputStyle0 = biggiveTextInputCss;
 
 const BiggiveTextInput$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTextInput extends HTMLElement {
@@ -15,7 +15,7 @@ const BiggiveTextInput$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTextInp
     }
     render() {
         const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;
-        return (h("div", { key: '36f325d974320a7cbbd9ea9d591fb30b14048ad3', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { key: '6c3eea801a17549648c0ee332d5e37fd59733d7d', class: "sleeve" }, h("div", { key: 'f32cade700915ce064666fdee46b28476349be8e', class: "inner-sleave" }, currencySymbol && h("span", { key: '3e9a77fff56541d0f506e0948ad8d0f67303cfab', class: "currency-symbol" }, currencySymbol), h("slot", { key: 'acc98864810398c93a700526befdf4f98cb77454', name: "input" }), h("div", { key: 'bb09a754c20170febb760874c6889fd9a66c0bb6', style: { clear: 'both' } }))), h("div", { key: '6ef14a6be5a079ef58d7b2d282653fe18979effa', class: "prompt" }, h("slot", { key: '56cfe3e2634039f26ca66d735212db40402af0f3', name: "label" }))));
+        return (h("div", { key: '36f325d974320a7cbbd9ea9d591fb30b14048ad3', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { key: '6c3eea801a17549648c0ee332d5e37fd59733d7d', class: "prompt" }, h("span", { key: 'cf5709fd0523b21f1394644f6b0ec95f4069b3d1' }, h("slot", { key: 'e2eb724b1d687b200b295c2b6b4fcf59bfd73b28', name: "label" }))), h("div", { key: 'd49549bef8a7781c94d51741721fe550e2ae6944', class: "sleeve" }, h("div", { key: '32f5213fa9a550c898023097b8333c8b3dacbbe4', class: "inner-sleave" }, currencySymbol && h("span", { key: '31b5ef3de41e506e5c80cc3e8320041a83c061a6', class: "currency-symbol" }, currencySymbol), h("slot", { key: 'e9b67fe16688e94c48545d5d247900b0ce7f90c0', name: "input" }), h("div", { key: '18571720cfaaafecbc6ff5888f86dae5f1a68b1a', style: { clear: 'both' } })))));
     }
     static get style() { return BiggiveTextInputStyle0; }
 }, [1, "biggive-text-input", {

package/dist/components/biggive-text-input.js.map

@@ -1 +1 @@
-{"file":"biggive-text-input.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,4rDAA4rD,CAAC;AACztD,+BAAe,mBAAmB;;MCYrBA,kBAAgB;;;;;;;0BAME,CAAC;2BACmB,UAAU;;IAE3D,MAAM;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,SAAS,CAAC;QACjG,QACE,4DAAK,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,UAAU,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW,IAC3F,4DAAK,KAAK,EAAC,QAAQ,IACjB,4DAAK,KAAK,EAAC,cAAc,IACtB,cAAc,IAAI,6DAAM,KAAK,EAAC,iBAAiB,IAAE,cAAc,CAAQ,EACxE,6DAAM,IAAI,EAAC,OAAO,GAAG,EACrB,4DAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAQ,CACjC,CACF,EACN,4DAAK,KAAK,EAAC,QAAQ,IACjB,6DAAM,IAAI,EAAC,OAAO,GAAG,CACjB,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveTextInput"],"sources":["src/components/biggive-text-input/biggive-text-input.scss?tag=biggive-text-input&encapsulation=shadow","src/components/biggive-text-input/biggive-text-input.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n  display: contents;\n}\n\n::slotted([slot=label]) {\n  display: inline-block;\n  overflow: hidden;\n  line-height: 1.2; // Slightly less than other text to help with long charity names.\n  max-height: 2rem; // Essential to not obscure amount on some high DPI, small screens.\n}\n\n.text-input {\n  .currency-symbol {\n    position: absolute;\n  }\n  position: relative;\n  .prompt {\n    position: absolute;\n    z-index: 2;\n    font-size: small;\n    top: -1em;\n    background-color: $colour-grey-background;\n    left: 4em;\n    padding-left: 1em;\n    padding-right: 1em;\n    color: $colour-primary-blue;\n  }\n\n  @include standard-font();\n  position: relative;\n  text-align: left;\n  &.select-style-bordered {\n    .sleeve {\n        @include font-size-large();\n        font-weight: bolder;\n        padding: 2px;\n        position: relative;\n        background-color: $colour-primary-blue;\n        @include corner-clip-small-top-right();\n        .inner-sleave {\n          background-color: $colour-grey-background;\n          color: $colour-primary-blue;\n          display: block;\n          position: relative;\n          padding: 10px 30px 10px 10px;\n          clip-path:\n            polygon(\n                0% 0%,     /* top left */\n                0% 0%,     /* top left */\n                calc(100% - 14px) 0%,    /* top right */\n                100% 14px,   /* top right */\n                100% 100%,  /* bottom right */\n                100% 100%,  /* bottom right */\n                0 100%,   /* bottom left */\n                0 100%      /* bottom left */\n            );\n          &:after {\n            content: '';\n            display: block;\n            position: absolute;\n            right: 20px;\n            top: 18px;\n            width: 10px;\n            height: 10px;\n            background-size: contain;\n            background-repeat: no-repeat;\n            background-position: center center;\n          }\n        }\n    }\n  }\n}\n\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Initially developed for use within the new donate stepper design. Currently has a hard-coded background\n * of $colour-grey-background, intened to appear transparent when used on a page with a matching background.\n *\n * Please ensure input is styled as width: 100%.\n */\n@Component({\n  tag: 'biggive-text-input',\n  styleUrl: 'biggive-text-input.scss',\n  shadow: true,\n})\nexport class BiggiveTextInput {\n  @Prop() value!: string;\n  /**\n   * ISO-4217 currency code if input is for a money value\n   */\n  @Prop() currency: 'GBP' | 'USD' | undefined;\n  @Prop() spaceBelow: number = 0;\n  @Prop() selectStyle: 'bordered' | 'underlined' = 'bordered';\n\n  render() {\n    const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;\n    return (\n      <div class={'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle}>\n        <div class=\"sleeve\">\n          <div class=\"inner-sleave\">\n            {currencySymbol && <span class=\"currency-symbol\">{currencySymbol}</span>}\n            <slot name=\"input\" />\n            <div style={{ clear: 'both' }}></div>\n          </div>\n        </div>\n        <div class=\"prompt\">\n          <slot name=\"label\" />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"biggive-text-input.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,quDAAquD,CAAC;AAClwD,+BAAe,mBAAmB;;MCYrBA,kBAAgB;;;;;;;0BAME,CAAC;2BACmB,UAAU;;IAE3D,MAAM;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,SAAS,CAAC;QACjG,QACE,4DAAK,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,UAAU,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW,IAC3F,4DAAK,KAAK,EAAC,QAAQ,IACjB,+DACE,6DAAM,IAAI,EAAC,OAAO,GAAG,CAChB,CACH,EACN,4DAAK,KAAK,EAAC,QAAQ,IACjB,4DAAK,KAAK,EAAC,cAAc,IACtB,cAAc,IAAI,6DAAM,KAAK,EAAC,iBAAiB,IAAE,cAAc,CAAQ,EACxE,6DAAM,IAAI,EAAC,OAAO,GAAG,EACrB,4DAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAQ,CACjC,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveTextInput"],"sources":["src/components/biggive-text-input/biggive-text-input.scss?tag=biggive-text-input&encapsulation=shadow","src/components/biggive-text-input/biggive-text-input.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n  display: contents;\n}\n\n::slotted([slot=label]) {\n  display: inline-block;\n  line-height: 1.2; // Slightly less than other text to help with long charity names.\n}\n\n.text-input {\n  .currency-symbol {\n    position: absolute;\n  }\n  position: relative;\n  .prompt {\n    position: relative;\n    z-index: 2;\n    font-size: small;\n    top: 1em;\n    left: 4em;\n    color: $colour-primary-blue;\n    max-width: calc(100% - 10em);\n    display: inline-block;\n\n    > span {\n      padding-left: 1em;\n      padding-right: 1em;\n      background-color: $colour-grey-background;\n    }\n  }\n\n  @include standard-font();\n  position: relative;\n  text-align: left;\n  &.select-style-bordered {\n    .sleeve {\n        @include font-size-large();\n        font-weight: bolder;\n        padding: 2px;\n        position: relative;\n        background-color: $colour-primary-blue;\n        @include corner-clip-small-top-right();\n        .inner-sleave {\n          background-color: $colour-grey-background;\n          color: $colour-primary-blue;\n          display: block;\n          position: relative;\n          padding: 10px 30px 10px 10px;\n          clip-path:\n            polygon(\n                0% 0%,     /* top left */\n                0% 0%,     /* top left */\n                calc(100% - 14px) 0%,    /* top right */\n                100% 14px,   /* top right */\n                100% 100%,  /* bottom right */\n                100% 100%,  /* bottom right */\n                0 100%,   /* bottom left */\n                0 100%      /* bottom left */\n            );\n          &:after {\n            content: '';\n            display: block;\n            position: absolute;\n            right: 20px;\n            top: 18px;\n            width: 10px;\n            height: 10px;\n            background-size: contain;\n            background-repeat: no-repeat;\n            background-position: center center;\n          }\n        }\n    }\n  }\n}\n\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Initially developed for use within the new donate stepper design. Currently has a hard-coded background\n * of $colour-grey-background, intened to appear transparent when used on a page with a matching background.\n *\n * Please ensure input is styled as width: 100%.\n */\n@Component({\n  tag: 'biggive-text-input',\n  styleUrl: 'biggive-text-input.scss',\n  shadow: true,\n})\nexport class BiggiveTextInput {\n  @Prop() value!: string;\n  /**\n   * ISO-4217 currency code if input is for a money value\n   */\n  @Prop() currency: 'GBP' | 'USD' | undefined;\n  @Prop() spaceBelow: number = 0;\n  @Prop() selectStyle: 'bordered' | 'underlined' = 'bordered';\n\n  render() {\n    const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;\n    return (\n      <div class={'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle}>\n        <div class=\"prompt\">\n          <span>\n            <slot name=\"label\" />\n          </span>\n        </div>\n        <div class=\"sleeve\">\n          <div class=\"inner-sleave\">\n            {currencySymbol && <span class=\"currency-symbol\">{currencySymbol}</span>}\n            <slot name=\"input\" />\n            <div style={{ clear: 'both' }}></div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/biggive-timeline.js

@@ -113,7 +113,7 @@ const BiggiveTimeline$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTimeline
         });
     }
     render() {
-        return (h("div", { key: 'fa8bc2fb86be98dd21ee5494da948ce839f483f4', class: 'container space-below-' +
+        return (h("div", { key: 'a57df2794d8055ce13518c748935a4f44933ea60', class: 'container space-below-' +
                 this.spaceBelow +
                 ' text-colour-' +
                 this.textColour +
@@ -136,7 +136,7 @@ const BiggiveTimeline$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTimeline
                 ' entry-title-colour-' +
                 this.entryTitleColour +
                 ' entry-text-colour-' +
-                this.entryTextColour }, h("div", { key: '097d5ef7c11cd5e73666594b5099da38cbb4b29b', class: "navigation" }, h("div", { key: 'bb85b967ef6c15b0b49533d0a3820fc337ff2bb1', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: '29e2f16187bbf3f47bb4d773198aefcdd16bf3ad', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '798e2e22578394b01f89612a9e866a1f766d3832', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: 'c10178f94868c2202996e9c9fd64512f24d41a11', class: "sleeve" }, h("ul", { key: 'eec78251afe1e1afbdcc42dcb4dd38769cd0fdeb' }, this.tabHeadings.map(tab => (h("li", { onClick: this.clickTabHandler }, tab))))), h("div", { key: '464ed69f9c70507d906f2612184cabf00ee820d4', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: '88c486dfff1662f2e53d9c9fb2c50e74e3a0147f', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '41aa9514369b430d8aa40489a85a87532affe6af', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("div", { key: '0d1eb2f1a1f5f2db8fdafc1e6b012632a0c7f538', class: "entry-wrap" }, this.children.map(entry => (h("div", { class: "entry", "data-date": entry.date }, h("h4", { class: "title" }, entry.heading), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
+                this.entryTextColour }, h("div", { key: '53ad5ad6059aaa115f64d42d1731fce34e1c46ef', class: "navigation" }, h("div", { key: 'eae1b0def646a91b30040d7ab05c01600a482644', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: '40b32928ff3177d5e3506f3a9c7a3d58d2280506', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ab8683532aa056324f06d41ee01b7304752531a8', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: '2011d417b4e60e81527858e2e5e22dfb36a53ffb', class: "sleeve" }, h("ul", { key: '4b4ef5d98bfcd52c615c741631ec911b932e0345' }, this.tabHeadings.map(tab => (h("li", { onClick: this.clickTabHandler }, tab))))), h("div", { key: 'd6e7e7ff1394336771e347a478ec06072a227322', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: '20120afb075a25f07ee5024236b7ee50ec8d588f', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4c0ee26f7f38377cf5447c8ae0874f155fcd73e5', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("div", { key: 'f273403a0a687014dc17a109adb2bbf51b942e16', class: "entry-wrap" }, this.children.map(entry => (h("div", { class: "entry", "data-date": entry.date }, h("h4", { class: "title" }, entry.heading), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
     }
     get host() { return this; }
     static get style() { return BiggiveTimelineStyle0; }

package/dist/components/biggive-totalizer-ticker-item.js

@@ -12,7 +12,7 @@ const BiggiveTotalizerTickerItem$1 = /*@__PURE__*/ proxyCustomElement(class Bigg
         this.label = undefined;
     }
     render() {
-        return (h("div", { key: '53075748d4c29a33ddf4314471741545cc6daa62', class: "ticker-item" }, h("strong", { key: '09b973f9fcfdd3112fb9ecb08b20495d74b38b9d' }, this.figure), " ", this.label));
+        return (h("div", { key: '92caa81db03fc9871cc7f6c0e5e75ef30bf29e4d', class: "ticker-item" }, h("strong", { key: '494dee81a7ff6b6dcca2aeb96f8f3d4b26e5bc40' }, this.figure), " ", this.label));
     }
     static get style() { return BiggiveTotalizerTickerItemStyle0; }
 }, [1, "biggive-totalizer-ticker-item", {

package/dist/components/biggive-totalizer.js

@@ -89,7 +89,7 @@ const BiggiveTotalizer$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTotaliz
         });
     }
     render() {
-        return (h("div", { key: '4d37766b4264fb16d9c0be792e274efe11ccfbc1', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '6d04f32e3a29042745e1dc06d3b3c1c7a95b1b06' }, h("div", { key: '96b11040780b124cdc881e3f1669eeb04db542a3', class: "banner" }, h("div", { key: '52695640c2813a6d63af7bcac8cff69ea6f4b113', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), h("div", { key: '57dbca3cb2d90bd330fb38e2a8b9f3079a3f8ffa', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("div", { key: '311e5f5947f21164e6ef0bb0fd6174abdc939ba5', id: "sleeve_1", class: "sleeve" }, h("slot", { key: '1edb6c4b750eb30ce24d4399585e4e41b3d42d55', name: "ticker-items" })), h("div", { key: '2969e3b01c8564b617fc51b65352d17177a30d86', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '2420db0ca8a8c6402b5131e9190f66766dbeee68', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '447de575a80b4a0631d16846a4d2192331b1627a', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
+        return (h("div", { key: '0a641bcc948659a2d6b6587d5efdd23ff6da7705', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'c0e2028f8e7ec5305352dd3fab47f5c493744cb1' }, h("div", { key: '87151730dff0b6f75aa74e4fb115cac5d3377f04', class: "banner" }, h("div", { key: '9cb1831926391a6921f4de0214713b3c6af9c7ca', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), h("div", { key: '1bc43d9a74377bee92bc2194ffba9289b81a612b', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("div", { key: 'e7cc45b5e947d8efd3dcf852b1fdaeb2f6c986f0', id: "sleeve_1", class: "sleeve" }, h("slot", { key: '36e49a0f66953419f0697af3cfac3c02edcb386b', name: "ticker-items" })), h("div", { key: 'd1a0416c893816a97644d2230b0cd860594cc032', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '5b4337fa1cc0a7ac1f4142b42061642b2f005c49', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '40d9274a8354e4f8611cdc3d95e6697a6aa02e2c', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
     }
     get host() { return this; }
     static get style() { return BiggiveTotalizerStyle0; }

package/dist/components/biggive-video-feature.js

@@ -26,7 +26,7 @@ const BiggiveVideoFeature$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveVide
     }
     render() {
         const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
-        return (h("div", { key: '7c2440bc61a076a571fa3a213b02187aaaaae28e', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '7c32872daa32bf15194e47e5265d30d61e33bada', class: "sleeve" }, h("div", { key: 'c6a0908c944cf4c9fb8e33a98a456b56f5a70e6c', class: "content-wrap" }, h("div", { key: 'd05d7dac6716c97c7fb59a33189055f94006cb5b', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'aa590bc910a50e7acb7e95c512bb024059fc1726', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '314725649fd3653bf20cc0cece774c8544a451cc', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { key: '37f59615e397bfc88ce6f60ec9dc642af1b231fd', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
+        return (h("div", { key: 'ca1e7e592f4bee2865b0e90150ac798b35d3f38c', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '71d0b0630cc2038115126e07cbe1f6825dfe78bd', class: "sleeve" }, h("div", { key: 'e7b4d335f1ea2730fa31184bff3ffc9e4455f5b1', class: "content-wrap" }, h("div", { key: '075dc776d1ed6ef1e144d5697cd8269397fb6486', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'f0fbd716c44291e3edf29c2decd58d8a93124207', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '7f70d22683ea00f100173e3e4034fc51468efffa', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { key: '842ee1a7ad83124ab52172ee17ac160944801a85', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
     }
     static get style() { return BiggiveVideoFeatureStyle0; }
 }, [1, "biggive-video-feature", {

package/dist/components/biggive-video.js

@@ -14,7 +14,7 @@ const BiggiveVideo$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveVideo exten
         this.videoUrl = '';
     }
     render() {
-        return (h("div", { key: '1c1e2ed35f62d9bd5ca3677dcac66a34b6b07614', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '7fb5c857c6faf3606fb71ddd2bea3329690b8f78', class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
+        return (h("div", { key: '2f45734791082583b92524301e96c2d83200a133', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: 'dd6b41cb1449af2b1dcf81b8f58794ac87847f70', class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
     }
     static get style() { return BiggiveVideoStyle0; }
 }, [1, "biggive-video", {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement, a as getAssetPath, c as createEvent, d as Host } from './index-71c68efa.js';
+import { r as registerInstance, h, g as getElement, a as getAssetPath, c as createEvent, d as Host } from './index-7638dc89.js';
 import { f as faMagnifyingGlass, F as FontAwesomeIconsService } from './fontawesome-icons-0476a0d9.js';
 import { V as VideoService } from './video-b04ad412.js';
 
@@ -1344,7 +1344,7 @@ const BiggiveTabbedContent = class {
 };
 BiggiveTabbedContent.style = BiggiveTabbedContentStyle0;
 
-const biggiveTextInputCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}::slotted([slot=label]){display:inline-block;overflow:hidden;line-height:1.2;max-height:2rem}.text-input{position:relative;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.text-input .currency-symbol{position:absolute}.text-input .prompt{position:absolute;z-index:2;font-size:small;top:-1em;background-color:#F6F6F6;left:4em;padding-left:1em;padding-right:1em;color:#2C089B}.text-input.select-style-bordered .sleeve{font-size:24px;line-height:30px;font-weight:bolder;padding:2px;position:relative;background-color:#2C089B;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 15px) 0%, 100% 15px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered .sleeve .inner-sleave{background-color:#F6F6F6;color:#2C089B;display:block;position:relative;padding:10px 30px 10px 10px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 14px) 0%, 100% 14px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered .sleeve .inner-sleave:after{content:\"\";display:block;position:absolute;right:20px;top:18px;width:10px;height:10px;background-size:contain;background-repeat:no-repeat;background-position:center center}";
+const biggiveTextInputCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}::slotted([slot=label]){display:inline-block;line-height:1.2}.text-input{position:relative;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.text-input .currency-symbol{position:absolute}.text-input .prompt{position:relative;z-index:2;font-size:small;top:1em;left:4em;color:#2C089B;max-width:calc(100% - 10em);display:inline-block}.text-input .prompt>span{padding-left:1em;padding-right:1em;background-color:#F6F6F6}.text-input.select-style-bordered .sleeve{font-size:24px;line-height:30px;font-weight:bolder;padding:2px;position:relative;background-color:#2C089B;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 15px) 0%, 100% 15px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered .sleeve .inner-sleave{background-color:#F6F6F6;color:#2C089B;display:block;position:relative;padding:10px 30px 10px 10px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 14px) 0%, 100% 14px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered .sleeve .inner-sleave:after{content:\"\";display:block;position:absolute;right:20px;top:18px;width:10px;height:10px;background-size:contain;background-repeat:no-repeat;background-position:center center}";
 const BiggiveTextInputStyle0 = biggiveTextInputCss;
 
 const BiggiveTextInput = class {
@@ -1357,7 +1357,7 @@ const BiggiveTextInput = class {
     }
     render() {
         const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;
-        return (h("div", { key: '36f325d974320a7cbbd9ea9d591fb30b14048ad3', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { key: '6c3eea801a17549648c0ee332d5e37fd59733d7d', class: "sleeve" }, h("div", { key: 'f32cade700915ce064666fdee46b28476349be8e', class: "inner-sleave" }, currencySymbol && h("span", { key: '3e9a77fff56541d0f506e0948ad8d0f67303cfab', class: "currency-symbol" }, currencySymbol), h("slot", { key: 'acc98864810398c93a700526befdf4f98cb77454', name: "input" }), h("div", { key: 'bb09a754c20170febb760874c6889fd9a66c0bb6', style: { clear: 'both' } }))), h("div", { key: '6ef14a6be5a079ef58d7b2d282653fe18979effa', class: "prompt" }, h("slot", { key: '56cfe3e2634039f26ca66d735212db40402af0f3', name: "label" }))));
+        return (h("div", { key: '36f325d974320a7cbbd9ea9d591fb30b14048ad3', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { key: '6c3eea801a17549648c0ee332d5e37fd59733d7d', class: "prompt" }, h("span", { key: 'cf5709fd0523b21f1394644f6b0ec95f4069b3d1' }, h("slot", { key: 'e2eb724b1d687b200b295c2b6b4fcf59bfd73b28', name: "label" }))), h("div", { key: 'd49549bef8a7781c94d51741721fe550e2ae6944', class: "sleeve" }, h("div", { key: '32f5213fa9a550c898023097b8333c8b3dacbbe4', class: "inner-sleave" }, currencySymbol && h("span", { key: '31b5ef3de41e506e5c80cc3e8320041a83c061a6', class: "currency-symbol" }, currencySymbol), h("slot", { key: 'e9b67fe16688e94c48545d5d247900b0ce7f90c0', name: "input" }), h("div", { key: '18571720cfaaafecbc6ff5888f86dae5f1a68b1a', style: { clear: 'both' } })))));
     }
 };
 BiggiveTextInput.style = BiggiveTextInputStyle0;
@@ -1473,7 +1473,7 @@ const BiggiveTimeline = class {
         });
     }
     render() {
-        return (h("div", { key: 'fa8bc2fb86be98dd21ee5494da948ce839f483f4', class: 'container space-below-' +
+        return (h("div", { key: 'a57df2794d8055ce13518c748935a4f44933ea60', class: 'container space-below-' +
                 this.spaceBelow +
                 ' text-colour-' +
                 this.textColour +
@@ -1496,7 +1496,7 @@ const BiggiveTimeline = class {
                 ' entry-title-colour-' +
                 this.entryTitleColour +
                 ' entry-text-colour-' +
-                this.entryTextColour }, h("div", { key: '097d5ef7c11cd5e73666594b5099da38cbb4b29b', class: "navigation" }, h("div", { key: 'bb85b967ef6c15b0b49533d0a3820fc337ff2bb1', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: '29e2f16187bbf3f47bb4d773198aefcdd16bf3ad', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '798e2e22578394b01f89612a9e866a1f766d3832', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: 'c10178f94868c2202996e9c9fd64512f24d41a11', class: "sleeve" }, h("ul", { key: 'eec78251afe1e1afbdcc42dcb4dd38769cd0fdeb' }, this.tabHeadings.map(tab => (h("li", { onClick: this.clickTabHandler }, tab))))), h("div", { key: '464ed69f9c70507d906f2612184cabf00ee820d4', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: '88c486dfff1662f2e53d9c9fb2c50e74e3a0147f', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '41aa9514369b430d8aa40489a85a87532affe6af', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("div", { key: '0d1eb2f1a1f5f2db8fdafc1e6b012632a0c7f538', class: "entry-wrap" }, this.children.map(entry => (h("div", { class: "entry", "data-date": entry.date }, h("h4", { class: "title" }, entry.heading), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
+                this.entryTextColour }, h("div", { key: '53ad5ad6059aaa115f64d42d1731fce34e1c46ef', class: "navigation" }, h("div", { key: 'eae1b0def646a91b30040d7ab05c01600a482644', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: '40b32928ff3177d5e3506f3a9c7a3d58d2280506', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ab8683532aa056324f06d41ee01b7304752531a8', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: '2011d417b4e60e81527858e2e5e22dfb36a53ffb', class: "sleeve" }, h("ul", { key: '4b4ef5d98bfcd52c615c741631ec911b932e0345' }, this.tabHeadings.map(tab => (h("li", { onClick: this.clickTabHandler }, tab))))), h("div", { key: 'd6e7e7ff1394336771e347a478ec06072a227322', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: '20120afb075a25f07ee5024236b7ee50ec8d588f', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4c0ee26f7f38377cf5447c8ae0874f155fcd73e5', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("div", { key: 'f273403a0a687014dc17a109adb2bbf51b942e16', class: "entry-wrap" }, this.children.map(entry => (h("div", { class: "entry", "data-date": entry.date }, h("h4", { class: "title" }, entry.heading), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
     }
     get host() { return getElement(this); }
 };
@@ -1604,7 +1604,7 @@ const BiggiveTotalizer = class {
         });
     }
     render() {
-        return (h("div", { key: '4d37766b4264fb16d9c0be792e274efe11ccfbc1', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '6d04f32e3a29042745e1dc06d3b3c1c7a95b1b06' }, h("div", { key: '96b11040780b124cdc881e3f1669eeb04db542a3', class: "banner" }, h("div", { key: '52695640c2813a6d63af7bcac8cff69ea6f4b113', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), h("div", { key: '57dbca3cb2d90bd330fb38e2a8b9f3079a3f8ffa', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("div", { key: '311e5f5947f21164e6ef0bb0fd6174abdc939ba5', id: "sleeve_1", class: "sleeve" }, h("slot", { key: '1edb6c4b750eb30ce24d4399585e4e41b3d42d55', name: "ticker-items" })), h("div", { key: '2969e3b01c8564b617fc51b65352d17177a30d86', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '2420db0ca8a8c6402b5131e9190f66766dbeee68', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '447de575a80b4a0631d16846a4d2192331b1627a', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
+        return (h("div", { key: '0a641bcc948659a2d6b6587d5efdd23ff6da7705', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'c0e2028f8e7ec5305352dd3fab47f5c493744cb1' }, h("div", { key: '87151730dff0b6f75aa74e4fb115cac5d3377f04', class: "banner" }, h("div", { key: '9cb1831926391a6921f4de0214713b3c6af9c7ca', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), h("div", { key: '1bc43d9a74377bee92bc2194ffba9289b81a612b', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("div", { key: 'e7cc45b5e947d8efd3dcf852b1fdaeb2f6c986f0', id: "sleeve_1", class: "sleeve" }, h("slot", { key: '36e49a0f66953419f0697af3cfac3c02edcb386b', name: "ticker-items" })), h("div", { key: 'd1a0416c893816a97644d2230b0cd860594cc032', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '5b4337fa1cc0a7ac1f4142b42061642b2f005c49', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '40d9274a8354e4f8611cdc3d95e6697a6aa02e2c', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
     }
     get host() { return getElement(this); }
 };
@@ -1620,7 +1620,7 @@ const BiggiveTotalizerTickerItem = class {
         this.label = undefined;
     }
     render() {
-        return (h("div", { key: '53075748d4c29a33ddf4314471741545cc6daa62', class: "ticker-item" }, h("strong", { key: '09b973f9fcfdd3112fb9ecb08b20495d74b38b9d' }, this.figure), " ", this.label));
+        return (h("div", { key: '92caa81db03fc9871cc7f6c0e5e75ef30bf29e4d', class: "ticker-item" }, h("strong", { key: '494dee81a7ff6b6dcca2aeb96f8f3d4b26e5bc40' }, this.figure), " ", this.label));
     }
 };
 BiggiveTotalizerTickerItem.style = BiggiveTotalizerTickerItemStyle0;
@@ -1647,7 +1647,7 @@ const BiggiveVideoFeature = class {
     }
     render() {
         const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
-        return (h("div", { key: '7c2440bc61a076a571fa3a213b02187aaaaae28e', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '7c32872daa32bf15194e47e5265d30d61e33bada', class: "sleeve" }, h("div", { key: 'c6a0908c944cf4c9fb8e33a98a456b56f5a70e6c', class: "content-wrap" }, h("div", { key: 'd05d7dac6716c97c7fb59a33189055f94006cb5b', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'aa590bc910a50e7acb7e95c512bb024059fc1726', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '314725649fd3653bf20cc0cece774c8544a451cc', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { key: '37f59615e397bfc88ce6f60ec9dc642af1b231fd', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
+        return (h("div", { key: 'ca1e7e592f4bee2865b0e90150ac798b35d3f38c', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '71d0b0630cc2038115126e07cbe1f6825dfe78bd', class: "sleeve" }, h("div", { key: 'e7b4d335f1ea2730fa31184bff3ffc9e4455f5b1', class: "content-wrap" }, h("div", { key: '075dc776d1ed6ef1e144d5697cd8269397fb6486', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'f0fbd716c44291e3edf29c2decd58d8a93124207', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '7f70d22683ea00f100173e3e4034fc51468efffa', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { key: '842ee1a7ad83124ab52172ee17ac160944801a85', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
     }
 };
 BiggiveVideoFeature.style = BiggiveVideoFeatureStyle0;