@biggive/components 202501211147.0.0 → 202501311659.0.0

package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.css

@@ -138,6 +138,11 @@ a:hover {
   color: #BF387D;
 }
 
+.text-colour-hover-brand-scw-magenta:hover,
+.text-colour-brand-scw-magenta {
+  color: #EE2C65;
+}
+
 .text-colour-hover-brand-mhf-turquoise:hover,
 .text-colour-brand-mhf-turquoise {
   color: #62CFC9;
@@ -513,6 +518,25 @@ a:hover {
 .container.button-icon-colour-brand-afa-pink .navigation .button svg path {
   stroke: #BF387D;
 }
+.container.text-colour-brand-scw-magenta .navigation li {
+  color: #EE2C65;
+}
+.container.navigation-highlight-colour-brand-scw-magenta .navigation ul {
+  border-color: #EE2C65;
+}
+.container.selected-text-colour-brand-scw-magenta .navigation li.selected {
+  color: #EE2C65;
+  border-color: #EE2C65;
+}
+.container.selected-navigation-highlight-colour-brand-scw-magenta .navigation li.selected {
+  border-color: #EE2C65;
+}
+.container.button-background-colour-brand-scw-magenta .navigation .button {
+  background-color: #EE2C65;
+}
+.container.button-icon-colour-brand-scw-magenta .navigation .button svg path {
+  stroke: #EE2C65;
+}
 .container.text-colour-brand-mhf-turquoise .navigation li {
   color: #62CFC9;
 }

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

@@ -103,7 +103,7 @@ export class BiggiveTabbedContent {
         });
     }
     render() {
-        return (h("div", { key: '67e74d9174ffcc2ded44d5049c1666dfd7e66752', class: 'container space-below-' +
+        return (h("div", { key: '5cfdf6348cfdf690e355bbf7594aecd110f7f8bf', class: 'container space-below-' +
                 this.spaceBelow +
                 ' text-colour-' +
                 this.textColour +
@@ -116,7 +116,7 @@ export class BiggiveTabbedContent {
                 ' button-background-colour-' +
                 this.buttonBackgroundColour +
                 ' button-icon-colour-' +
-                this.buttonIconColour }, h("div", { key: '059353ec80948da43720decddea2314ace34d922', class: "navigation" }, h("div", { key: '19ac53f7fa0cfbeb89a3edc738881f4f4d6460a6', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: 'f7c2cf3aa1719baa11d867c5020607306258ac09', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'cacdb26c24095d28d0ceaa346bf3af640d4d9f61', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: '5c9a7c4739bfdeb840447a89f26c32b9c8e41533', class: "sleeve" }, h("ul", { key: '174a7cc28ad6a844c363d63c1ad2c85e234f70c1' }, this.children.map(child => (h("li", { onClick: this.clickTabHandler }, child.tabTitle))))), h("div", { key: '21dee5cc8df85f737d3f6a479ef125b207219be9', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: 'feb7d2b0266f8c81678ab5b5089f92307d5abd6d', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '42dcc399bd06941ebbabb59213dcea351246b606', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("slot", { key: 'b67ceaeabd3e7e7a3b67813f35a091124f839f64' })));
+                this.buttonIconColour }, h("div", { key: '979cabf49033a13102b29f8aa508410e9e41c907', class: "navigation" }, h("div", { key: '2a250fb9100be79e1d467034c56023f98fcd79b6', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: 'c214160d98a9e8d05654299400c664b8fe0ee2fc', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'cefbefddbf0220769a82791f0cebea8f2f7e68ec', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: '7f7164cd0974134a06bfd3a794fa34a1785569b7', class: "sleeve" }, h("ul", { key: 'ed84d06909f9e38cc70be56a9af53bcc092bf835' }, this.children.map(child => (h("li", { onClick: this.clickTabHandler }, child.tabTitle))))), h("div", { key: 'b390e57bfc6ee90253a93f338aa0620b58b4d351', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: '06e907d2b6409bbee1d39db9ccede943a812deaf', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '352d25161fdefee071c4722c7a846b8697d186d8', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("slot", { key: '1f9db4f0b399a24d4cc35e3130dfa78fb2474b17' })));
     }
     static get is() { return "biggive-tabbed-content"; }
     static get encapsulation() { return "shadow"; }
@@ -163,7 +163,7 @@ export class BiggiveTabbedContent {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",
@@ -189,7 +189,7 @@ export class BiggiveTabbedContent {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",
@@ -215,7 +215,7 @@ export class BiggiveTabbedContent {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",
@@ -241,7 +241,7 @@ export class BiggiveTabbedContent {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",
@@ -267,7 +267,7 @@ export class BiggiveTabbedContent {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",
@@ -293,7 +293,7 @@ export class BiggiveTabbedContent {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",

package/dist/collection/components/biggive-table/biggive-table.css

@@ -82,6 +82,11 @@ a:hover {
   background-color: #BF387D;
 }
 
+.background-colour-hover-brand-scw-magenta:hover,
+.background-colour-brand-scw-magenta {
+  background-color: #EE2C65;
+}
+
 .background-colour-hover-brand-mhf-turquoise:hover,
 .background-colour-brand-mhf-turquoise {
   background-color: #62CFC9;
@@ -183,6 +188,10 @@ a:hover {
   fill: #BF387D;
 }
 
+.fill-brand-scw-magenta {
+  fill: #EE2C65;
+}
+
 .fill-brand-mhf-turquoise {
   fill: #62CFC9;
 }
@@ -394,6 +403,18 @@ a:hover {
 .container.body-background-colour-brand-afa-pink tbody {
   background-color: #BF387D;
 }
+.container.header-text-colour-brand-scw-magenta thead {
+  color: #EE2C65;
+}
+.container.header-background-colour-brand-scw-magenta thead {
+  background-color: #EE2C65;
+}
+.container.body-text-colour-brand-scw-magenta tbody {
+  color: #EE2C65;
+}
+.container.body-background-colour-brand-scw-magenta tbody {
+  background-color: #EE2C65;
+}
 .container.header-text-colour-brand-mhf-turquoise thead {
   color: #62CFC9;
 }

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

@@ -8,7 +8,7 @@ export class BiggiveTable {
         this.bodyBackgroundColour = 'grey-light';
     }
     render() {
-        return (h("div", { key: '220b15db2a12bd18b6d9587f9d6f4031305f6f63', class: 'container header-text-colour-' +
+        return (h("div", { key: '3113e1e0f25a9484452e48ae77f7f715a997c15b', class: 'container header-text-colour-' +
                 this.headerTextColour +
                 ' header-background-colour-' +
                 this.headerBackgroundColour +
@@ -17,7 +17,7 @@ export class BiggiveTable {
                 ' body-background-colour-' +
                 this.bodyBackgroundColour +
                 ' space-below-' +
-                this.spaceBelow }, h("slot", { key: '0f5ad0a34feda1cb755e77ef823abc2e5902bf90' })));
+                this.spaceBelow }, h("slot", { key: '3f0c914570a0319d25ce31ca8e3d245f3f1ab77f' })));
     }
     static get is() { return "biggive-table"; }
     static get originalStyleUrls() {
@@ -63,7 +63,7 @@ export class BiggiveTable {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",
@@ -89,7 +89,7 @@ export class BiggiveTable {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",
@@ -115,7 +115,7 @@ export class BiggiveTable {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",
@@ -141,7 +141,7 @@ export class BiggiveTable {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",

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

@@ -12,7 +12,7 @@ export class BiggiveTextInput {
     }
     render() {
         const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;
-        return (h("div", { key: 'edf9e3db837778372ba6ceceb58a6818fd812ddd', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { key: '86c5bdb75655b8b4fb3d0ad6a8ca5c8d68af513e', class: "prompt" }, h("span", { key: '5cb5cc68931015f9bcd7f0114b798882474b7c45' }, h("slot", { key: '7a5cb78f7dde13fa2adbe4162fce1f77ebc34f2b', name: "label" }))), h("div", { key: '089605f1b01b79cb8b01ce26fb34fa256f9adc47', class: "sleeve" }, h("div", { key: '49c2c3fa5c438d5639c50f8db847ea4a1edb995d', class: "inner-sleeve" }, currencySymbol && h("span", { key: 'f3c287ce02fd56a61482c853b97cf56cdd09b7a9', class: "currency-symbol" }, currencySymbol), h("slot", { key: 'a9441a543305e26c812aeb9be03e40f239d47b5e', name: "input" }), h("div", { key: '0906c18427ba17a53139b75282015ed56eae7d12', style: { clear: 'both' } })))));
+        return (h("div", { key: '9e78030f54ec54359f8b950b6139fa6dec9e32d4', class: 'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, h("div", { key: '7441b8233957df9ff75334079e4a505a974e8129', class: "prompt" }, h("span", { key: '7faf8126e9562ef2df909654fa275e34b8a97cc1' }, h("slot", { key: '9186f109821237249f08a4e32fa85652f537a108', name: "label" }))), h("div", { key: 'd7bc658b0f33e1bba635b9fc29d17eccfd044710', class: "sleeve" }, h("div", { key: '27f3d738de9b04defb7e814855444e51476eea85', class: "inner-sleeve" }, currencySymbol && h("span", { key: '14a0e605a931bbbbdac309d94ddb447536984ef5', class: "currency-symbol" }, currencySymbol), h("slot", { key: '8e435c7c374870705c4c7d1a9ff782ea6efac4c5', name: "input" }), h("div", { key: '231bf46c582d69a15224f6629d0147026433af12', style: { clear: 'both' } })))));
     }
     componentDidLoad() {
         const nativeInput = this.host.querySelector(`[slot="input"]`);

package/dist/collection/components/biggive-timeline/biggive-timeline.css

@@ -138,6 +138,11 @@ a:hover {
   color: #BF387D;
 }
 
+.text-colour-hover-brand-scw-magenta:hover,
+.text-colour-brand-scw-magenta {
+  color: #EE2C65;
+}
+
 .text-colour-hover-brand-mhf-turquoise:hover,
 .text-colour-brand-mhf-turquoise {
   color: #62CFC9;
@@ -724,6 +729,39 @@ a:hover {
 .container.entry-text-colour-brand-afa-pink .entry .content {
   color: #BF387D;
 }
+.container.text-colour-brand-scw-magenta .navigation li {
+  color: #EE2C65;
+}
+.container.navigation-highlight-colour-brand-scw-magenta .navigation ul {
+  border-color: #EE2C65;
+}
+.container.selected-text-colour-brand-scw-magenta .navigation li.selected {
+  color: #EE2C65;
+}
+.container.selected-navigation-highlight-colour-brand-scw-magenta .navigation li.selected {
+  border-color: #EE2C65;
+}
+.container.button-background-colour-brand-scw-magenta .navigation .button {
+  background-color: #EE2C65;
+}
+.container.button-icon-colour-brand-scw-magenta .navigation .button svg path {
+  stroke: #EE2C65;
+}
+.container.entry-background-colour-brand-scw-magenta .entry {
+  background-color: #EE2C65;
+}
+.container.entry-highlight-colour-brand-scw-magenta .entry {
+  border-color: #EE2C65;
+}
+.container.entry-date-colour-brand-scw-magenta .entry .date {
+  color: #EE2C65;
+}
+.container.entry-title-colour-brand-scw-magenta .entry .title {
+  color: #EE2C65;
+}
+.container.entry-text-colour-brand-scw-magenta .entry .content {
+  color: #EE2C65;
+}
 .container.text-colour-brand-mhf-turquoise .navigation li {
   color: #62CFC9;
 }

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

@@ -106,7 +106,7 @@ export class BiggiveTimeline {
         });
     }
     render() {
-        return (h("div", { key: 'a601e381bf304e99531a8df902e182896e36d77a', class: 'container space-below-' +
+        return (h("div", { key: 'a9961be69f9f541203a47814006e2be988b52ab9', class: 'container space-below-' +
                 this.spaceBelow +
                 ' text-colour-' +
                 this.textColour +
@@ -129,7 +129,7 @@ export class BiggiveTimeline {
                 ' entry-title-colour-' +
                 this.entryTitleColour +
                 ' entry-text-colour-' +
-                this.entryTextColour }, h("div", { key: '8a9fad7ab532ba2c4da4f119a5a4906f16efb835', class: "navigation" }, h("div", { key: 'e55d682893bd27de12510916124dab7ab95cfe72', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: '0e169264777239b9b636c66efdb112ce9cf747a1', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2a69caab071b48e08adff8b47f52dc11af7516f6', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: 'f37fdece240f143c92f4bca626c3d20a6c3ee570', class: "sleeve" }, h("ul", { key: 'e8086fe22f8a538ef8ab139b360dd91d2b12ebc3' }, this.tabHeadings.map(tab => (h("li", { onClick: this.clickTabHandler }, tab))))), h("div", { key: 'c8225f298c1c0ae5ae3341dcb07f4c53105e2c61', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: '447f0bd224e80981a35dfeb8fd656d39629da86a', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '04994a9c72b68e68dad1f287576cfae8c77aa519', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("div", { key: 'e1f8b577f11d6f1a3f32afdc3f1cd1fb45558963', 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: '3f848f10c6cdbe26562e17442ea1e9eb904d4e39', class: "navigation" }, h("div", { key: '2c3c7285fd6fd3520fc089a5def499f378a9052d', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: '44e00ce196b1a99f6f84c4ee52c057fb7141a757', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'bbc7bfdff9e0bd586b8dd837071b0ac07249d6d4', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: '4ee0d3362cc4165ae05d6e7f4d3c3b9ab9a3e9cd', class: "sleeve" }, h("ul", { key: 'c6036e130b372b20dcc1abae74bee7895181ed6f' }, this.tabHeadings.map(tab => (h("li", { onClick: this.clickTabHandler }, tab))))), h("div", { key: 'ad26760d698870d8dd293db7d329721dc21ffa89', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: '72e003228b924b127a400df0d823c8f0380c6cd3', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '717a51fb968fef4c773982a50274237ca82516aa', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("div", { key: '53fbf7529f1264d8f9b4112bfd8bc3070384dff9', 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 })))))));
     }
     static get is() { return "biggive-timeline"; }
     static get encapsulation() { return "shadow"; }
@@ -176,7 +176,7 @@ export class BiggiveTimeline {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",
@@ -202,7 +202,7 @@ export class BiggiveTimeline {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",
@@ -228,7 +228,7 @@ export class BiggiveTimeline {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",
@@ -254,7 +254,7 @@ export class BiggiveTimeline {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",
@@ -280,7 +280,7 @@ export class BiggiveTimeline {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",
@@ -306,7 +306,7 @@ export class BiggiveTimeline {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",
@@ -332,7 +332,7 @@ export class BiggiveTimeline {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",
@@ -358,7 +358,7 @@ export class BiggiveTimeline {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",
@@ -384,7 +384,7 @@ export class BiggiveTimeline {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",
@@ -410,7 +410,7 @@ export class BiggiveTimeline {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",
@@ -436,7 +436,7 @@ export class BiggiveTimeline {
                 "mutable": false,
                 "complexType": {
                     "original": "brandColour",
-                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+                    "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-scw-magenta\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
                     "references": {
                         "brandColour": {
                             "location": "import",

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

@@ -82,6 +82,11 @@ a:hover {
   background-color: #BF387D;
 }
 
+.background-colour-hover-brand-scw-magenta:hover,
+.background-colour-brand-scw-magenta {
+  background-color: #EE2C65;
+}
+
 .background-colour-hover-brand-mhf-turquoise:hover,
 .background-colour-brand-mhf-turquoise {
   background-color: #62CFC9;
@@ -253,6 +258,11 @@ a:hover {
   color: #BF387D;
 }
 
+.text-colour-hover-brand-scw-magenta:hover,
+.text-colour-brand-scw-magenta {
+  color: #EE2C65;
+}
+
 .text-colour-hover-brand-mhf-turquoise:hover,
 .text-colour-brand-mhf-turquoise {
   color: #62CFC9;

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

@@ -95,7 +95,7 @@ export class BiggiveTotalizer {
         });
     }
     render() {
-        return (h("div", { key: '267cd581fbd35550879e72457495d80bef4a82ff', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '5c4d632ebc144c0ab0d27457832368f7bd20795a' }, h("div", { key: 'cd81a5eecc7d5286a1ce82229e063e7288a87cad', class: "banner" }, h("div", { key: 'ec1ae3c52999953664d656b7497b805a3e654571', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), h("div", { key: 'c11607a10e767dc90d68d7c5408cbba053b27860', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("div", { key: '6cc7ec8ac7e86e1724c3255ed5ae995215f0ba34', id: "sleeve_1", class: "sleeve" }, h("slot", { key: 'af02de00b89bda2100e22ca9ff04109ddfe2653a', name: "ticker-items" })), h("div", { key: 'af315b972bddb0496603f4b8d0a4d9d475158713', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), h("div", { key: 'd61fa8191ad72829c77aa496ad8714d5f8a2ea17', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), h("div", { key: 'd33f1878b881cd12fa310dc9fb5346bd0b20ee70', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
+        return (h("div", { key: '5497ea38cbf0be46454b7b0f214b9418137f6504', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '73ecc00ddd640b1438bdc0513840111099c624b9' }, h("div", { key: '0bc9401d9348502cfe11bb86d86c8a5ede6e8127', class: "banner" }, h("div", { key: 'fc626e49be93d0d7872426797882f19843e0e39e', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), h("div", { key: '4a0a5a34b0b855b9e95887ba217f60929cff70ee', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("div", { key: 'd5f5c4703acbb60b8fa15e4808d23434441ea734', id: "sleeve_1", class: "sleeve" }, h("slot", { key: '4db80670f82e9fafcfbb7588ada7054883e3c2fa', name: "ticker-items" })), h("div", { key: '2f21e5e42d7f9dc0d5b29bf98d9c7f426462bb2d', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), h("div", { key: 'ddb188bc42d2ef515add8c9aacd1c5af1764d2c4', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '549c7dbd1a870ad05792dfb4b86d185b680ecaf3', 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-ticker-item/biggive-totalizer-ticker-item.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class BiggiveTotalizerTickerItem {
     render() {
-        return (h("div", { key: 'a2402c2906760dd5e9f2220ba9f3b82e402ac668', class: "ticker-item" }, h("strong", { key: 'f5c711457f2fd02384f65e8a3d0cefd4643b6fe0' }, this.figure), " ", this.label));
+        return (h("div", { key: '8c5cee13c04443e4ca9c0aaf18f92cb4555ac164', class: "ticker-item" }, h("strong", { key: 'e9be445499ceba35c8d73ba77e269d2dd6d85f36' }, this.figure), " ", this.label));
     }
     static get is() { return "biggive-totalizer-ticker-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,7 +16,7 @@ export class BiggiveVideo {
         this.videoUrl = '';
     }
     render() {
-        return (h("div", { key: '1e66e72bf87e15c4d58b83cdaa0a26cebf4d22d8', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '7ef19d7611781a242e663bc28010b097cd0d4028', class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
+        return (h("div", { key: 'aed8d0e823c00b293652aea2230fdca54abdb83c', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: 'a2c455aca784a837a525356502e90f5621b8fd3e', 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-feature/biggive-video-feature.css

@@ -138,6 +138,11 @@ a:hover {
   color: #BF387D;
 }
 
+.text-colour-hover-brand-scw-magenta:hover,
+.text-colour-brand-scw-magenta {
+  color: #EE2C65;
+}
+
 .text-colour-hover-brand-mhf-turquoise:hover,
 .text-colour-brand-mhf-turquoise {
   color: #62CFC9;

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

@@ -37,7 +37,7 @@ export class BiggiveVideoFeature {
     }
     render() {
         const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
-        return (h("div", { key: '7d2a231f789553ad8dfdc3ebd8884f48057f147e', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '391f743e9018cb60ce83804c4597220bcd4f3df3', class: "sleeve" }, h("div", { key: '4fdfb9f9fa050ec11e3f4a32baa6abc80bae71a3', class: "content-wrap" }, h("div", { key: 'd0eaac2caf400907de0b49e014dbad2eef0c35f5', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'd2c95d73e736ae63e27665900218e96b4d715c37', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: 'ace69dfa99e277452f932c5812f1ea5a48308f86', 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: '8d6684eff4fd5d7b1347a3d122ec7518b3be0af5', 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: '2087e1d62cb02b0d5f34e5804b30f47ff3813f88', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '43584da0031363635b816dc505e9933c999d13c5', class: "sleeve" }, h("div", { key: '8c83e67f8cafc4a6e4389fa037b458903e36fcad', class: "content-wrap" }, h("div", { key: '2e69b8fa31135c3e119d0b43b99aad794c3b04a4', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: '75b55e12ea3429f8d494b5388bc5ca548bd13d65', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '21d8dce01cb6e527ec3559f7cea323a1d289fc4f', 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: 'b220be993a43d7a80285a0748e1e794366787282', 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/globals/brand-colour.js.map

@@ -1 +1 @@
-{"version":3,"file":"brand-colour.js","sourceRoot":"","sources":["../../src/globals/brand-colour.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * @see $colours in src/globals/variables.scss . This and that should be updated together.\n *\n * @todo consider changing values to remove need for comments. Not doing right now to avoid possible semantic\n * merge conflicts.\n */\nexport type brandColour =\n  | 'primary' // blue\n  | 'secondary' // green\n  | 'tertiary' // coral\n  | 'brand-cc-red'\n  | 'brand-wgmf-purple'\n  | 'brand-gmf-green'\n  | 'brand-emf-yellow'\n  | 'brand-c4c-orange'\n  | 'brand-afa-pink'\n  | 'brand-grey'\n  | 'brand-mhf-turquoise'\n  | 'white'\n  | 'black'\n  | 'grey-extra-light'\n  | 'grey-light'\n  | 'grey-medium'\n  | 'grey-dark';\n"]}
+{"version":3,"file":"brand-colour.js","sourceRoot":"","sources":["../../src/globals/brand-colour.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * @see $colours in src/globals/variables.scss . This and that should be updated together.\n *\n * @todo consider changing values to remove need for comments. Not doing right now to avoid possible semantic\n * merge conflicts.\n */\nexport type brandColour =\n  | 'primary' // blue\n  | 'secondary' // green\n  | 'tertiary' // coral\n  | 'brand-cc-red'\n  | 'brand-wgmf-purple'\n  | 'brand-gmf-green'\n  | 'brand-emf-yellow'\n  | 'brand-c4c-orange'\n  | 'brand-afa-pink'\n  | 'brand-scw-magenta'\n  | 'brand-grey'\n  | 'brand-mhf-turquoise'\n  | 'white'\n  | 'black'\n  | 'grey-extra-light'\n  | 'grey-light'\n  | 'grey-medium'\n  | 'grey-dark';\n"]}

package/dist/components/biggive-accordion.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const biggiveAccordionCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .entry h3.heading{position:relative;margin:25px 0 0 0;padding:15px 60px 10px 20px;border-bottom:1px solid #000000;cursor:pointer}.container .entry h3.heading span.arrow{display:block;position:absolute;right:20px;top:10px;width:40px;height:20px;text-align:center}.container .entry .content{overflow:hidden;max-height:0;padding:0 20px}.container .entry.expanded .content{max-height:100%}.container .entry.expanded span.arrow{transform:rotate(-180deg)}.container.heading-colour-primary .entry h3.heading svg path{stroke:#2C089B}.container.heading-colour-primary h3.heading{color:#2C089B}.container.text-colour-primary .content{color:#2C089B}.container.heading-colour-secondary .entry h3.heading svg path{stroke:#2AF135}.container.heading-colour-secondary h3.heading{color:#2AF135}.container.text-colour-secondary .content{color:#2AF135}.container.heading-colour-tertiary .entry h3.heading svg path{stroke:#FF7272}.container.heading-colour-tertiary h3.heading{color:#FF7272}.container.text-colour-tertiary .content{color:#FF7272}.container.heading-colour-brand-1 .entry h3.heading svg path{stroke:#B30510}.container.heading-colour-brand-1 h3.heading{color:#B30510}.container.text-colour-brand-1 .content{color:#B30510}.container.heading-colour-brand-2 .entry h3.heading svg path{stroke:#6E0887}.container.heading-colour-brand-2 h3.heading{color:#6E0887}.container.text-colour-brand-2 .content{color:#6E0887}.container.heading-colour-brand-3 .entry h3.heading svg path{stroke:#50B400}.container.heading-colour-brand-3 h3.heading{color:#50B400}.container.text-colour-brand-3 .content{color:#50B400}.container.heading-colour-brand-4 .entry h3.heading svg path{stroke:#FFE500}.container.heading-colour-brand-4 h3.heading{color:#FFE500}.container.text-colour-brand-4 .content{color:#FFE500}.container.heading-colour-brand-5 .entry h3.heading svg path{stroke:#F07D00}.container.heading-colour-brand-5 h3.heading{color:#F07D00}.container.text-colour-brand-5 .content{color:#F07D00}.container.heading-colour-brand-cc-red .entry h3.heading svg path{stroke:#B30510}.container.heading-colour-brand-cc-red h3.heading{color:#B30510}.container.text-colour-brand-cc-red .content{color:#B30510}.container.heading-colour-brand-wgmf-purple .entry h3.heading svg path{stroke:#6E0887}.container.heading-colour-brand-wgmf-purple h3.heading{color:#6E0887}.container.text-colour-brand-wgmf-purple .content{color:#6E0887}.container.heading-colour-brand-gmf-green .entry h3.heading svg path{stroke:#50B400}.container.heading-colour-brand-gmf-green h3.heading{color:#50B400}.container.text-colour-brand-gmf-green .content{color:#50B400}.container.heading-colour-brand-emf-yellow .entry h3.heading svg path{stroke:#FFE500}.container.heading-colour-brand-emf-yellow h3.heading{color:#FFE500}.container.text-colour-brand-emf-yellow .content{color:#FFE500}.container.heading-colour-brand-c4c-orange .entry h3.heading svg path{stroke:#F07D00}.container.heading-colour-brand-c4c-orange h3.heading{color:#F07D00}.container.text-colour-brand-c4c-orange .content{color:#F07D00}.container.heading-colour-brand-afa-pink .entry h3.heading svg path{stroke:#BF387D}.container.heading-colour-brand-afa-pink h3.heading{color:#BF387D}.container.text-colour-brand-afa-pink .content{color:#BF387D}.container.heading-colour-brand-mhf-turquoise .entry h3.heading svg path{stroke:#62CFC9}.container.heading-colour-brand-mhf-turquoise h3.heading{color:#62CFC9}.container.text-colour-brand-mhf-turquoise .content{color:#62CFC9}.container.heading-colour-brand-grey .entry h3.heading svg path{stroke:#CBC8C8}.container.heading-colour-brand-grey h3.heading{color:#CBC8C8}.container.text-colour-brand-grey .content{color:#CBC8C8}.container.heading-colour-white .entry h3.heading svg path{stroke:#FFFFFF}.container.heading-colour-white h3.heading{color:#FFFFFF}.container.text-colour-white .content{color:#FFFFFF}.container.heading-colour-black .entry h3.heading svg path{stroke:#000000}.container.heading-colour-black h3.heading{color:#000000}.container.text-colour-black .content{color:#000000}.container.heading-colour-grey-extra-light .entry h3.heading svg path{stroke:#D7D7D7}.container.heading-colour-grey-extra-light h3.heading{color:#D7D7D7}.container.text-colour-grey-extra-light .content{color:#D7D7D7}.container.heading-colour-grey-light .entry h3.heading svg path{stroke:#E8E8E8}.container.heading-colour-grey-light h3.heading{color:#E8E8E8}.container.text-colour-grey-light .content{color:#E8E8E8}.container.heading-colour-grey-medium .entry h3.heading svg path{stroke:#8A8A8A}.container.heading-colour-grey-medium h3.heading{color:#8A8A8A}.container.text-colour-grey-medium .content{color:#8A8A8A}.container.heading-colour-grey-dark .entry h3.heading svg path{stroke:#4A4A4A}.container.heading-colour-grey-dark h3.heading{color:#4A4A4A}.container.text-colour-grey-dark .content{color:#4A4A4A}.container.heading-colour-brand-6 .entry h3.heading svg path{stroke:#62CFC9}.container.heading-colour-brand-6 h3.heading{color:#62CFC9}.container.text-colour-brand-6 .content{color:#62CFC9}";
+const biggiveAccordionCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .entry h3.heading{position:relative;margin:25px 0 0 0;padding:15px 60px 10px 20px;border-bottom:1px solid #000000;cursor:pointer}.container .entry h3.heading span.arrow{display:block;position:absolute;right:20px;top:10px;width:40px;height:20px;text-align:center}.container .entry .content{overflow:hidden;max-height:0;padding:0 20px}.container .entry.expanded .content{max-height:100%}.container .entry.expanded span.arrow{transform:rotate(-180deg)}.container.heading-colour-primary .entry h3.heading svg path{stroke:#2C089B}.container.heading-colour-primary h3.heading{color:#2C089B}.container.text-colour-primary .content{color:#2C089B}.container.heading-colour-secondary .entry h3.heading svg path{stroke:#2AF135}.container.heading-colour-secondary h3.heading{color:#2AF135}.container.text-colour-secondary .content{color:#2AF135}.container.heading-colour-tertiary .entry h3.heading svg path{stroke:#FF7272}.container.heading-colour-tertiary h3.heading{color:#FF7272}.container.text-colour-tertiary .content{color:#FF7272}.container.heading-colour-brand-1 .entry h3.heading svg path{stroke:#B30510}.container.heading-colour-brand-1 h3.heading{color:#B30510}.container.text-colour-brand-1 .content{color:#B30510}.container.heading-colour-brand-2 .entry h3.heading svg path{stroke:#6E0887}.container.heading-colour-brand-2 h3.heading{color:#6E0887}.container.text-colour-brand-2 .content{color:#6E0887}.container.heading-colour-brand-3 .entry h3.heading svg path{stroke:#50B400}.container.heading-colour-brand-3 h3.heading{color:#50B400}.container.text-colour-brand-3 .content{color:#50B400}.container.heading-colour-brand-4 .entry h3.heading svg path{stroke:#FFE500}.container.heading-colour-brand-4 h3.heading{color:#FFE500}.container.text-colour-brand-4 .content{color:#FFE500}.container.heading-colour-brand-5 .entry h3.heading svg path{stroke:#F07D00}.container.heading-colour-brand-5 h3.heading{color:#F07D00}.container.text-colour-brand-5 .content{color:#F07D00}.container.heading-colour-brand-cc-red .entry h3.heading svg path{stroke:#B30510}.container.heading-colour-brand-cc-red h3.heading{color:#B30510}.container.text-colour-brand-cc-red .content{color:#B30510}.container.heading-colour-brand-wgmf-purple .entry h3.heading svg path{stroke:#6E0887}.container.heading-colour-brand-wgmf-purple h3.heading{color:#6E0887}.container.text-colour-brand-wgmf-purple .content{color:#6E0887}.container.heading-colour-brand-gmf-green .entry h3.heading svg path{stroke:#50B400}.container.heading-colour-brand-gmf-green h3.heading{color:#50B400}.container.text-colour-brand-gmf-green .content{color:#50B400}.container.heading-colour-brand-emf-yellow .entry h3.heading svg path{stroke:#FFE500}.container.heading-colour-brand-emf-yellow h3.heading{color:#FFE500}.container.text-colour-brand-emf-yellow .content{color:#FFE500}.container.heading-colour-brand-c4c-orange .entry h3.heading svg path{stroke:#F07D00}.container.heading-colour-brand-c4c-orange h3.heading{color:#F07D00}.container.text-colour-brand-c4c-orange .content{color:#F07D00}.container.heading-colour-brand-afa-pink .entry h3.heading svg path{stroke:#BF387D}.container.heading-colour-brand-afa-pink h3.heading{color:#BF387D}.container.text-colour-brand-afa-pink .content{color:#BF387D}.container.heading-colour-brand-scw-magenta .entry h3.heading svg path{stroke:#EE2C65}.container.heading-colour-brand-scw-magenta h3.heading{color:#EE2C65}.container.text-colour-brand-scw-magenta .content{color:#EE2C65}.container.heading-colour-brand-mhf-turquoise .entry h3.heading svg path{stroke:#62CFC9}.container.heading-colour-brand-mhf-turquoise h3.heading{color:#62CFC9}.container.text-colour-brand-mhf-turquoise .content{color:#62CFC9}.container.heading-colour-brand-grey .entry h3.heading svg path{stroke:#CBC8C8}.container.heading-colour-brand-grey h3.heading{color:#CBC8C8}.container.text-colour-brand-grey .content{color:#CBC8C8}.container.heading-colour-white .entry h3.heading svg path{stroke:#FFFFFF}.container.heading-colour-white h3.heading{color:#FFFFFF}.container.text-colour-white .content{color:#FFFFFF}.container.heading-colour-black .entry h3.heading svg path{stroke:#000000}.container.heading-colour-black h3.heading{color:#000000}.container.text-colour-black .content{color:#000000}.container.heading-colour-grey-extra-light .entry h3.heading svg path{stroke:#D7D7D7}.container.heading-colour-grey-extra-light h3.heading{color:#D7D7D7}.container.text-colour-grey-extra-light .content{color:#D7D7D7}.container.heading-colour-grey-light .entry h3.heading svg path{stroke:#E8E8E8}.container.heading-colour-grey-light h3.heading{color:#E8E8E8}.container.text-colour-grey-light .content{color:#E8E8E8}.container.heading-colour-grey-medium .entry h3.heading svg path{stroke:#8A8A8A}.container.heading-colour-grey-medium h3.heading{color:#8A8A8A}.container.text-colour-grey-medium .content{color:#8A8A8A}.container.heading-colour-grey-dark .entry h3.heading svg path{stroke:#4A4A4A}.container.heading-colour-grey-dark h3.heading{color:#4A4A4A}.container.text-colour-grey-dark .content{color:#4A4A4A}.container.heading-colour-brand-6 .entry h3.heading svg path{stroke:#62CFC9}.container.heading-colour-brand-6 h3.heading{color:#62CFC9}.container.text-colour-brand-6 .content{color:#62CFC9}";
 const BiggiveAccordionStyle0 = biggiveAccordionCss;
 
 const BiggiveAccordion$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveAccordion extends HTMLElement {

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

@@ -1 +1 @@
-{"file":"biggive-accordion.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,2vOAA2vO,CAAC;AACxxO,+BAAe,mBAAmB;;MCQrBA,kBAAgB;IAL7B;;;;QAQU,eAAU,GAAkB,CAAC,CAAC;QAE9B,eAAU,GAAgB,OAAO,CAAC;QAElC,kBAAa,GAAgB,SAAS,CAAC;KA6ChD;IAzCC,iBAAiB;QACf,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAA4C,CAAC;KAC3F;IAEO,aAAa,CAAC,CAAa;QACjC,MAAM,MAAM,GAAI,CAAC,CAAC,MAAmB,CAAC;QACtC,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAE,CAAC;QACxC,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAE,CAAC;QAE7C,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;YACxC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YACnC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;SAC/C;aAAM;YACL,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAChC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;SACjD;KACF;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,WAAW,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,kBAAkB,GAAG,IAAI,CAAC,aAAa,IACvI,4DAAK,KAAK,EAAC,QAAQ,IAChB,IAAI,CAAC,QAAQ,KAAK,SAAS;cACxB,EAAE;cACF,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,KACrB,WAAK,KAAK,EAAC,OAAO,IAChB,UAAI,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAC,gBAAgB,IACpE,KAAK,CAAC,OAAO,EACd,YAAM,KAAK,EAAC,OAAO,IACjB,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC1F,YAAM,CAAC,EAAC,oDAAoD,EAAC,MAAM,EAAC,OAAO,kBAAc,GAAG,GAAG,CAC3F,CACD,CACJ,EACL,WAAK,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,GAAQ,CACnD,CACP,CAAC,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveAccordion"],"sources":["src/components/biggive-accordion/biggive-accordion.scss?tag=biggive-accordion&encapsulation=shadow","src/components/biggive-accordion/biggive-accordion.tsx"],"sourcesContent":["@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  position: relative;\n\n\n  .entry {\n    h3.heading {\n      position: relative;\n      margin: 25px 0 0 0;\n      padding: 15px 60px 10px 20px;\n      border-bottom: 1px solid $colour-black;\n      cursor: pointer;\n      span.arrow {\n        display: block;\n        position: absolute;\n        right: 20px;\n        top: 10px;\n        width: 40px;\n        height: 20px;\n        text-align: center;\n      }\n    }\n    .content {\n      overflow: hidden;\n      max-height: 0;\n      padding: 0 20px;\n    }\n    &.expanded {\n      .content {\n        max-height: 100%;\n      }\n      span.arrow {\n        transform: rotate(-180deg);\n      }\n    }\n  }\n\n  @each $key, $colour in $brandColoursIncBrand6Turquoise {\n    &.heading-colour-#{$key} .entry h3.heading svg path { stroke: $colour; }\n    &.heading-colour-#{$key} h3.heading { color: $colour; }\n    &.text-colour-#{$key} .content { color: $colour; }\n  }\n\n\n}\n\n\n","import { Component, Element, h, Prop, State } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-accordion',\n  styleUrl: 'biggive-accordion.scss',\n  shadow: true,\n})\nexport class BiggiveAccordion {\n  @Element() host: HTMLBiggiveAccordionElement;\n\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() headingColour: brandColour = 'primary';\n\n  @State() children: Array<HTMLBiggiveAccordionEntryElement>;\n\n  componentWillLoad() {\n    this.children = Array.from(this.host.children) as Array<HTMLBiggiveAccordionEntryElement>;\n  }\n\n  private toggleSection(e: MouseEvent) {\n    const target = (e.target as Element)!;\n    const entry = target.closest('.entry')!;\n    const arrow = entry.querySelector('.arrow')!;\n\n    if (entry.classList.contains('expanded')) {\n      entry.classList.remove('expanded');\n      arrow.setAttribute('title', 'Expand section');\n    } else {\n      entry.classList.add('expanded');\n      arrow.setAttribute('title', 'Collapse section');\n    }\n  }\n\n  render() {\n    return (\n      <div class={'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour}>\n        <div class=\"sleeve\">\n          {this.children === undefined\n            ? []\n            : this.children.map(entry => (\n                <div class=\"entry\">\n                  <h3 class=\"heading\" onClick={this.toggleSection} title=\"Expand section\">\n                    {entry.heading}\n                    <span class=\"arrow\">\n                      <svg width=\"15\" height=\"9\" viewBox=\"0 0 15 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path d=\"M14.1074 0.999859L7.55357 7.55371L0.999718 0.99986\" stroke=\"black\" stroke-width=\"2\" />\n                      </svg>\n                    </span>\n                  </h3>\n                  <div class=\"content\" innerHTML={entry.innerHTML}></div>\n                </div>\n              ))}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"biggive-accordion.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,8iPAA8iP,CAAC;AAC3kP,+BAAe,mBAAmB;;MCQrBA,kBAAgB;IAL7B;;;;QAQU,eAAU,GAAkB,CAAC,CAAC;QAE9B,eAAU,GAAgB,OAAO,CAAC;QAElC,kBAAa,GAAgB,SAAS,CAAC;KA6ChD;IAzCC,iBAAiB;QACf,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAA4C,CAAC;KAC3F;IAEO,aAAa,CAAC,CAAa;QACjC,MAAM,MAAM,GAAI,CAAC,CAAC,MAAmB,CAAC;QACtC,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAE,CAAC;QACxC,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAE,CAAC;QAE7C,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;YACxC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YACnC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;SAC/C;aAAM;YACL,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAChC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;SACjD;KACF;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,WAAW,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,kBAAkB,GAAG,IAAI,CAAC,aAAa,IACvI,4DAAK,KAAK,EAAC,QAAQ,IAChB,IAAI,CAAC,QAAQ,KAAK,SAAS;cACxB,EAAE;cACF,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,KACrB,WAAK,KAAK,EAAC,OAAO,IAChB,UAAI,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAC,gBAAgB,IACpE,KAAK,CAAC,OAAO,EACd,YAAM,KAAK,EAAC,OAAO,IACjB,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC1F,YAAM,CAAC,EAAC,oDAAoD,EAAC,MAAM,EAAC,OAAO,kBAAc,GAAG,GAAG,CAC3F,CACD,CACJ,EACL,WAAK,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,GAAQ,CACnD,CACP,CAAC,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveAccordion"],"sources":["src/components/biggive-accordion/biggive-accordion.scss?tag=biggive-accordion&encapsulation=shadow","src/components/biggive-accordion/biggive-accordion.tsx"],"sourcesContent":["@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  position: relative;\n\n\n  .entry {\n    h3.heading {\n      position: relative;\n      margin: 25px 0 0 0;\n      padding: 15px 60px 10px 20px;\n      border-bottom: 1px solid $colour-black;\n      cursor: pointer;\n      span.arrow {\n        display: block;\n        position: absolute;\n        right: 20px;\n        top: 10px;\n        width: 40px;\n        height: 20px;\n        text-align: center;\n      }\n    }\n    .content {\n      overflow: hidden;\n      max-height: 0;\n      padding: 0 20px;\n    }\n    &.expanded {\n      .content {\n        max-height: 100%;\n      }\n      span.arrow {\n        transform: rotate(-180deg);\n      }\n    }\n  }\n\n  @each $key, $colour in $brandColoursIncBrand6Turquoise {\n    &.heading-colour-#{$key} .entry h3.heading svg path { stroke: $colour; }\n    &.heading-colour-#{$key} h3.heading { color: $colour; }\n    &.text-colour-#{$key} .content { color: $colour; }\n  }\n\n\n}\n\n\n","import { Component, Element, h, Prop, State } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-accordion',\n  styleUrl: 'biggive-accordion.scss',\n  shadow: true,\n})\nexport class BiggiveAccordion {\n  @Element() host: HTMLBiggiveAccordionElement;\n\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() headingColour: brandColour = 'primary';\n\n  @State() children: Array<HTMLBiggiveAccordionEntryElement>;\n\n  componentWillLoad() {\n    this.children = Array.from(this.host.children) as Array<HTMLBiggiveAccordionEntryElement>;\n  }\n\n  private toggleSection(e: MouseEvent) {\n    const target = (e.target as Element)!;\n    const entry = target.closest('.entry')!;\n    const arrow = entry.querySelector('.arrow')!;\n\n    if (entry.classList.contains('expanded')) {\n      entry.classList.remove('expanded');\n      arrow.setAttribute('title', 'Expand section');\n    } else {\n      entry.classList.add('expanded');\n      arrow.setAttribute('title', 'Collapse section');\n    }\n  }\n\n  render() {\n    return (\n      <div class={'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour}>\n        <div class=\"sleeve\">\n          {this.children === undefined\n            ? []\n            : this.children.map(entry => (\n                <div class=\"entry\">\n                  <h3 class=\"heading\" onClick={this.toggleSection} title=\"Expand section\">\n                    {entry.heading}\n                    <span class=\"arrow\">\n                      <svg width=\"15\" height=\"9\" viewBox=\"0 0 15 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path d=\"M14.1074 0.999859L7.55357 7.55371L0.999718 0.99986\" stroke=\"black\" stroke-width=\"2\" />\n                      </svg>\n                    </span>\n                  </h3>\n                  <div class=\"content\" innerHTML={entry.innerHTML}></div>\n                </div>\n              ))}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}