npm - @biggive/components - Versions diffs - 202501211147.0.0 → 202501311659.0.0 - Mend

@biggive/components 202501211147.0.0 → 202501311659.0.0

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

Files changed (245) hide show

package/dist/components/biggive-popup2.js CHANGED Viewed

@@ -31,7 +31,7 @@ const BiggivePopup = /*@__PURE__*/ proxyCustomElement(class BiggivePopup extends
         this.modalClosedCallback();
     }
     render() {
-        return (h("div", { key: '8992bda20a142a2fd7647bcc1d79947495546ed1', class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, h("div", { key: '756ddc1facbf716b8ccbd4d47f502f3881adfe68', class: "sleeve" }, h("div", { key: 'f719bae46cd1b874d67e0c6ae709ae6365bf66ea', class: "header" }, h("div", { key: 'c0f31a203f3a3658dfa5b937af72c24d45785e00', class: "close", onClick: this.closeFromWithin })), h("div", { key: '6b277f53c172143d3ac49b2d665106764dd711df', class: "content" }, h("slot", { key: '720d720df4669cca3bf5837c5e2488ebb7454b14' })))));
+        return (h("div", { key: '20a9bb90830a7743f357a23fc559afeecb5c2de7', class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, h("div", { key: 'cf4ec70a02e11fd14c66ed3bfdda3f8e291246de', class: "sleeve" }, h("div", { key: '2ef72d4352563ac6a8c9875ca1f437a443ebd31b', class: "header" }, h("div", { key: '6aba1f5c83e19a14f6d3dda6a6ed0ca0da917be7', class: "close", onClick: this.closeFromWithin })), h("div", { key: '247cba7880c6fea46f195e3c18c529a50666caf6', class: "content" }, h("slot", { key: 'ff6af85fc717850baf0c628cf699e488ca0cc77b' })))));
     }
     static get style() { return BiggivePopupStyle0; }
 }, [1, "biggive-popup", {

package/dist/components/biggive-quote.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-const biggiveQuoteCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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;height:100%;background-color:white;text-align:center;margin-left:auto;margin-right:auto;max-width:600px;padding:60px}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}.container.quote-icon-colour-primary .image-wrap path{fill:#2C089B}.container.quote-icon-colour-secondary .image-wrap path{fill:#2AF135}.container.quote-icon-colour-tertiary .image-wrap path{fill:#FF7272}.container.quote-icon-colour-brand-1 .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-2 .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-3 .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-4 .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-5 .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-cc-red .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-wgmf-purple .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-gmf-green .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-emf-yellow .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-c4c-orange .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-afa-pink .image-wrap path{fill:#BF387D}.container.quote-icon-colour-brand-mhf-turquoise .image-wrap path{fill:#62CFC9}.container.quote-icon-colour-brand-grey .image-wrap path{fill:#CBC8C8}.container.quote-icon-colour-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-black .image-wrap path{fill:#000000}.container.quote-icon-colour-grey-extra-light .image-wrap path{fill:#D7D7D7}.container.quote-icon-colour-grey-light .image-wrap path{fill:#E8E8E8}.container.quote-icon-colour-grey-medium .image-wrap path{fill:#8A8A8A}.container.quote-icon-colour-grey-dark .image-wrap path{fill:#4A4A4A}.container.quote-icon-colour-brand-6 .image-wrap path{fill:#62CFC9}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:13px;line-height:17px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}";
+const biggiveQuoteCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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;height:100%;background-color:white;text-align:center;margin-left:auto;margin-right:auto;max-width:600px;padding:60px}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}.container.quote-icon-colour-primary .image-wrap path{fill:#2C089B}.container.quote-icon-colour-secondary .image-wrap path{fill:#2AF135}.container.quote-icon-colour-tertiary .image-wrap path{fill:#FF7272}.container.quote-icon-colour-brand-1 .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-2 .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-3 .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-4 .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-5 .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-cc-red .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-wgmf-purple .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-gmf-green .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-emf-yellow .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-c4c-orange .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-afa-pink .image-wrap path{fill:#BF387D}.container.quote-icon-colour-brand-scw-magenta .image-wrap path{fill:#EE2C65}.container.quote-icon-colour-brand-mhf-turquoise .image-wrap path{fill:#62CFC9}.container.quote-icon-colour-brand-grey .image-wrap path{fill:#CBC8C8}.container.quote-icon-colour-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-black .image-wrap path{fill:#000000}.container.quote-icon-colour-grey-extra-light .image-wrap path{fill:#D7D7D7}.container.quote-icon-colour-grey-light .image-wrap path{fill:#E8E8E8}.container.quote-icon-colour-grey-medium .image-wrap path{fill:#8A8A8A}.container.quote-icon-colour-grey-dark .image-wrap path{fill:#4A4A4A}.container.quote-icon-colour-brand-6 .image-wrap path{fill:#62CFC9}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:13px;line-height:17px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}";
 const BiggiveQuoteStyle0 = biggiveQuoteCss;
 const BiggiveQuote$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveQuote extends HTMLElement {
@@ -15,7 +15,7 @@ const BiggiveQuote$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveQuote exten
         this.quoteIconColour = 'primary';
     }
     render() {
-        return (h("div", { key: '47b2a20512bc431329502e1f0c44b6ee61d8af7b', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow }, h("div", { key: '5cd4e082358f149e01e2502ce35a5510c44196eb', class: "image-wrap" }, h("svg", { key: 'a01a232442e9b522b16bb436358a2ddbf84598f1', width: "34", height: "24", viewBox: "0 0 34 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '5e353b96d980b6558665e40079832f6b452c02b9', d: "M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z", fill: "#2C089B" }))), h("div", { key: '0ffc0e0ce9ab3bd5d3dfffe7bf3675ccc56cfda3', class: "quote" }, "\u201C", this.quote, "\u201D"), h("div", { key: 'c84d4bfd3cc1b6e34d9e35ed82971f597e5ed7ed', class: "attribution" }, " - ", this.attribution)));
+        return (h("div", { key: '9847b2d3312706d18b3af25541f04a2d93d1974c', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow }, h("div", { key: '256ee8682b6d9c02ae561d72f679bce5530a898b', class: "image-wrap" }, h("svg", { key: '07d120bbc2f2663a55ee8f64493441edf5f50352', width: "34", height: "24", viewBox: "0 0 34 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6d6e4e1bf9e354ed6691265e55b3dcb3c00a7be5', d: "M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z", fill: "#2C089B" }))), h("div", { key: 'c0706d1cd545c2df76e68e87f92fa19af6fcecdf', class: "quote" }, "\u201C", this.quote, "\u201D"), h("div", { key: 'f7e316aa80174eb9e9651ddec3b8b4cdd6ff49f4', class: "attribution" }, " - ", this.attribution)));
     }
     static get style() { return BiggiveQuoteStyle0; }
 }, [1, "biggive-quote", {

package/dist/components/biggive-quote.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-quote.js","mappings":";;AAAA,MAAM,eAAe,GAAG,~~w+IAAw+I~~,CAAC;~~AACjgJ~~,2BAAe,eAAe;;MCQjBA,cAAY;IALzB;;;;QAMU,eAAU,GAAkB,CAAC,CAAC;QAE9B,sBAAiB,GAAgB,OAAO,CAAC;QAEzC,UAAK,GAAW,EAAE,CAAC;QAEnB,gBAAW,GAAW,EAAE,CAAC;QAEzB,oBAAe,GAAgB,SAAS,CAAC;KAelD;IAbC,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IAC9I,4DAAK,KAAK,EAAC,YAAY,IACrB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,6DAAM,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,GAAG,CACxG,CACF,EACN,4DAAK,KAAK,EAAC,OAAO,cAAG,IAAI,CAAC,KAAK,WAAQ,EACvC,4DAAK,KAAK,EAAC,aAAa,WAAK,IAAI,CAAC,WAAW,CAAO,CAChD,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveQuote"],"sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include all-round-shadow();\n @include standard-font();\n height: 100%;\n background-color: white;\n text-align: center;\n margin-left: auto;\n margin-right: auto;\n max-width: 600px;\n padding: $spacer-6;\n .image-wrap {\n text-align: center;\n margin-bottom: $spacer-3;\n svg {\n height: 30px;\n width: auto;\n margin: auto;\n }\n }\n .quote {\n margin-bottom: $spacer-4;\n }\n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n }\n\n\n @media screen and (max-width: $screen-tablet-max) {\n padding: $spacer-5;\n svg {\n width: 40px;\n height: 40px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n padding: $spacer-4;\n @include font-size-small();\n\n svg {\n width: 30px;\n height: 30px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-small) {\n padding: $spacer-3;\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-quote',\n styleUrl: 'biggive-quote.scss',\n shadow: true,\n})\nexport class BiggiveQuote {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() defaultTextColour: brandColour = 'black';\n\n @Prop() quote: string = '';\n\n @Prop() attribution: string = '';\n\n @Prop() quoteIconColour: brandColour = 'primary';\n\n render() {\n return (\n <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow}>\n <div class=\"image-wrap\">\n <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n </svg>\n </div>\n <div class=\"quote\">“{this.quote}”</div>\n <div class=\"attribution\"> - {this.attribution}</div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-quote.js","mappings":";;AAAA,MAAM,eAAe,GAAG,6oJAA6oJ,CAAC;AACtqJ,2BAAe,eAAe;;MCQjBA,cAAY;IALzB;;;;QAMU,eAAU,GAAkB,CAAC,CAAC;QAE9B,sBAAiB,GAAgB,OAAO,CAAC;QAEzC,UAAK,GAAW,EAAE,CAAC;QAEnB,gBAAW,GAAW,EAAE,CAAC;QAEzB,oBAAe,GAAgB,SAAS,CAAC;KAelD;IAbC,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IAC9I,4DAAK,KAAK,EAAC,YAAY,IACrB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,6DAAM,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,GAAG,CACxG,CACF,EACN,4DAAK,KAAK,EAAC,OAAO,cAAG,IAAI,CAAC,KAAK,WAAQ,EACvC,4DAAK,KAAK,EAAC,aAAa,WAAK,IAAI,CAAC,WAAW,CAAO,CAChD,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveQuote"],"sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include all-round-shadow();\n @include standard-font();\n height: 100%;\n background-color: white;\n text-align: center;\n margin-left: auto;\n margin-right: auto;\n max-width: 600px;\n padding: $spacer-6;\n .image-wrap {\n text-align: center;\n margin-bottom: $spacer-3;\n svg {\n height: 30px;\n width: auto;\n margin: auto;\n }\n }\n .quote {\n margin-bottom: $spacer-4;\n }\n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n }\n\n\n @media screen and (max-width: $screen-tablet-max) {\n padding: $spacer-5;\n svg {\n width: 40px;\n height: 40px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n padding: $spacer-4;\n @include font-size-small();\n\n svg {\n width: 30px;\n height: 30px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-small) {\n padding: $spacer-3;\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-quote',\n styleUrl: 'biggive-quote.scss',\n shadow: true,\n})\nexport class BiggiveQuote {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() defaultTextColour: brandColour = 'black';\n\n @Prop() quote: string = '';\n\n @Prop() attribution: string = '';\n\n @Prop() quoteIconColour: brandColour = 'primary';\n\n render() {\n return (\n <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow}>\n <div class=\"image-wrap\">\n <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n </svg>\n </div>\n <div class=\"quote\">“{this.quote}”</div>\n <div class=\"attribution\"> - {this.attribution}</div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-sheet.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-const biggiveSheetCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.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}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container.active .popup{transform:translateX(0)}.container.active .background{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.6);z-index:99}.container .popup{position:fixed;transition:transform 1s ease-in-out;transform:translateX(100%);z-index:999;top:0;bottom:0;right:0;width:66%}.container .popup .header{padding:45px;display:flex;justify-content:space-between}.container .popup .header .back-link{cursor:pointer;display:flex;font-size:14px}.container .popup .header .back-link .svg-wrap{display:flex;margin:5px 15px auto 0}.container .popup .header .back-link .svg-wrap.colour-primary svg path{fill:#2C089B}.container .popup .header .back-link .svg-wrap.colour-secondary svg path{fill:#2AF135}.container .popup .header .back-link .svg-wrap.colour-tertiary svg path{fill:#FF7272}.container .popup .header .back-link .svg-wrap.colour-brand-1 svg path{fill:#B30510}.container .popup .header .back-link .svg-wrap.colour-brand-2 svg path{fill:#6E0887}.container .popup .header .back-link .svg-wrap.colour-brand-3 svg path{fill:#50B400}.container .popup .header .back-link .svg-wrap.colour-brand-4 svg path{fill:#FFE500}.container .popup .header .back-link .svg-wrap.colour-brand-5 svg path{fill:#F07D00}.container .popup .header .back-link .svg-wrap.colour-brand-cc-red svg path{fill:#B30510}.container .popup .header .back-link .svg-wrap.colour-brand-wgmf-purple svg path{fill:#6E0887}.container .popup .header .back-link .svg-wrap.colour-brand-gmf-green svg path{fill:#50B400}.container .popup .header .back-link .svg-wrap.colour-brand-emf-yellow svg path{fill:#FFE500}.container .popup .header .back-link .svg-wrap.colour-brand-c4c-orange svg path{fill:#F07D00}.container .popup .header .back-link .svg-wrap.colour-brand-afa-pink svg path{fill:#BF387D}.container .popup .header .back-link .svg-wrap.colour-brand-mhf-turquoise svg path{fill:#62CFC9}.container .popup .header .back-link .svg-wrap.colour-brand-grey svg path{fill:#CBC8C8}.container .popup .header .back-link .svg-wrap.colour-white svg path{fill:#FFFFFF}.container .popup .header .back-link .svg-wrap.colour-black svg path{fill:#000000}.container .popup .header .back-link .svg-wrap.colour-grey-extra-light svg path{fill:#D7D7D7}.container .popup .header .back-link .svg-wrap.colour-grey-light svg path{fill:#E8E8E8}.container .popup .header .back-link .svg-wrap.colour-grey-medium svg path{fill:#8A8A8A}.container .popup .header .back-link .svg-wrap.colour-grey-dark svg path{fill:#4A4A4A}.container .popup .header .back-link .svg-wrap.colour-brand-6 svg path{fill:#62CFC9}.container .popup .header .back-link .svg-wrap svg{height:14px;width:auto}.container .popup .header .close-link{margin-bottom:auto;cursor:pointer}.container .popup .header .close-link .svg-wrap{display:block;width:30px;height:30px;background-color:#FFFFFF;border-radius:50%;text-align:center;padding:6.5px;box-sizing:border-box}.container .popup .header .close-link .svg-wrap svg{display:inline-block;top:-1.5px;position:relative;stroke-width:1;stroke:#000000;height:15px;width:15px;transform:rotate(45deg)}.container .popup .content{padding:0 45px 90px 90px;margin-right:45px;max-height:calc(100vh - 200px);overflow-y:scroll;box-sizing:border-box}@media screen and (max-width: 768px){.container .header{padding:15px}.container .content{padding:0 15px 30px 30px;margin-right:15px;max-height:calc(100vh - 90px)}.container .popup{width:100%}}@media screen and (max-width: 576px){.container .header{padding:15px}.container .content{padding:0 15px 30px 30px;margin-right:15px;max-height:calc(100vh - 90px)}.container .popup{width:100%}}";
+const biggiveSheetCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{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}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.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}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container.active .popup{transform:translateX(0)}.container.active .background{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.6);z-index:99}.container .popup{position:fixed;transition:transform 1s ease-in-out;transform:translateX(100%);z-index:999;top:0;bottom:0;right:0;width:66%}.container .popup .header{padding:45px;display:flex;justify-content:space-between}.container .popup .header .back-link{cursor:pointer;display:flex;font-size:14px}.container .popup .header .back-link .svg-wrap{display:flex;margin:5px 15px auto 0}.container .popup .header .back-link .svg-wrap.colour-primary svg path{fill:#2C089B}.container .popup .header .back-link .svg-wrap.colour-secondary svg path{fill:#2AF135}.container .popup .header .back-link .svg-wrap.colour-tertiary svg path{fill:#FF7272}.container .popup .header .back-link .svg-wrap.colour-brand-1 svg path{fill:#B30510}.container .popup .header .back-link .svg-wrap.colour-brand-2 svg path{fill:#6E0887}.container .popup .header .back-link .svg-wrap.colour-brand-3 svg path{fill:#50B400}.container .popup .header .back-link .svg-wrap.colour-brand-4 svg path{fill:#FFE500}.container .popup .header .back-link .svg-wrap.colour-brand-5 svg path{fill:#F07D00}.container .popup .header .back-link .svg-wrap.colour-brand-cc-red svg path{fill:#B30510}.container .popup .header .back-link .svg-wrap.colour-brand-wgmf-purple svg path{fill:#6E0887}.container .popup .header .back-link .svg-wrap.colour-brand-gmf-green svg path{fill:#50B400}.container .popup .header .back-link .svg-wrap.colour-brand-emf-yellow svg path{fill:#FFE500}.container .popup .header .back-link .svg-wrap.colour-brand-c4c-orange svg path{fill:#F07D00}.container .popup .header .back-link .svg-wrap.colour-brand-afa-pink svg path{fill:#BF387D}.container .popup .header .back-link .svg-wrap.colour-brand-scw-magenta svg path{fill:#EE2C65}.container .popup .header .back-link .svg-wrap.colour-brand-mhf-turquoise svg path{fill:#62CFC9}.container .popup .header .back-link .svg-wrap.colour-brand-grey svg path{fill:#CBC8C8}.container .popup .header .back-link .svg-wrap.colour-white svg path{fill:#FFFFFF}.container .popup .header .back-link .svg-wrap.colour-black svg path{fill:#000000}.container .popup .header .back-link .svg-wrap.colour-grey-extra-light svg path{fill:#D7D7D7}.container .popup .header .back-link .svg-wrap.colour-grey-light svg path{fill:#E8E8E8}.container .popup .header .back-link .svg-wrap.colour-grey-medium svg path{fill:#8A8A8A}.container .popup .header .back-link .svg-wrap.colour-grey-dark svg path{fill:#4A4A4A}.container .popup .header .back-link .svg-wrap.colour-brand-6 svg path{fill:#62CFC9}.container .popup .header .back-link .svg-wrap svg{height:14px;width:auto}.container .popup .header .close-link{margin-bottom:auto;cursor:pointer}.container .popup .header .close-link .svg-wrap{display:block;width:30px;height:30px;background-color:#FFFFFF;border-radius:50%;text-align:center;padding:6.5px;box-sizing:border-box}.container .popup .header .close-link .svg-wrap svg{display:inline-block;top:-1.5px;position:relative;stroke-width:1;stroke:#000000;height:15px;width:15px;transform:rotate(45deg)}.container .popup .content{padding:0 45px 90px 90px;margin-right:45px;max-height:calc(100vh - 200px);overflow-y:scroll;box-sizing:border-box}@media screen and (max-width: 768px){.container .header{padding:15px}.container .content{padding:0 15px 30px 30px;margin-right:15px;max-height:calc(100vh - 90px)}.container .popup{width:100%}}@media screen and (max-width: 576px){.container .header{padding:15px}.container .content{padding:0 15px 30px 30px;margin-right:15px;max-height:calc(100vh - 90px)}.container .popup{width:100%}}";
 const BiggiveSheetStyle0 = biggiveSheetCss;
 const BiggiveSheet$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveSheet extends HTMLElement {
@@ -35,7 +35,7 @@ const BiggiveSheet$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveSheet exten
         }
     }
     render() {
-        return (h("div", { key: '34653b8289f6318a0ed83aca6708fa557f33b678', class: 'container' }, h("div", { key: '1195ca0187b8f8a801a6039f849ed3fc81b6f00c', class: "background" }), h("div", { key: 'c05cd6849ab2e91ec55a096fb0305366aea98852', class: 'popup background-colour-' + this.backgroundColour + ' text-colour-' + this.textColour }, h("div", { key: '3a5bb1a9d203013ca7ba5921c839e54e0e2fc544', class: "header" }, h("div", { key: '2d38109e78935ac74d5ff1373ea3ab71a0f1ca5b', class: "back-link", onClick: this.closeSheet }, h("span", { key: 'a5d52dbe404c7e559bc1503d4cce9c3944a35095', class: 'svg-wrap colour-' + this.textColour }, h("svg", { key: '6e56a196409d66f022030ebef0222fb36ba8ee2a', width: "33", height: "16", viewBox: "0 0 33 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '37aff89b95326cdeda43c2107733ebdc96f0782c', d: "M0.292892 7.29289C-0.0976295 7.68342 -0.0976295 8.31658 0.292892 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292892 7.29289ZM33 7L1 7V9L33 9V7Z", fill: "black" }))), "Back"), h("div", { key: '5f19e839e93eeab7dde4f15d969e5bc10c7abef4', class: "close-link", onClick: this.closeSheet }, h("span", { key: 'f703c334e172e216ac583277b66ea024228abe2e', class: "svg-wrap" }, h("svg", { key: '3ce114ab3801a8c4e408b45e03a53cbc91228bff', width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c8deafd2c5b19346ff2911974d0e591c5e319a25', d: "M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z" }))))), h("div", { key: '781cec339d9abd868502b0bb2c298491e9f1c6e1', class: "content" }, h("slot", { key: '2c7f654140925f262544c049af75bb955a7cb3e2' })))));
+        return (h("div", { key: 'bde8a97099bb910c5b759d741795d0e22ada0c09', class: 'container' }, h("div", { key: '6bdb2b01dba578b007505fad5ac91c497c0e5c4b', class: "background" }), h("div", { key: '2738e6c13941121971cfad2ac4311f0b08e33501', class: 'popup background-colour-' + this.backgroundColour + ' text-colour-' + this.textColour }, h("div", { key: 'b639498b4aa99e8c9c55786eb653c5692756bef0', class: "header" }, h("div", { key: '8e50adb78481b0f4bb8580d8f4b7b82d11fee952', class: "back-link", onClick: this.closeSheet }, h("span", { key: '241cdd0dfb3acbc31541e60c68973e40b5d25be3', class: 'svg-wrap colour-' + this.textColour }, h("svg", { key: '8aa093cc5cc3fc15d496b4121dbe8bdf58148de8', width: "33", height: "16", viewBox: "0 0 33 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '913fc778a36f5a2f7cd621b41a4b7b04e3c9686d', d: "M0.292892 7.29289C-0.0976295 7.68342 -0.0976295 8.31658 0.292892 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292892 7.29289ZM33 7L1 7V9L33 9V7Z", fill: "black" }))), "Back"), h("div", { key: '56ab22551b9bd50fc41c09b220366d024a5008dc', class: "close-link", onClick: this.closeSheet }, h("span", { key: '47c3d08f67e2152ccdd7eb271e4da60c8235bd2b', class: "svg-wrap" }, h("svg", { key: '0b84a6310fc3d770cfff6cfe267b35fa242cc8f6', width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1ae5c349a1058e6e1ebc52425b280235d74db1b9', d: "M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z" }))))), h("div", { key: 'a1d2138b2a0d141110da9645e62f17570a9467ad', class: "content" }, h("slot", { key: '38f8ea1eaac88a1f29f8b66b0eb0024f03d6a8e0' })))));
     }
     get host() { return this; }
     static get style() { return BiggiveSheetStyle0; }

package/dist/components/biggive-sheet.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-sheet.js","mappings":";;AAAA,MAAM,eAAe,GAAG,~~mwQAAmwQ~~,CAAC;~~AAC5xQ~~,2BAAe,eAAe;;MCOjBA,cAAY;IALzB;;;;;;;QAWU,YAAO,GAAW,EAAE,CAAC;QAErB,qBAAgB,GAAgB,SAAS,CAAC;QAE1C,eAAU,GAAgB,OAAO,CAAC;QAkBlC,eAAU,GAAG;;YACnB,MAAA,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,YAAY,CAAC,0CAAE,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAC9E,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;SACjE,CAAC;KAmCH;IAtDC,iBAAiB;QACf,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE;YACpC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACtC,CAAC,CAAC;KACJ;IAED,kBAAkB;QAChB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACtC;IAEO,SAAS,CAAC,IAAY;;QAC5B,IAAI,IAAI,IAAI,EAAE,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE;YACtC,MAAA,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,YAAY,CAAC,0CAAE,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;SAC5E;KACF;IAOD,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,WAAW,IACrB,4DAAK,KAAK,EAAC,YAAY,GAAO,EAC9B,4DAAK,KAAK,EAAE,0BAA0B,GAAG,IAAI,CAAC,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IAChG,4DAAK,KAAK,EAAC,QAAQ,IACjB,4DAAK,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU,IAC7C,6DAAM,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAC,UAAU,IAC/C,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,6DACE,CAAC,EAAC,6VAA6V,EAC/V,IAAI,EAAC,OAAO,GACZ,CACE,CACD,SAEH,EAEN,4DAAK,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU,IAC9C,6DAAM,KAAK,EAAC,UAAU,IACpB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,IAChF,6DAAM,CAAC,EAAC,+CAA+C,GAAG,CACtD,CACD,CACH,CACF,EACN,4DAAK,KAAK,EAAC,SAAS,IAClB,8DAAa,CACT,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveSheet"],"sources":["src/components/biggive-sheet/biggive-sheet.scss?tag=biggive-sheet&encapsulation=shadow","src/components/biggive-sheet/biggive-sheet.tsx"],"sourcesContent":["@include backgrounds();\n@include text-colours();\n@include fills();\n\n:host {\n display: contents;\n @include standard-font();\n}\n\n\n.container {\n\n &.active {\n .popup {\n transform: translateX(0);\n }\n .background {\n position: fixed;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0,0,0,0.6);\n z-index: 99;\n }\n }\n\n .popup {\n position: fixed;\n transition: transform 1s ease-in-out;\n transform: translateX(100%);\n z-index: 999;\n top: 0;\n bottom: 0;\n right: 0;\n width: 66%;\n\n\n .header {\n padding: 45px;\n display: flex;\n justify-content: space-between;\n .back-link {\n cursor: pointer;\n display: flex;\n font-size: 14px;\n .svg-wrap {\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.colour-#{$key} svg path { fill: $colour; }\n }\n display: flex;\n margin: 5px 15px auto 0;\n svg {\n height: 14px;\n width: auto;\n }\n }\n }\n\n .close-link {\n margin-bottom: auto;\n cursor: pointer;\n .svg-wrap {\n display: block;\n width: 30px;\n height: 30px;\n background-color: #FFFFFF;\n border-radius: 50%;\n text-align: center;\n padding: 6.5px;\n box-sizing: border-box;\n svg {\n display: inline-block;\n top: -1.5px;\n position: relative;\n stroke-width: 1;\n stroke: #000000; \n height: 15px;\n width: 15px;\n transform: rotate(45deg);\n }\n }\n }\n\n }\n\n\n .content{\n padding: 0 45px 90px 90px;\n margin-right: 45px;\n max-height: calc(100vh - 200px);\n overflow-y: scroll;\n box-sizing: border-box;\n }\n\n }\n\n}\n\n\n@media screen and (max-width: $screen-tablet-max) {\n .container {\n .header {\n padding: 15px;\n }\n .content {\n padding: 0 15px 30px 30px;\n margin-right: 15px;\n max-height: calc(100vh - 90px);\n }\n .popup {\n width: 100%;\n }\n }\n}\n\n@media screen and (max-width: $screen-mobile-max) {\n .container {\n .header {\n padding: 15px;\n }\n .content {\n padding: 0 15px 30px 30px;\n margin-right: 15px;\n max-height: calc(100vh - 90px);\n }\n .popup {\n width: 100%;\n }\n }\n}","import { Component, Prop, Element, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n tag: 'biggive-sheet',\n styleUrl: 'biggive-sheet.scss',\n shadow: true,\n})\nexport class BiggiveSheet {\n @Element() host: HTMLBiggiveSheetElement;\n\n /*\n A string ID (no spaces) unique within the page context, used to trigger the opening of the sheet from an anchor hash.\n */\n @Prop() sheetId: string = '';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() textColour: brandColour = 'white';\n\n componentWillLoad() {\n window.addEventListener('hashchange', () => {\n this.openSheet(window.location.hash);\n });\n }\n\n componentDidRender() {\n this.openSheet(window.location.hash);\n }\n\n private openSheet(hash: string) {\n if (hash != '' && hash == this.sheetId) {\n this.host.shadowRoot?.querySelector('.container')?.classList.add('active');\n }\n }\n\n private closeSheet = () => {\n this.host.shadowRoot?.querySelector('.container')?.classList.remove('active');\n history.pushState('', document.title, window.location.pathname);\n };\n\n render() {\n return (\n <div class={'container'}>\n <div class=\"background\"></div>\n <div class={'popup background-colour-' + this.backgroundColour + ' text-colour-' + this.textColour}>\n <div class=\"header\">\n <div class=\"back-link\" onClick={this.closeSheet}>\n <span class={'svg-wrap colour-' + this.textColour}>\n <svg width=\"33\" height=\"16\" viewBox=\"0 0 33 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M0.292892 7.29289C-0.0976295 7.68342 -0.0976295 8.31658 0.292892 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292892 7.29289ZM33 7L1 7V9L33 9V7Z\"\n fill=\"black\"\n />\n </svg>\n </span>\n Back\n </div>\n\n <div class=\"close-link\" onClick={this.closeSheet}>\n <span class=\"svg-wrap\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z\" />\n </svg>\n </span>\n </div>\n </div>\n <div class=\"content\">\n <slot></slot>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-sheet.js","mappings":";;AAAA,MAAM,eAAe,GAAG,6kRAA6kR,CAAC;AACtmR,2BAAe,eAAe;;MCOjBA,cAAY;IALzB;;;;;;;QAWU,YAAO,GAAW,EAAE,CAAC;QAErB,qBAAgB,GAAgB,SAAS,CAAC;QAE1C,eAAU,GAAgB,OAAO,CAAC;QAkBlC,eAAU,GAAG;;YACnB,MAAA,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,YAAY,CAAC,0CAAE,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAC9E,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;SACjE,CAAC;KAmCH;IAtDC,iBAAiB;QACf,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE;YACpC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACtC,CAAC,CAAC;KACJ;IAED,kBAAkB;QAChB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACtC;IAEO,SAAS,CAAC,IAAY;;QAC5B,IAAI,IAAI,IAAI,EAAE,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE;YACtC,MAAA,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,YAAY,CAAC,0CAAE,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;SAC5E;KACF;IAOD,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,WAAW,IACrB,4DAAK,KAAK,EAAC,YAAY,GAAO,EAC9B,4DAAK,KAAK,EAAE,0BAA0B,GAAG,IAAI,CAAC,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IAChG,4DAAK,KAAK,EAAC,QAAQ,IACjB,4DAAK,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU,IAC7C,6DAAM,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAC,UAAU,IAC/C,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,6DACE,CAAC,EAAC,6VAA6V,EAC/V,IAAI,EAAC,OAAO,GACZ,CACE,CACD,SAEH,EAEN,4DAAK,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU,IAC9C,6DAAM,KAAK,EAAC,UAAU,IACpB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,IAChF,6DAAM,CAAC,EAAC,+CAA+C,GAAG,CACtD,CACD,CACH,CACF,EACN,4DAAK,KAAK,EAAC,SAAS,IAClB,8DAAa,CACT,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveSheet"],"sources":["src/components/biggive-sheet/biggive-sheet.scss?tag=biggive-sheet&encapsulation=shadow","src/components/biggive-sheet/biggive-sheet.tsx"],"sourcesContent":["@include backgrounds();\n@include text-colours();\n@include fills();\n\n:host {\n display: contents;\n @include standard-font();\n}\n\n\n.container {\n\n &.active {\n .popup {\n transform: translateX(0);\n }\n .background {\n position: fixed;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0,0,0,0.6);\n z-index: 99;\n }\n }\n\n .popup {\n position: fixed;\n transition: transform 1s ease-in-out;\n transform: translateX(100%);\n z-index: 999;\n top: 0;\n bottom: 0;\n right: 0;\n width: 66%;\n\n\n .header {\n padding: 45px;\n display: flex;\n justify-content: space-between;\n .back-link {\n cursor: pointer;\n display: flex;\n font-size: 14px;\n .svg-wrap {\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.colour-#{$key} svg path { fill: $colour; }\n }\n display: flex;\n margin: 5px 15px auto 0;\n svg {\n height: 14px;\n width: auto;\n }\n }\n }\n\n .close-link {\n margin-bottom: auto;\n cursor: pointer;\n .svg-wrap {\n display: block;\n width: 30px;\n height: 30px;\n background-color: #FFFFFF;\n border-radius: 50%;\n text-align: center;\n padding: 6.5px;\n box-sizing: border-box;\n svg {\n display: inline-block;\n top: -1.5px;\n position: relative;\n stroke-width: 1;\n stroke: #000000; \n height: 15px;\n width: 15px;\n transform: rotate(45deg);\n }\n }\n }\n\n }\n\n\n .content{\n padding: 0 45px 90px 90px;\n margin-right: 45px;\n max-height: calc(100vh - 200px);\n overflow-y: scroll;\n box-sizing: border-box;\n }\n\n }\n\n}\n\n\n@media screen and (max-width: $screen-tablet-max) {\n .container {\n .header {\n padding: 15px;\n }\n .content {\n padding: 0 15px 30px 30px;\n margin-right: 15px;\n max-height: calc(100vh - 90px);\n }\n .popup {\n width: 100%;\n }\n }\n}\n\n@media screen and (max-width: $screen-mobile-max) {\n .container {\n .header {\n padding: 15px;\n }\n .content {\n padding: 0 15px 30px 30px;\n margin-right: 15px;\n max-height: calc(100vh - 90px);\n }\n .popup {\n width: 100%;\n }\n }\n}","import { Component, Prop, Element, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n tag: 'biggive-sheet',\n styleUrl: 'biggive-sheet.scss',\n shadow: true,\n})\nexport class BiggiveSheet {\n @Element() host: HTMLBiggiveSheetElement;\n\n /*\n A string ID (no spaces) unique within the page context, used to trigger the opening of the sheet from an anchor hash.\n */\n @Prop() sheetId: string = '';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() textColour: brandColour = 'white';\n\n componentWillLoad() {\n window.addEventListener('hashchange', () => {\n this.openSheet(window.location.hash);\n });\n }\n\n componentDidRender() {\n this.openSheet(window.location.hash);\n }\n\n private openSheet(hash: string) {\n if (hash != '' && hash == this.sheetId) {\n this.host.shadowRoot?.querySelector('.container')?.classList.add('active');\n }\n }\n\n private closeSheet = () => {\n this.host.shadowRoot?.querySelector('.container')?.classList.remove('active');\n history.pushState('', document.title, window.location.pathname);\n };\n\n render() {\n return (\n <div class={'container'}>\n <div class=\"background\"></div>\n <div class={'popup background-colour-' + this.backgroundColour + ' text-colour-' + this.textColour}>\n <div class=\"header\">\n <div class=\"back-link\" onClick={this.closeSheet}>\n <span class={'svg-wrap colour-' + this.textColour}>\n <svg width=\"33\" height=\"16\" viewBox=\"0 0 33 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M0.292892 7.29289C-0.0976295 7.68342 -0.0976295 8.31658 0.292892 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292892 7.29289ZM33 7L1 7V9L33 9V7Z\"\n fill=\"black\"\n />\n </svg>\n </span>\n Back\n </div>\n\n <div class=\"close-link\" onClick={this.closeSheet}>\n <span class=\"svg-wrap\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z\" />\n </svg>\n </span>\n </div>\n </div>\n <div class=\"content\">\n <slot></slot>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-social-icon2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { F as FontAwesomeIconsService } from './fontawesome-icons.js';
-const biggiveSocialIconCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}:host{display:contents}.social-icon-item{margin-right:6px;width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px}.social-icon-item.colour-scheme-primary{background-color:#2C089B}.social-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.social-icon-item.colour-scheme-secondary{background-color:#2AF135}.social-icon-item.colour-scheme-secondary svg{fill:#000000}.social-icon-item.colour-scheme-tertiary{background-color:#FF7272}.social-icon-item.colour-scheme-tertiary svg{fill:#000000}.social-icon-item.colour-scheme-brand-1{background-color:#B30510}.social-icon-item.colour-scheme-brand-1 svg{fill:#000000}.social-icon-item.colour-scheme-brand-2{background-color:#6E0887}.social-icon-item.colour-scheme-brand-2 svg{fill:#000000}.social-icon-item.colour-scheme-brand-3{background-color:#50B400}.social-icon-item.colour-scheme-brand-3 svg{fill:#000000}.social-icon-item.colour-scheme-brand-4{background-color:#FFE500}.social-icon-item.colour-scheme-brand-4 svg{fill:#000000}.social-icon-item.colour-scheme-brand-5{background-color:#F07D00}.social-icon-item.colour-scheme-brand-5 svg{fill:#000000}.social-icon-item.colour-scheme-mhf-turquoise{background-color:#62CFC9}.social-icon-item.colour-scheme-mhf-turquoise svg{fill:#000000}.social-icon-item.colour-scheme-brand-grey{background-color:#CBC8C8}.social-icon-item.colour-scheme-brand-grey svg{fill:#000000}.social-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.social-icon-item.colour-scheme-brand-6 svg{fill:#000000}.social-icon-item.colour-scheme-brand-afa-pink{background-color:#BF387D}.social-icon-item.colour-scheme-brand-afa-pink svg{fill:#000000}.social-icon-item.colour-scheme-white{background-color:#FFFFFF}.social-icon-item.colour-scheme-white svg{fill:#000000}.social-icon-item.colour-scheme-black{background-color:#000000}.social-icon-item.colour-scheme-black svg{fill:#FFFFFF}.social-icon-item.colour-scheme-black{background-color:#D7D7D7}.social-icon-item.colour-scheme-black svg{fill:#D7D7D7}.social-icon-item.colour-scheme-black{background-color:#E8E8E8}.social-icon-item.colour-scheme-black svg{fill:#E8E8E8}.social-icon-item.colour-scheme-black{background-color:#8A8A8A}.social-icon-item.colour-scheme-black svg{fill:#8A8A8A}.social-icon-item.colour-scheme-black{background-color:#4A4A4A}.social-icon-item.colour-scheme-black svg{fill:#4A4A4A}.social-icon-item:hover{background-color:#FFFFFF}.social-icon-item:hover svg{fill:#000000}.social-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.social-icon-item a svg{width:100%;height:100%}.social-icon-item.wide{margin-right:30px}@media screen and (max-width: 576px){.social-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px}.social-icon-item.colour-scheme-primary{background-color:#2C089B}.social-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.social-icon-item.colour-scheme-secondary{background-color:#2AF135}.social-icon-item.colour-scheme-secondary svg{fill:#000000}.social-icon-item.colour-scheme-tertiary{background-color:#FF7272}.social-icon-item.colour-scheme-tertiary svg{fill:#000000}.social-icon-item.colour-scheme-brand-1{background-color:#B30510}.social-icon-item.colour-scheme-brand-1 svg{fill:#000000}.social-icon-item.colour-scheme-brand-2{background-color:#6E0887}.social-icon-item.colour-scheme-brand-2 svg{fill:#000000}.social-icon-item.colour-scheme-brand-3{background-color:#50B400}.social-icon-item.colour-scheme-brand-3 svg{fill:#000000}.social-icon-item.colour-scheme-brand-4{background-color:#FFE500}.social-icon-item.colour-scheme-brand-4 svg{fill:#000000}.social-icon-item.colour-scheme-brand-5{background-color:#F07D00}.social-icon-item.colour-scheme-brand-5 svg{fill:#000000}.social-icon-item.colour-scheme-mhf-turquoise{background-color:#62CFC9}.social-icon-item.colour-scheme-mhf-turquoise svg{fill:#000000}.social-icon-item.colour-scheme-brand-grey{background-color:#CBC8C8}.social-icon-item.colour-scheme-brand-grey svg{fill:#000000}.social-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.social-icon-item.colour-scheme-brand-6 svg{fill:#000000}.social-icon-item.colour-scheme-brand-afa-pink{background-color:#BF387D}.social-icon-item.colour-scheme-brand-afa-pink svg{fill:#000000}.social-icon-item.colour-scheme-white{background-color:#FFFFFF}.social-icon-item.colour-scheme-white svg{fill:#000000}.social-icon-item.colour-scheme-black{background-color:#000000}.social-icon-item.colour-scheme-black svg{fill:#FFFFFF}.social-icon-item.colour-scheme-black{background-color:#D7D7D7}.social-icon-item.colour-scheme-black svg{fill:#D7D7D7}.social-icon-item.colour-scheme-black{background-color:#E8E8E8}.social-icon-item.colour-scheme-black svg{fill:#E8E8E8}.social-icon-item.colour-scheme-black{background-color:#8A8A8A}.social-icon-item.colour-scheme-black svg{fill:#8A8A8A}.social-icon-item.colour-scheme-black{background-color:#4A4A4A}.social-icon-item.colour-scheme-black svg{fill:#4A4A4A}.social-icon-item:hover{background-color:#FFFFFF}.social-icon-item:hover svg{fill:#000000}.social-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.social-icon-item a svg{width:100%;height:100%}.social-icon-item a{padding:6px}.social-icon-item.wide{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px}.social-icon-item.wide.colour-scheme-primary{background-color:#2C089B}.social-icon-item.wide.colour-scheme-primary svg{fill:#FFFFFF}.social-icon-item.wide.colour-scheme-secondary{background-color:#2AF135}.social-icon-item.wide.colour-scheme-secondary svg{fill:#000000}.social-icon-item.wide.colour-scheme-tertiary{background-color:#FF7272}.social-icon-item.wide.colour-scheme-tertiary svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-1{background-color:#B30510}.social-icon-item.wide.colour-scheme-brand-1 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-2{background-color:#6E0887}.social-icon-item.wide.colour-scheme-brand-2 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-3{background-color:#50B400}.social-icon-item.wide.colour-scheme-brand-3 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-4{background-color:#FFE500}.social-icon-item.wide.colour-scheme-brand-4 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-5{background-color:#F07D00}.social-icon-item.wide.colour-scheme-brand-5 svg{fill:#000000}.social-icon-item.wide.colour-scheme-mhf-turquoise{background-color:#62CFC9}.social-icon-item.wide.colour-scheme-mhf-turquoise svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-grey{background-color:#CBC8C8}.social-icon-item.wide.colour-scheme-brand-grey svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-6{background-color:#CBC8C8}.social-icon-item.wide.colour-scheme-brand-6 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-afa-pink{background-color:#BF387D}.social-icon-item.wide.colour-scheme-brand-afa-pink svg{fill:#000000}.social-icon-item.wide.colour-scheme-white{background-color:#FFFFFF}.social-icon-item.wide.colour-scheme-white svg{fill:#000000}.social-icon-item.wide.colour-scheme-black{background-color:#000000}.social-icon-item.wide.colour-scheme-black svg{fill:#FFFFFF}.social-icon-item.wide.colour-scheme-black{background-color:#D7D7D7}.social-icon-item.wide.colour-scheme-black svg{fill:#D7D7D7}.social-icon-item.wide.colour-scheme-black{background-color:#E8E8E8}.social-icon-item.wide.colour-scheme-black svg{fill:#E8E8E8}.social-icon-item.wide.colour-scheme-black{background-color:#8A8A8A}.social-icon-item.wide.colour-scheme-black svg{fill:#8A8A8A}.social-icon-item.wide.colour-scheme-black{background-color:#4A4A4A}.social-icon-item.wide.colour-scheme-black svg{fill:#4A4A4A}.social-icon-item.wide:hover{background-color:#FFFFFF}.social-icon-item.wide:hover svg{fill:#000000}.social-icon-item.wide a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.social-icon-item.wide a svg{width:100%;height:100%}.social-icon-item.wide a{padding:6px}}";
+const biggiveSocialIconCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{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}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}:host{display:contents}.social-icon-item{margin-right:6px;width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px}.social-icon-item.colour-scheme-primary{background-color:#2C089B}.social-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.social-icon-item.colour-scheme-secondary{background-color:#2AF135}.social-icon-item.colour-scheme-secondary svg{fill:#000000}.social-icon-item.colour-scheme-tertiary{background-color:#FF7272}.social-icon-item.colour-scheme-tertiary svg{fill:#000000}.social-icon-item.colour-scheme-brand-1{background-color:#B30510}.social-icon-item.colour-scheme-brand-1 svg{fill:#000000}.social-icon-item.colour-scheme-brand-2{background-color:#6E0887}.social-icon-item.colour-scheme-brand-2 svg{fill:#000000}.social-icon-item.colour-scheme-brand-3{background-color:#50B400}.social-icon-item.colour-scheme-brand-3 svg{fill:#000000}.social-icon-item.colour-scheme-brand-4{background-color:#FFE500}.social-icon-item.colour-scheme-brand-4 svg{fill:#000000}.social-icon-item.colour-scheme-brand-5{background-color:#F07D00}.social-icon-item.colour-scheme-brand-5 svg{fill:#000000}.social-icon-item.colour-scheme-mhf-turquoise{background-color:#62CFC9}.social-icon-item.colour-scheme-mhf-turquoise svg{fill:#000000}.social-icon-item.colour-scheme-brand-grey{background-color:#CBC8C8}.social-icon-item.colour-scheme-brand-grey svg{fill:#000000}.social-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.social-icon-item.colour-scheme-brand-6 svg{fill:#000000}.social-icon-item.colour-scheme-brand-afa-pink{background-color:#BF387D}.social-icon-item.colour-scheme-brand-afa-pink svg{fill:#000000}.social-icon-item.colour-scheme-white{background-color:#FFFFFF}.social-icon-item.colour-scheme-white svg{fill:#000000}.social-icon-item.colour-scheme-black{background-color:#000000}.social-icon-item.colour-scheme-black svg{fill:#FFFFFF}.social-icon-item.colour-scheme-black{background-color:#D7D7D7}.social-icon-item.colour-scheme-black svg{fill:#D7D7D7}.social-icon-item.colour-scheme-black{background-color:#E8E8E8}.social-icon-item.colour-scheme-black svg{fill:#E8E8E8}.social-icon-item.colour-scheme-black{background-color:#8A8A8A}.social-icon-item.colour-scheme-black svg{fill:#8A8A8A}.social-icon-item.colour-scheme-black{background-color:#4A4A4A}.social-icon-item.colour-scheme-black svg{fill:#4A4A4A}.social-icon-item:hover{background-color:#FFFFFF}.social-icon-item:hover svg{fill:#000000}.social-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.social-icon-item a svg{width:100%;height:100%}.social-icon-item.wide{margin-right:30px}@media screen and (max-width: 576px){.social-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px}.social-icon-item.colour-scheme-primary{background-color:#2C089B}.social-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.social-icon-item.colour-scheme-secondary{background-color:#2AF135}.social-icon-item.colour-scheme-secondary svg{fill:#000000}.social-icon-item.colour-scheme-tertiary{background-color:#FF7272}.social-icon-item.colour-scheme-tertiary svg{fill:#000000}.social-icon-item.colour-scheme-brand-1{background-color:#B30510}.social-icon-item.colour-scheme-brand-1 svg{fill:#000000}.social-icon-item.colour-scheme-brand-2{background-color:#6E0887}.social-icon-item.colour-scheme-brand-2 svg{fill:#000000}.social-icon-item.colour-scheme-brand-3{background-color:#50B400}.social-icon-item.colour-scheme-brand-3 svg{fill:#000000}.social-icon-item.colour-scheme-brand-4{background-color:#FFE500}.social-icon-item.colour-scheme-brand-4 svg{fill:#000000}.social-icon-item.colour-scheme-brand-5{background-color:#F07D00}.social-icon-item.colour-scheme-brand-5 svg{fill:#000000}.social-icon-item.colour-scheme-mhf-turquoise{background-color:#62CFC9}.social-icon-item.colour-scheme-mhf-turquoise svg{fill:#000000}.social-icon-item.colour-scheme-brand-grey{background-color:#CBC8C8}.social-icon-item.colour-scheme-brand-grey svg{fill:#000000}.social-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.social-icon-item.colour-scheme-brand-6 svg{fill:#000000}.social-icon-item.colour-scheme-brand-afa-pink{background-color:#BF387D}.social-icon-item.colour-scheme-brand-afa-pink svg{fill:#000000}.social-icon-item.colour-scheme-white{background-color:#FFFFFF}.social-icon-item.colour-scheme-white svg{fill:#000000}.social-icon-item.colour-scheme-black{background-color:#000000}.social-icon-item.colour-scheme-black svg{fill:#FFFFFF}.social-icon-item.colour-scheme-black{background-color:#D7D7D7}.social-icon-item.colour-scheme-black svg{fill:#D7D7D7}.social-icon-item.colour-scheme-black{background-color:#E8E8E8}.social-icon-item.colour-scheme-black svg{fill:#E8E8E8}.social-icon-item.colour-scheme-black{background-color:#8A8A8A}.social-icon-item.colour-scheme-black svg{fill:#8A8A8A}.social-icon-item.colour-scheme-black{background-color:#4A4A4A}.social-icon-item.colour-scheme-black svg{fill:#4A4A4A}.social-icon-item:hover{background-color:#FFFFFF}.social-icon-item:hover svg{fill:#000000}.social-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.social-icon-item a svg{width:100%;height:100%}.social-icon-item a{padding:6px}.social-icon-item.wide{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px}.social-icon-item.wide.colour-scheme-primary{background-color:#2C089B}.social-icon-item.wide.colour-scheme-primary svg{fill:#FFFFFF}.social-icon-item.wide.colour-scheme-secondary{background-color:#2AF135}.social-icon-item.wide.colour-scheme-secondary svg{fill:#000000}.social-icon-item.wide.colour-scheme-tertiary{background-color:#FF7272}.social-icon-item.wide.colour-scheme-tertiary svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-1{background-color:#B30510}.social-icon-item.wide.colour-scheme-brand-1 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-2{background-color:#6E0887}.social-icon-item.wide.colour-scheme-brand-2 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-3{background-color:#50B400}.social-icon-item.wide.colour-scheme-brand-3 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-4{background-color:#FFE500}.social-icon-item.wide.colour-scheme-brand-4 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-5{background-color:#F07D00}.social-icon-item.wide.colour-scheme-brand-5 svg{fill:#000000}.social-icon-item.wide.colour-scheme-mhf-turquoise{background-color:#62CFC9}.social-icon-item.wide.colour-scheme-mhf-turquoise svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-grey{background-color:#CBC8C8}.social-icon-item.wide.colour-scheme-brand-grey svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-6{background-color:#CBC8C8}.social-icon-item.wide.colour-scheme-brand-6 svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-afa-pink{background-color:#BF387D}.social-icon-item.wide.colour-scheme-brand-afa-pink svg{fill:#000000}.social-icon-item.wide.colour-scheme-white{background-color:#FFFFFF}.social-icon-item.wide.colour-scheme-white svg{fill:#000000}.social-icon-item.wide.colour-scheme-black{background-color:#000000}.social-icon-item.wide.colour-scheme-black svg{fill:#FFFFFF}.social-icon-item.wide.colour-scheme-black{background-color:#D7D7D7}.social-icon-item.wide.colour-scheme-black svg{fill:#D7D7D7}.social-icon-item.wide.colour-scheme-black{background-color:#E8E8E8}.social-icon-item.wide.colour-scheme-black svg{fill:#E8E8E8}.social-icon-item.wide.colour-scheme-black{background-color:#8A8A8A}.social-icon-item.wide.colour-scheme-black svg{fill:#8A8A8A}.social-icon-item.wide.colour-scheme-black{background-color:#4A4A4A}.social-icon-item.wide.colour-scheme-black svg{fill:#4A4A4A}.social-icon-item.wide:hover{background-color:#FFFFFF}.social-icon-item.wide:hover svg{fill:#000000}.social-icon-item.wide a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.social-icon-item.wide a svg{width:100%;height:100%}.social-icon-item.wide a{padding:6px}}";
 const BiggiveSocialIconStyle0 = biggiveSocialIconCss;
 const BiggiveSocialIcon = /*@__PURE__*/ proxyCustomElement(class BiggiveSocialIcon extends HTMLElement {
@@ -35,7 +35,7 @@ const BiggiveSocialIcon = /*@__PURE__*/ proxyCustomElement(class BiggiveSocialIc
         return icon;
     }
     render() {
-        return (h("div", { key: 'e96819dfd85b058f859e8521c8d950168181d598', class: 'social-icon-item background-colour-' + this.backgroundColour + (this.wide ? ' wide' : '') }, h("a", { key: 'cc0621f8984d24191ddb444a17af81bd13bdab9d', href: this.url, "aria-label": `${this.labelPrefix} on ${this.service}`, target: "_blank", rel: "noopener" }, h("svg", { key: '6a313d2ceb78e76b92600fbb90c43149a6b3601e', width: this.getSocialIcon().icon[0], height: this.getSocialIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getSocialIcon().icon[0] + ' ' + this.getSocialIcon().icon[1] }, h("path", { key: 'a07f73ded610d2f00f5b6a4095e112badd8103ac', d: this.getSocialIcon().icon[4].toString() })))));
+        return (h("div", { key: '97a40f92ee2cb2db743f1b7d9f57cac6bc5d17b0', class: 'social-icon-item background-colour-' + this.backgroundColour + (this.wide ? ' wide' : '') }, h("a", { key: '867fcb4b62a42c776e8edfddfb70cb2aface9ab8', href: this.url, "aria-label": `${this.labelPrefix} on ${this.service}`, target: "_blank", rel: "noopener" }, h("svg", { key: '13f283cf3820abb91d0dbed7fb7a2e05ab5ac161', width: this.getSocialIcon().icon[0], height: this.getSocialIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getSocialIcon().icon[0] + ' ' + this.getSocialIcon().icon[1] }, h("path", { key: '0bc8f49718f0429d84d6a7be001004e880c46edf', d: this.getSocialIcon().icon[4].toString() })))));
     }
     static get style() { return BiggiveSocialIconStyle0; }
 }, [0, "biggive-social-icon", {

package/dist/components/biggive-social-icon2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-social-icon2.js","mappings":";;;AAAA,MAAM,oBAAoB,GAAG,~~6+VAA6+V~~,CAAC;~~AAC3gW~~,gCAAe,oBAAoB;;MCWtB,iBAAiB;IAL9B;;;;;;QAcU,gBAAW,GAAW,UAAU,CAAC;;;;QAKjC,qBAAgB,GAAW,SAAS,CAAC;;;;QAKrC,eAAU,GAAW,OAAO,CAAC;;;;;QAM7B,SAAI,GAAY,KAAK,CAAC;;;;QAKtB,QAAG,GAAW,GAAG,CAAC;KAwB3B;IAtBS,aAAa;QACnB,IAAI,IAAI,GAAG,uBAAuB,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC/D,OAAO,IAAI,CAAC;KACb;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,qCAAqC,GAAG,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI,GAAG,OAAO,GAAG,EAAE,CAAC,IACpG,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG,gBAAc,GAAG,IAAI,CAAC,WAAW,OAAO,IAAI,CAAC,OAAO,EAAE,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,UAAU,IACrG,4DACE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACnC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACpC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,IAEnF,6DAAM,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CAChD,CACJ,CACA,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/biggive-social-icon/biggive-social-icon.scss?tag=biggive-social-icon","src/components/biggive-social-icon/biggive-social-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n display: contents;\n}\n\n.social-icon-item {\n margin-right: 6px;\n @include icon-large();\n\n &.wide {\n margin-right: 30px;\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n @include icon-medium();\n\n &.wide {\n @include icon-medium();\n }\n }\n}\n","import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n/*\n Used to indicate and link to a charity's social page, or their own web site.\n /\n@Component({\n tag: 'biggive-social-icon',\n styleUrl: 'biggive-social-icon.scss',\n shadow: false,\n})\nexport class BiggiveSocialIcon {\n /\n Service name\n /\n @Prop() service!: 'Facebook' \| 'Instagram' \| 'LinkedIn' \| 'Twitter' \| 'Web' \| 'Whatsapp' \| 'YouTube';\n\n /\n Used within accessible labels for links. Typically a charity name or \"Big Give\". Can also be \"Share\".\n /\n @Prop() labelPrefix: string = 'Big Give';\n\n /\n Background colour\n /\n @Prop() backgroundColour: string = 'primary';\n\n /\n Icon colour\n /\n @Prop() iconColour: string = 'white';\n\n /\n Used in the social icons in the biggive-footer, which are more spaced out\n * than others across the site. COM-43.\n /\n @Prop() wide: boolean = false;\n\n /\n Url\n */\n @Prop() url: string = '#';\n\n private getSocialIcon(): IconDefinition {\n var icon = FontAwesomeIconsService.getSocialIcon(this.service);\n return icon;\n }\n\n render() {\n return (\n <div class={'social-icon-item background-colour-' + this.backgroundColour + (this.wide ? ' wide' : '')}>\n <a href={this.url} aria-label={`${this.labelPrefix} on ${this.service}`} target=\"_blank\" rel=\"noopener\">\n <svg\n width={this.getSocialIcon().icon[0]}\n height={this.getSocialIcon().icon[1]}\n xmlns=\"http://www.w3.org/2000/svg\"\n class={'fill-' + this.iconColour}\n viewBox={'0 0 ' + this.getSocialIcon().icon[0] + ' ' + this.getSocialIcon().icon[1]}\n >\n <path d={this.getSocialIcon().icon[4].toString()} />\n </svg>\n </a>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-social-icon2.js","mappings":";;;AAAA,MAAM,oBAAoB,GAAG,ioWAAioW,CAAC;AAC/pW,gCAAe,oBAAoB;;MCWtB,iBAAiB;IAL9B;;;;;;QAcU,gBAAW,GAAW,UAAU,CAAC;;;;QAKjC,qBAAgB,GAAW,SAAS,CAAC;;;;QAKrC,eAAU,GAAW,OAAO,CAAC;;;;;QAM7B,SAAI,GAAY,KAAK,CAAC;;;;QAKtB,QAAG,GAAW,GAAG,CAAC;KAwB3B;IAtBS,aAAa;QACnB,IAAI,IAAI,GAAG,uBAAuB,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC/D,OAAO,IAAI,CAAC;KACb;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,qCAAqC,GAAG,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI,GAAG,OAAO,GAAG,EAAE,CAAC,IACpG,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG,gBAAc,GAAG,IAAI,CAAC,WAAW,OAAO,IAAI,CAAC,OAAO,EAAE,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,UAAU,IACrG,4DACE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACnC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACpC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,IAEnF,6DAAM,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CAChD,CACJ,CACA,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/biggive-social-icon/biggive-social-icon.scss?tag=biggive-social-icon","src/components/biggive-social-icon/biggive-social-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n display: contents;\n}\n\n.social-icon-item {\n margin-right: 6px;\n @include icon-large();\n\n &.wide {\n margin-right: 30px;\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n @include icon-medium();\n\n &.wide {\n @include icon-medium();\n }\n }\n}\n","import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n/*\n Used to indicate and link to a charity's social page, or their own web site.\n /\n@Component({\n tag: 'biggive-social-icon',\n styleUrl: 'biggive-social-icon.scss',\n shadow: false,\n})\nexport class BiggiveSocialIcon {\n /\n Service name\n /\n @Prop() service!: 'Facebook' \| 'Instagram' \| 'LinkedIn' \| 'Twitter' \| 'Web' \| 'Whatsapp' \| 'YouTube';\n\n /\n Used within accessible labels for links. Typically a charity name or \"Big Give\". Can also be \"Share\".\n /\n @Prop() labelPrefix: string = 'Big Give';\n\n /\n Background colour\n /\n @Prop() backgroundColour: string = 'primary';\n\n /\n Icon colour\n /\n @Prop() iconColour: string = 'white';\n\n /\n Used in the social icons in the biggive-footer, which are more spaced out\n * than others across the site. COM-43.\n /\n @Prop() wide: boolean = false;\n\n /\n Url\n */\n @Prop() url: string = '#';\n\n private getSocialIcon(): IconDefinition {\n var icon = FontAwesomeIconsService.getSocialIcon(this.service);\n return icon;\n }\n\n render() {\n return (\n <div class={'social-icon-item background-colour-' + this.backgroundColour + (this.wide ? ' wide' : '')}>\n <a href={this.url} aria-label={`${this.labelPrefix} on ${this.service}`} target=\"_blank\" rel=\"noopener\">\n <svg\n width={this.getSocialIcon().icon[0]}\n height={this.getSocialIcon().icon[1]}\n xmlns=\"http://www.w3.org/2000/svg\"\n class={'fill-' + this.iconColour}\n viewBox={'0 0 ' + this.getSocialIcon().icon[0] + ' ' + this.getSocialIcon().icon[1]}\n >\n <path d={this.getSocialIcon().icon[4].toString()} />\n </svg>\n </a>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-tab.js CHANGED Viewed

@@ -11,7 +11,7 @@ const BiggiveTab$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTab extends H
         this.tabTitle = '';
     }
     render() {
-        return (h("div", { key: '6f29798ea6e2538ffdd7415d2f7047347ec26314', class: "container" }, h("slot", { key: '8324adbd307c87e757ba02d946a92e9670ed833b' })));
+        return (h("div", { key: 'beec549da689fcca90c1caa2c467334ac262696a', class: "container" }, h("slot", { key: '9c598adc54c0e03a9b0dd67733e4fd482331c115' })));
     }
     static get style() { return BiggiveTabStyle0; }
 }, [1, "biggive-tab", {

package/dist/components/biggive-tabbed-content.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-const biggiveTabbedContentCss = "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}::slotted(*){display:none}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .navigation{padding:0 40px}.container .navigation .button{position:absolute;top:5px;display:block;width:30px;height:30px;padding:2.5px 10px;box-sizing:border-box;background-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);border-radius:50%;cursor:pointer;text-align:center}.container .navigation .button.prev{left:0}.container .navigation .button.next{right:0}.container .navigation .button svg{width:10px;height:10px}.container .navigation .sleeve{border-bottom:1px solid #E8E8E8;overflow:hidden}.container .navigation .sleeve ul{margin:0;padding:0;list-style-type:none;display:flex}.container .navigation .sleeve ul li{flex-grow:1;padding:10px 20px;margin:0;width:calc(33.3% - 20px);border-bottom:3px solid transparent;text-align:center;white-space:nowrap;cursor:pointer}.container .navigation .sleeve ul li.selected{font-weight:bold}.container.text-colour-primary .navigation li{color:#2C089B}.container.navigation-highlight-colour-primary .navigation ul{border-color:#2C089B}.container.selected-text-colour-primary .navigation li.selected{color:#2C089B;border-color:#2C089B}.container.selected-navigation-highlight-colour-primary .navigation li.selected{border-color:#2C089B}.container.button-background-colour-primary .navigation .button{background-color:#2C089B}.container.button-icon-colour-primary .navigation .button svg path{stroke:#2C089B}.container.text-colour-secondary .navigation li{color:#2AF135}.container.navigation-highlight-colour-secondary .navigation ul{border-color:#2AF135}.container.selected-text-colour-secondary .navigation li.selected{color:#2AF135;border-color:#2AF135}.container.selected-navigation-highlight-colour-secondary .navigation li.selected{border-color:#2AF135}.container.button-background-colour-secondary .navigation .button{background-color:#2AF135}.container.button-icon-colour-secondary .navigation .button svg path{stroke:#2AF135}.container.text-colour-tertiary .navigation li{color:#FF7272}.container.navigation-highlight-colour-tertiary .navigation ul{border-color:#FF7272}.container.selected-text-colour-tertiary .navigation li.selected{color:#FF7272;border-color:#FF7272}.container.selected-navigation-highlight-colour-tertiary .navigation li.selected{border-color:#FF7272}.container.button-background-colour-tertiary .navigation .button{background-color:#FF7272}.container.button-icon-colour-tertiary .navigation .button svg path{stroke:#FF7272}.container.text-colour-brand-1 .navigation li{color:#B30510}.container.navigation-highlight-colour-brand-1 .navigation ul{border-color:#B30510}.container.selected-text-colour-brand-1 .navigation li.selected{color:#B30510;border-color:#B30510}.container.selected-navigation-highlight-colour-brand-1 .navigation li.selected{border-color:#B30510}.container.button-background-colour-brand-1 .navigation .button{background-color:#B30510}.container.button-icon-colour-brand-1 .navigation .button svg path{stroke:#B30510}.container.text-colour-brand-2 .navigation li{color:#6E0887}.container.navigation-highlight-colour-brand-2 .navigation ul{border-color:#6E0887}.container.selected-text-colour-brand-2 .navigation li.selected{color:#6E0887;border-color:#6E0887}.container.selected-navigation-highlight-colour-brand-2 .navigation li.selected{border-color:#6E0887}.container.button-background-colour-brand-2 .navigation .button{background-color:#6E0887}.container.button-icon-colour-brand-2 .navigation .button svg path{stroke:#6E0887}.container.text-colour-brand-3 .navigation li{color:#50B400}.container.navigation-highlight-colour-brand-3 .navigation ul{border-color:#50B400}.container.selected-text-colour-brand-3 .navigation li.selected{color:#50B400;border-color:#50B400}.container.selected-navigation-highlight-colour-brand-3 .navigation li.selected{border-color:#50B400}.container.button-background-colour-brand-3 .navigation .button{background-color:#50B400}.container.button-icon-colour-brand-3 .navigation .button svg path{stroke:#50B400}.container.text-colour-brand-4 .navigation li{color:#FFE500}.container.navigation-highlight-colour-brand-4 .navigation ul{border-color:#FFE500}.container.selected-text-colour-brand-4 .navigation li.selected{color:#FFE500;border-color:#FFE500}.container.selected-navigation-highlight-colour-brand-4 .navigation li.selected{border-color:#FFE500}.container.button-background-colour-brand-4 .navigation .button{background-color:#FFE500}.container.button-icon-colour-brand-4 .navigation .button svg path{stroke:#FFE500}.container.text-colour-brand-5 .navigation li{color:#F07D00}.container.navigation-highlight-colour-brand-5 .navigation ul{border-color:#F07D00}.container.selected-text-colour-brand-5 .navigation li.selected{color:#F07D00;border-color:#F07D00}.container.selected-navigation-highlight-colour-brand-5 .navigation li.selected{border-color:#F07D00}.container.button-background-colour-brand-5 .navigation .button{background-color:#F07D00}.container.button-icon-colour-brand-5 .navigation .button svg path{stroke:#F07D00}.container.text-colour-brand-cc-red .navigation li{color:#B30510}.container.navigation-highlight-colour-brand-cc-red .navigation ul{border-color:#B30510}.container.selected-text-colour-brand-cc-red .navigation li.selected{color:#B30510;border-color:#B30510}.container.selected-navigation-highlight-colour-brand-cc-red .navigation li.selected{border-color:#B30510}.container.button-background-colour-brand-cc-red .navigation .button{background-color:#B30510}.container.button-icon-colour-brand-cc-red .navigation .button svg path{stroke:#B30510}.container.text-colour-brand-wgmf-purple .navigation li{color:#6E0887}.container.navigation-highlight-colour-brand-wgmf-purple .navigation ul{border-color:#6E0887}.container.selected-text-colour-brand-wgmf-purple .navigation li.selected{color:#6E0887;border-color:#6E0887}.container.selected-navigation-highlight-colour-brand-wgmf-purple .navigation li.selected{border-color:#6E0887}.container.button-background-colour-brand-wgmf-purple .navigation .button{background-color:#6E0887}.container.button-icon-colour-brand-wgmf-purple .navigation .button svg path{stroke:#6E0887}.container.text-colour-brand-gmf-green .navigation li{color:#50B400}.container.navigation-highlight-colour-brand-gmf-green .navigation ul{border-color:#50B400}.container.selected-text-colour-brand-gmf-green .navigation li.selected{color:#50B400;border-color:#50B400}.container.selected-navigation-highlight-colour-brand-gmf-green .navigation li.selected{border-color:#50B400}.container.button-background-colour-brand-gmf-green .navigation .button{background-color:#50B400}.container.button-icon-colour-brand-gmf-green .navigation .button svg path{stroke:#50B400}.container.text-colour-brand-emf-yellow .navigation li{color:#FFE500}.container.navigation-highlight-colour-brand-emf-yellow .navigation ul{border-color:#FFE500}.container.selected-text-colour-brand-emf-yellow .navigation li.selected{color:#FFE500;border-color:#FFE500}.container.selected-navigation-highlight-colour-brand-emf-yellow .navigation li.selected{border-color:#FFE500}.container.button-background-colour-brand-emf-yellow .navigation .button{background-color:#FFE500}.container.button-icon-colour-brand-emf-yellow .navigation .button svg path{stroke:#FFE500}.container.text-colour-brand-c4c-orange .navigation li{color:#F07D00}.container.navigation-highlight-colour-brand-c4c-orange .navigation ul{border-color:#F07D00}.container.selected-text-colour-brand-c4c-orange .navigation li.selected{color:#F07D00;border-color:#F07D00}.container.selected-navigation-highlight-colour-brand-c4c-orange .navigation li.selected{border-color:#F07D00}.container.button-background-colour-brand-c4c-orange .navigation .button{background-color:#F07D00}.container.button-icon-colour-brand-c4c-orange .navigation .button svg path{stroke:#F07D00}.container.text-colour-brand-afa-pink .navigation li{color:#BF387D}.container.navigation-highlight-colour-brand-afa-pink .navigation ul{border-color:#BF387D}.container.selected-text-colour-brand-afa-pink .navigation li.selected{color:#BF387D;border-color:#BF387D}.container.selected-navigation-highlight-colour-brand-afa-pink .navigation li.selected{border-color:#BF387D}.container.button-background-colour-brand-afa-pink .navigation .button{background-color:#BF387D}.container.button-icon-colour-brand-afa-pink .navigation .button svg path{stroke:#BF387D}.container.text-colour-brand-mhf-turquoise .navigation li{color:#62CFC9}.container.navigation-highlight-colour-brand-mhf-turquoise .navigation ul{border-color:#62CFC9}.container.selected-text-colour-brand-mhf-turquoise .navigation li.selected{color:#62CFC9;border-color:#62CFC9}.container.selected-navigation-highlight-colour-brand-mhf-turquoise .navigation li.selected{border-color:#62CFC9}.container.button-background-colour-brand-mhf-turquoise .navigation .button{background-color:#62CFC9}.container.button-icon-colour-brand-mhf-turquoise .navigation .button svg path{stroke:#62CFC9}.container.text-colour-brand-grey .navigation li{color:#CBC8C8}.container.navigation-highlight-colour-brand-grey .navigation ul{border-color:#CBC8C8}.container.selected-text-colour-brand-grey .navigation li.selected{color:#CBC8C8;border-color:#CBC8C8}.container.selected-navigation-highlight-colour-brand-grey .navigation li.selected{border-color:#CBC8C8}.container.button-background-colour-brand-grey .navigation .button{background-color:#CBC8C8}.container.button-icon-colour-brand-grey .navigation .button svg path{stroke:#CBC8C8}.container.text-colour-white .navigation li{color:#FFFFFF}.container.navigation-highlight-colour-white .navigation ul{border-color:#FFFFFF}.container.selected-text-colour-white .navigation li.selected{color:#FFFFFF;border-color:#FFFFFF}.container.selected-navigation-highlight-colour-white .navigation li.selected{border-color:#FFFFFF}.container.button-background-colour-white .navigation .button{background-color:#FFFFFF}.container.button-icon-colour-white .navigation .button svg path{stroke:#FFFFFF}.container.text-colour-black .navigation li{color:#000000}.container.navigation-highlight-colour-black .navigation ul{border-color:#000000}.container.selected-text-colour-black .navigation li.selected{color:#000000;border-color:#000000}.container.selected-navigation-highlight-colour-black .navigation li.selected{border-color:#000000}.container.button-background-colour-black .navigation .button{background-color:#000000}.container.button-icon-colour-black .navigation .button svg path{stroke:#000000}.container.text-colour-grey-extra-light .navigation li{color:#D7D7D7}.container.navigation-highlight-colour-grey-extra-light .navigation ul{border-color:#D7D7D7}.container.selected-text-colour-grey-extra-light .navigation li.selected{color:#D7D7D7;border-color:#D7D7D7}.container.selected-navigation-highlight-colour-grey-extra-light .navigation li.selected{border-color:#D7D7D7}.container.button-background-colour-grey-extra-light .navigation .button{background-color:#D7D7D7}.container.button-icon-colour-grey-extra-light .navigation .button svg path{stroke:#D7D7D7}.container.text-colour-grey-light .navigation li{color:#E8E8E8}.container.navigation-highlight-colour-grey-light .navigation ul{border-color:#E8E8E8}.container.selected-text-colour-grey-light .navigation li.selected{color:#E8E8E8;border-color:#E8E8E8}.container.selected-navigation-highlight-colour-grey-light .navigation li.selected{border-color:#E8E8E8}.container.button-background-colour-grey-light .navigation .button{background-color:#E8E8E8}.container.button-icon-colour-grey-light .navigation .button svg path{stroke:#E8E8E8}.container.text-colour-grey-medium .navigation li{color:#8A8A8A}.container.navigation-highlight-colour-grey-medium .navigation ul{border-color:#8A8A8A}.container.selected-text-colour-grey-medium .navigation li.selected{color:#8A8A8A;border-color:#8A8A8A}.container.selected-navigation-highlight-colour-grey-medium .navigation li.selected{border-color:#8A8A8A}.container.button-background-colour-grey-medium .navigation .button{background-color:#8A8A8A}.container.button-icon-colour-grey-medium .navigation .button svg path{stroke:#8A8A8A}.container.text-colour-grey-dark .navigation li{color:#4A4A4A}.container.navigation-highlight-colour-grey-dark .navigation ul{border-color:#4A4A4A}.container.selected-text-colour-grey-dark .navigation li.selected{color:#4A4A4A;border-color:#4A4A4A}.container.selected-navigation-highlight-colour-grey-dark .navigation li.selected{border-color:#4A4A4A}.container.button-background-colour-grey-dark .navigation .button{background-color:#4A4A4A}.container.button-icon-colour-grey-dark .navigation .button svg path{stroke:#4A4A4A}.container.text-colour-brand-6 .navigation li{color:#62CFC9}.container.navigation-highlight-colour-brand-6 .navigation ul{border-color:#62CFC9}.container.selected-text-colour-brand-6 .navigation li.selected{color:#62CFC9;border-color:#62CFC9}.container.selected-navigation-highlight-colour-brand-6 .navigation li.selected{border-color:#62CFC9}.container.button-background-colour-brand-6 .navigation .button{background-color:#62CFC9}.container.button-icon-colour-brand-6 .navigation .button svg path{stroke:#62CFC9}";
+const biggiveTabbedContentCss = "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}::slotted(*){display:none}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .navigation{padding:0 40px}.container .navigation .button{position:absolute;top:5px;display:block;width:30px;height:30px;padding:2.5px 10px;box-sizing:border-box;background-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);border-radius:50%;cursor:pointer;text-align:center}.container .navigation .button.prev{left:0}.container .navigation .button.next{right:0}.container .navigation .button svg{width:10px;height:10px}.container .navigation .sleeve{border-bottom:1px solid #E8E8E8;overflow:hidden}.container .navigation .sleeve ul{margin:0;padding:0;list-style-type:none;display:flex}.container .navigation .sleeve ul li{flex-grow:1;padding:10px 20px;margin:0;width:calc(33.3% - 20px);border-bottom:3px solid transparent;text-align:center;white-space:nowrap;cursor:pointer}.container .navigation .sleeve ul li.selected{font-weight:bold}.container.text-colour-primary .navigation li{color:#2C089B}.container.navigation-highlight-colour-primary .navigation ul{border-color:#2C089B}.container.selected-text-colour-primary .navigation li.selected{color:#2C089B;border-color:#2C089B}.container.selected-navigation-highlight-colour-primary .navigation li.selected{border-color:#2C089B}.container.button-background-colour-primary .navigation .button{background-color:#2C089B}.container.button-icon-colour-primary .navigation .button svg path{stroke:#2C089B}.container.text-colour-secondary .navigation li{color:#2AF135}.container.navigation-highlight-colour-secondary .navigation ul{border-color:#2AF135}.container.selected-text-colour-secondary .navigation li.selected{color:#2AF135;border-color:#2AF135}.container.selected-navigation-highlight-colour-secondary .navigation li.selected{border-color:#2AF135}.container.button-background-colour-secondary .navigation .button{background-color:#2AF135}.container.button-icon-colour-secondary .navigation .button svg path{stroke:#2AF135}.container.text-colour-tertiary .navigation li{color:#FF7272}.container.navigation-highlight-colour-tertiary .navigation ul{border-color:#FF7272}.container.selected-text-colour-tertiary .navigation li.selected{color:#FF7272;border-color:#FF7272}.container.selected-navigation-highlight-colour-tertiary .navigation li.selected{border-color:#FF7272}.container.button-background-colour-tertiary .navigation .button{background-color:#FF7272}.container.button-icon-colour-tertiary .navigation .button svg path{stroke:#FF7272}.container.text-colour-brand-1 .navigation li{color:#B30510}.container.navigation-highlight-colour-brand-1 .navigation ul{border-color:#B30510}.container.selected-text-colour-brand-1 .navigation li.selected{color:#B30510;border-color:#B30510}.container.selected-navigation-highlight-colour-brand-1 .navigation li.selected{border-color:#B30510}.container.button-background-colour-brand-1 .navigation .button{background-color:#B30510}.container.button-icon-colour-brand-1 .navigation .button svg path{stroke:#B30510}.container.text-colour-brand-2 .navigation li{color:#6E0887}.container.navigation-highlight-colour-brand-2 .navigation ul{border-color:#6E0887}.container.selected-text-colour-brand-2 .navigation li.selected{color:#6E0887;border-color:#6E0887}.container.selected-navigation-highlight-colour-brand-2 .navigation li.selected{border-color:#6E0887}.container.button-background-colour-brand-2 .navigation .button{background-color:#6E0887}.container.button-icon-colour-brand-2 .navigation .button svg path{stroke:#6E0887}.container.text-colour-brand-3 .navigation li{color:#50B400}.container.navigation-highlight-colour-brand-3 .navigation ul{border-color:#50B400}.container.selected-text-colour-brand-3 .navigation li.selected{color:#50B400;border-color:#50B400}.container.selected-navigation-highlight-colour-brand-3 .navigation li.selected{border-color:#50B400}.container.button-background-colour-brand-3 .navigation .button{background-color:#50B400}.container.button-icon-colour-brand-3 .navigation .button svg path{stroke:#50B400}.container.text-colour-brand-4 .navigation li{color:#FFE500}.container.navigation-highlight-colour-brand-4 .navigation ul{border-color:#FFE500}.container.selected-text-colour-brand-4 .navigation li.selected{color:#FFE500;border-color:#FFE500}.container.selected-navigation-highlight-colour-brand-4 .navigation li.selected{border-color:#FFE500}.container.button-background-colour-brand-4 .navigation .button{background-color:#FFE500}.container.button-icon-colour-brand-4 .navigation .button svg path{stroke:#FFE500}.container.text-colour-brand-5 .navigation li{color:#F07D00}.container.navigation-highlight-colour-brand-5 .navigation ul{border-color:#F07D00}.container.selected-text-colour-brand-5 .navigation li.selected{color:#F07D00;border-color:#F07D00}.container.selected-navigation-highlight-colour-brand-5 .navigation li.selected{border-color:#F07D00}.container.button-background-colour-brand-5 .navigation .button{background-color:#F07D00}.container.button-icon-colour-brand-5 .navigation .button svg path{stroke:#F07D00}.container.text-colour-brand-cc-red .navigation li{color:#B30510}.container.navigation-highlight-colour-brand-cc-red .navigation ul{border-color:#B30510}.container.selected-text-colour-brand-cc-red .navigation li.selected{color:#B30510;border-color:#B30510}.container.selected-navigation-highlight-colour-brand-cc-red .navigation li.selected{border-color:#B30510}.container.button-background-colour-brand-cc-red .navigation .button{background-color:#B30510}.container.button-icon-colour-brand-cc-red .navigation .button svg path{stroke:#B30510}.container.text-colour-brand-wgmf-purple .navigation li{color:#6E0887}.container.navigation-highlight-colour-brand-wgmf-purple .navigation ul{border-color:#6E0887}.container.selected-text-colour-brand-wgmf-purple .navigation li.selected{color:#6E0887;border-color:#6E0887}.container.selected-navigation-highlight-colour-brand-wgmf-purple .navigation li.selected{border-color:#6E0887}.container.button-background-colour-brand-wgmf-purple .navigation .button{background-color:#6E0887}.container.button-icon-colour-brand-wgmf-purple .navigation .button svg path{stroke:#6E0887}.container.text-colour-brand-gmf-green .navigation li{color:#50B400}.container.navigation-highlight-colour-brand-gmf-green .navigation ul{border-color:#50B400}.container.selected-text-colour-brand-gmf-green .navigation li.selected{color:#50B400;border-color:#50B400}.container.selected-navigation-highlight-colour-brand-gmf-green .navigation li.selected{border-color:#50B400}.container.button-background-colour-brand-gmf-green .navigation .button{background-color:#50B400}.container.button-icon-colour-brand-gmf-green .navigation .button svg path{stroke:#50B400}.container.text-colour-brand-emf-yellow .navigation li{color:#FFE500}.container.navigation-highlight-colour-brand-emf-yellow .navigation ul{border-color:#FFE500}.container.selected-text-colour-brand-emf-yellow .navigation li.selected{color:#FFE500;border-color:#FFE500}.container.selected-navigation-highlight-colour-brand-emf-yellow .navigation li.selected{border-color:#FFE500}.container.button-background-colour-brand-emf-yellow .navigation .button{background-color:#FFE500}.container.button-icon-colour-brand-emf-yellow .navigation .button svg path{stroke:#FFE500}.container.text-colour-brand-c4c-orange .navigation li{color:#F07D00}.container.navigation-highlight-colour-brand-c4c-orange .navigation ul{border-color:#F07D00}.container.selected-text-colour-brand-c4c-orange .navigation li.selected{color:#F07D00;border-color:#F07D00}.container.selected-navigation-highlight-colour-brand-c4c-orange .navigation li.selected{border-color:#F07D00}.container.button-background-colour-brand-c4c-orange .navigation .button{background-color:#F07D00}.container.button-icon-colour-brand-c4c-orange .navigation .button svg path{stroke:#F07D00}.container.text-colour-brand-afa-pink .navigation li{color:#BF387D}.container.navigation-highlight-colour-brand-afa-pink .navigation ul{border-color:#BF387D}.container.selected-text-colour-brand-afa-pink .navigation li.selected{color:#BF387D;border-color:#BF387D}.container.selected-navigation-highlight-colour-brand-afa-pink .navigation li.selected{border-color:#BF387D}.container.button-background-colour-brand-afa-pink .navigation .button{background-color:#BF387D}.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}.container.navigation-highlight-colour-brand-mhf-turquoise .navigation ul{border-color:#62CFC9}.container.selected-text-colour-brand-mhf-turquoise .navigation li.selected{color:#62CFC9;border-color:#62CFC9}.container.selected-navigation-highlight-colour-brand-mhf-turquoise .navigation li.selected{border-color:#62CFC9}.container.button-background-colour-brand-mhf-turquoise .navigation .button{background-color:#62CFC9}.container.button-icon-colour-brand-mhf-turquoise .navigation .button svg path{stroke:#62CFC9}.container.text-colour-brand-grey .navigation li{color:#CBC8C8}.container.navigation-highlight-colour-brand-grey .navigation ul{border-color:#CBC8C8}.container.selected-text-colour-brand-grey .navigation li.selected{color:#CBC8C8;border-color:#CBC8C8}.container.selected-navigation-highlight-colour-brand-grey .navigation li.selected{border-color:#CBC8C8}.container.button-background-colour-brand-grey .navigation .button{background-color:#CBC8C8}.container.button-icon-colour-brand-grey .navigation .button svg path{stroke:#CBC8C8}.container.text-colour-white .navigation li{color:#FFFFFF}.container.navigation-highlight-colour-white .navigation ul{border-color:#FFFFFF}.container.selected-text-colour-white .navigation li.selected{color:#FFFFFF;border-color:#FFFFFF}.container.selected-navigation-highlight-colour-white .navigation li.selected{border-color:#FFFFFF}.container.button-background-colour-white .navigation .button{background-color:#FFFFFF}.container.button-icon-colour-white .navigation .button svg path{stroke:#FFFFFF}.container.text-colour-black .navigation li{color:#000000}.container.navigation-highlight-colour-black .navigation ul{border-color:#000000}.container.selected-text-colour-black .navigation li.selected{color:#000000;border-color:#000000}.container.selected-navigation-highlight-colour-black .navigation li.selected{border-color:#000000}.container.button-background-colour-black .navigation .button{background-color:#000000}.container.button-icon-colour-black .navigation .button svg path{stroke:#000000}.container.text-colour-grey-extra-light .navigation li{color:#D7D7D7}.container.navigation-highlight-colour-grey-extra-light .navigation ul{border-color:#D7D7D7}.container.selected-text-colour-grey-extra-light .navigation li.selected{color:#D7D7D7;border-color:#D7D7D7}.container.selected-navigation-highlight-colour-grey-extra-light .navigation li.selected{border-color:#D7D7D7}.container.button-background-colour-grey-extra-light .navigation .button{background-color:#D7D7D7}.container.button-icon-colour-grey-extra-light .navigation .button svg path{stroke:#D7D7D7}.container.text-colour-grey-light .navigation li{color:#E8E8E8}.container.navigation-highlight-colour-grey-light .navigation ul{border-color:#E8E8E8}.container.selected-text-colour-grey-light .navigation li.selected{color:#E8E8E8;border-color:#E8E8E8}.container.selected-navigation-highlight-colour-grey-light .navigation li.selected{border-color:#E8E8E8}.container.button-background-colour-grey-light .navigation .button{background-color:#E8E8E8}.container.button-icon-colour-grey-light .navigation .button svg path{stroke:#E8E8E8}.container.text-colour-grey-medium .navigation li{color:#8A8A8A}.container.navigation-highlight-colour-grey-medium .navigation ul{border-color:#8A8A8A}.container.selected-text-colour-grey-medium .navigation li.selected{color:#8A8A8A;border-color:#8A8A8A}.container.selected-navigation-highlight-colour-grey-medium .navigation li.selected{border-color:#8A8A8A}.container.button-background-colour-grey-medium .navigation .button{background-color:#8A8A8A}.container.button-icon-colour-grey-medium .navigation .button svg path{stroke:#8A8A8A}.container.text-colour-grey-dark .navigation li{color:#4A4A4A}.container.navigation-highlight-colour-grey-dark .navigation ul{border-color:#4A4A4A}.container.selected-text-colour-grey-dark .navigation li.selected{color:#4A4A4A;border-color:#4A4A4A}.container.selected-navigation-highlight-colour-grey-dark .navigation li.selected{border-color:#4A4A4A}.container.button-background-colour-grey-dark .navigation .button{background-color:#4A4A4A}.container.button-icon-colour-grey-dark .navigation .button svg path{stroke:#4A4A4A}.container.text-colour-brand-6 .navigation li{color:#62CFC9}.container.navigation-highlight-colour-brand-6 .navigation ul{border-color:#62CFC9}.container.selected-text-colour-brand-6 .navigation li.selected{color:#62CFC9;border-color:#62CFC9}.container.selected-navigation-highlight-colour-brand-6 .navigation li.selected{border-color:#62CFC9}.container.button-background-colour-brand-6 .navigation .button{background-color:#62CFC9}.container.button-icon-colour-brand-6 .navigation .button svg path{stroke:#62CFC9}";
 const BiggiveTabbedContentStyle0 = biggiveTabbedContentCss;
 const BiggiveTabbedContent$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTabbedContent extends HTMLElement {
@@ -110,7 +110,7 @@ const BiggiveTabbedContent$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTab
         });
     }
     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 +
@@ -123,7 +123,7 @@ const BiggiveTabbedContent$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTab
                 ' 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' })));
     }
     get host() { return this; }
     static get style() { return BiggiveTabbedContentStyle0; }

package/dist/components/biggive-tabbed-content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-tabbed-content.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,wseAAwse,CAAC;AACzue,mCAAe,uBAAuB;;MCQzBA,sBAAoB;IALjC;;;;QAQU,eAAU,GAAkB,CAAC,CAAC;QAE9B,eAAU,GAAgB,OAAO,CAAC;QAElC,uBAAkB,GAAgB,SAAS,CAAC;QAE5C,8BAAyB,GAAgB,aAAa,CAAC;QAEvD,sCAAiC,GAAgB,SAAS,CAAC;QAE3D,2BAAsB,GAAgB,OAAO,CAAC;QAE9C,qBAAgB,GAAgB,SAAS,CAAC;QAG1C,iBAAY,GAAW,CAAC,CAAC;QACzB,aAAQ,GAAiC,EAAE,CAAC;QAiD5C,oBAAe,GAAG,CAAC,CAAa;YACtC,IAAI,CAAC,GAAG,CAAC,CAAC;YACV,MAAM,MAAM,GAAI,CAAC,CAAC,MAAkB,CAAC,aAAc,CAAC;YACpD,KAAK,IAAI,EAAE,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;gBAC1C,IAAI,EAAE,IAAI,CAAC,CAAC,MAAM,EAAE;oBAClB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;oBAChB,OAAO;iBACR;gBACD,CAAC,EAAE,CAAC;aACL;SACF,CAAC;QAqCM,qBAAgB,GAAG;YACzB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;SACxB,CAAC;QAEM,qBAAgB,GAAG;YACzB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;SACxB,CAAC;KA6CH;IAjJC,iBAAiB;QACf,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAiC,CAAC;KAChF;IAED,kBAAkB;;QAChB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAEhB,IAAI,CAAC,gBAAgB,GAAG,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,2BAA2B,CAAE,CAAC;QAE1F,MAAM,aAAa,GAAgB,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,qBAAqB,CAAE,CAAC;QAE/F,IAAI,aAAa,CAAC,WAAW,GAAG,aAAa,CAAC,WAAW,EAAE;YACzD,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CAAC,qBAAqB,EAAE,OAAO,CAAC,UAAU,MAAmB;gBACjG,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;aAChC,CAAC,CAAC;SACJ;aAAM;YACL,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CAAC,qBAAqB,EAAE,OAAO,CAAC,UAAU,MAAmB;gBACjG,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;aAC/B,CAAC,CAAC;SACJ;KACF;;;;IAKO,OAAO,CAAC,CAAS;;QACvB,MAAM,IAAI,GAAG,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CAAC,mBAAmB,CAAE,CAAC;QAE1E,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,IAAG,CAAC,EAAE;YACnC,IAAI,CAAC,GAAG,CAAC,CAAC;YACV,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,UAAU,GAAG;gBACzB,IAAI,CAAC,IAAI,CAAC,EAAE;oBACV,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;iBAC/B;qBAAM;oBACL,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;iBAClC;gBACD,CAAC,EAAE,CAAC;aACL,CAAC,CAAC;YAEH,CAAC,GAAG,CAAC,CAAC;YACN,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,UAAU,GAAG;gBAC7D,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,OAAO,GAAG,MAAM,CAAC;gBAC9C,CAAC,EAAE,CAAC;aACL,CAAC,CAAC;SACJ;KACF;IAcO,SAAS,CAAC,SAA0B;;QAC1C,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC1B,OAAO;SACR;QAED,IAAI,MAAM,GAAgB,IAAI,CAAC,gBAAgB,CAAC,aAAc,CAAC;QAC/D,IAAI,GAAG,GAAG,MAAM,CAAC,WAAW,IAAG,MAAA,MAAM,CAAC,aAAa,0CAAE,WAAY,CAAA,CAAC;QAElE,IAAI,SAAS,IAAI,MAAM,EAAE;YACvB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,GAAG,CAAC,EAAE;gBAC7D,OAAO;aACR;YAED,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC;YAC1E,IAAI,IAAI,CAAC,gBAAgB,CAAC,sBAAsB,EAAE;gBAChD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,sBAAqC,CAAC;aACrF;SACF;aAAM,IAAI,SAAS,IAAI,MAAM,EAAE;YAC9B,IAAI,CAAC,GAAG,IAAI,CAAC,YAAY,GAAG,GAAG,EAAE;gBAC/B,OAAO;aACR;YAED,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC;YAC1E,IAAI,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,EAAE;gBAC5C,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,kBAAiC,CAAC;aACjF;SACF;QAED,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE;YACtC,EAAE,CAAC,KAAK,CAAC,kBAAkB,GAAG,MAAM,CAAC;YACrC,EAAE,CAAC,KAAK,CAAC,wBAAwB,GAAG,UAAU,CAAC;YAC/C,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,GAAG,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;SACvE,CAAC,CAAC;KACJ;IAUD,MAAM;QACJ,QACE,4DACE,KAAK,EACH,wBAAwB;gBACxB,IAAI,CAAC,UAAU;gBACf,eAAe;gBACf,IAAI,CAAC,UAAU;gBACf,wBAAwB;gBACxB,IAAI,CAAC,kBAAkB;gBACvB,+BAA+B;gBAC/B,IAAI,CAAC,yBAAyB;gBAC9B,wCAAwC;gBACxC,IAAI,CAAC,iCAAiC;gBACtC,4BAA4B;gBAC5B,IAAI,CAAC,sBAAsB;gBAC3B,sBAAsB;gBACtB,IAAI,CAAC,gBAAgB,IAGvB,4DAAK,KAAK,EAAC,YAAY,IACrB,4DAAK,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAC,UAAU,IACvE,4DAAK,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC1F,6DAAM,CAAC,EAAC,kDAAkD,EAAC,MAAM,EAAC,SAAS,kBAAc,GAAG,GAAG,CAC3F,CACF,EACN,4DAAK,KAAK,EAAC,QAAQ,IACjB,6DACG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,KACtB,UAAI,OAAO,EAAE,IAAI,CAAC,eAAe,IAAG,KAAK,CAAC,QAAQ,CAAM,CACzD,CAAC,CACC,CACD,EACN,4DAAK,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAC,MAAM,IACnE,4DAAK,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC1F,6DAAM,CAAC,EAAC,oDAAoD,EAAC,MAAM,EAAC,SAAS,kBAAc,GAAG,GAAG,CAC7F,CACF,CACF,EACN,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveTabbedContent"],"sources":["src/components/biggive-tabbed-content/biggive-tabbed-content.scss?tag=biggive-tabbed-content&encapsulation=shadow","src/components/biggive-tabbed-content/biggive-tabbed-content.tsx"],"sourcesContent":["@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n::slotted() {\n display: none;\n}\n\n.container {\n @include standard-font();\n position: relative;\n\n .navigation {\n padding: 0 40px;\n .button {\n position: absolute;\n top: 5px;\n display: block;\n width: 30px;\n height: 30px;\n padding: 2.5px 10px;\n box-sizing: border-box;\n background-color: #FFFFFF;\n box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);\n border-radius: 50%;\n cursor: pointer;\n text-align: center;\n &.prev {\n left: 0;\n }\n &.next {\n right: 0;\n }\n svg {\n width: 10px;\n height: 10px;\n }\n }\n .sleeve {\n border-bottom: 1px solid $colour-grey-light;\n overflow: hidden;\n ul {\n margin: 0;\n padding: 0;\n list-style-type: none;\n display: flex;\n li {\n flex-grow: 1;\n padding: 10px 20px;\n margin: 0;\n width: calc(33.3% - 20px);\n border-bottom: 3px solid transparent;\n text-align: center;\n white-space: nowrap;\n cursor: pointer;\n &.selected {\n font-weight: bold;\n }\n }\n }\n }\n }\n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.text-colour-#{$key} .navigation li { color: $colour; }\n &.navigation-highlight-colour-#{$key} .navigation ul {border-color: $colour; }\n &.selected-text-colour-#{$key} .navigation li.selected { color: $colour; border-color: $colour; }\n &.selected-navigation-highlight-colour-#{$key} .navigation li.selected { border-color: $colour; }\n &.button-background-colour-#{$key} .navigation .button { background-color: $colour; }\n &.button-icon-colour-#{$key} .navigation .button svg path { stroke: $colour; }\n }\n\n}","import { Component, Prop, Element, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-tabbed-content',\n styleUrl: 'biggive-tabbed-content.scss',\n shadow: true,\n})\nexport class BiggiveTabbedContent {\n @Element() host: HTMLBiggiveTabbedContentElement;\n\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() selectedTextColour: brandColour = 'primary';\n\n @Prop() navigationHighlightColour: brandColour = 'grey-medium';\n\n @Prop() selectedNavigationHighlightColour: brandColour = 'primary';\n\n @Prop() buttonBackgroundColour: brandColour = 'white';\n\n @Prop() buttonIconColour: brandColour = 'primary';\n\n private scrollContextTab: HTMLElement \| null;\n private scrollOffset: number = 0;\n private children: Array<HTMLBiggiveTabElement> = [];\n\n componentWillLoad() {\n this.children = Array.from(this.host.children) as Array<HTMLBiggiveTabElement>;\n }\n\n componentDidRender() {\n this.showTab(0);\n\n this.scrollContextTab = this.host.shadowRoot?.querySelector('.navigation .sleeve ul li')!;\n\n const sleeveElement: HTMLElement = this.host.shadowRoot?.querySelector('.navigation .sleeve')!;\n\n if (sleeveElement.scrollWidth > sleeveElement.offsetWidth) {\n this.host.shadowRoot?.querySelectorAll('.navigation .button').forEach(function (button: HTMLElement) {\n button.style.display = 'block';\n });\n } else {\n this.host.shadowRoot?.querySelectorAll('.navigation .button').forEach(function (button: HTMLElement) {\n button.style.display = 'none';\n });\n }\n }\n\n /\n * Shows the i'th tab, counting from zero. Does nothing if i out of range.\n */\n private showTab(i: number) {\n const tabs = this.host.shadowRoot?.querySelectorAll('.navigation ul li')!;\n\n if (i >= 0 && i <= tabs?.length - 1) {\n let j = 0;\n tabs?.forEach(function (tab) {\n if (i == j) {\n tab.classList.add('selected');\n } else {\n tab.classList.remove('selected');\n }\n j++;\n });\n\n j = 0;\n this.host.querySelectorAll('biggive-tab').forEach(function (tab) {\n tab.style.display = i == j ? 'block' : 'none';\n j++;\n });\n }\n }\n\n private clickTabHandler = (e: MouseEvent) => {\n let i = 0;\n const parent = (e.target as Element).parentElement!;\n for (let el of Array.from(parent.children)) {\n if (el == e.target) {\n this.showTab(i);\n return;\n }\n i++;\n }\n };\n\n private scrollTab(direction: 'NEXT' \| 'PREV') {\n if (!this.scrollContextTab) {\n return;\n }\n\n let sleeve: HTMLElement = this.scrollContextTab.parentElement!;\n let max = sleeve.scrollWidth - sleeve.parentElement?.offsetWidth!;\n\n if (direction == 'PREV') {\n if (this.scrollOffset + this.scrollContextTab.offsetWidth > 0) {\n return;\n }\n\n this.scrollOffset = this.scrollOffset + this.scrollContextTab.offsetWidth;\n if (this.scrollContextTab.previousElementSibling) {\n this.scrollContextTab = this.scrollContextTab.previousElementSibling as HTMLElement;\n }\n } else if (direction == 'NEXT') {\n if (0 - this.scrollOffset > max) {\n return;\n }\n\n this.scrollOffset = this.scrollOffset - this.scrollContextTab.offsetWidth;\n if (this.scrollContextTab.nextElementSibling) {\n this.scrollContextTab = this.scrollContextTab.nextElementSibling as HTMLElement;\n }\n }\n\n sleeve.querySelectorAll('li').forEach(li => {\n li.style.transitionDuration = '0.3s';\n li.style.transitionTimingFunction = 'ease-out';\n li.style.transform = 'translate3d(' + this.scrollOffset + 'px, 0, 0)';\n });\n }\n\n private clickPrevHandler = () => {\n this.scrollTab('PREV');\n };\n\n private clickNextHandler = () => {\n this.scrollTab('NEXT');\n };\n\n render() {\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' text-colour-' +\n this.textColour +\n ' selected-text-colour-' +\n this.selectedTextColour +\n ' navigation-highlight-colour-' +\n this.navigationHighlightColour +\n ' selected-navigation-highlight-colour-' +\n this.selectedNavigationHighlightColour +\n ' button-background-colour-' +\n this.buttonBackgroundColour +\n ' button-icon-colour-' +\n this.buttonIconColour\n }\n >\n <div class=\"navigation\">\n <div class=\"button prev\" onClick={this.clickPrevHandler} title=\"Previous\">\n <svg width=\"9\" height=\"16\" viewBox=\"0 0 9 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261\" stroke=\"#000000\" stroke-width=\"2\" />\n </svg>\n </div>\n <div class=\"sleeve\">\n <ul>\n {this.children.map(child => (\n <li onClick={this.clickTabHandler}>{child.tabTitle}</li>\n ))}\n </ul>\n </div>\n <div class=\"button next\" onClick={this.clickNextHandler} title=\"Next\">\n <svg width=\"9\" height=\"16\" viewBox=\"0 0 9 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686\" stroke=\"#000000\" stroke-width=\"2\" />\n </svg>\n </div>\n </div>\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-tabbed-content.js","mappings":"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","names":["BiggiveTabbedContent"],"sources":["src/components/biggive-tabbed-content/biggive-tabbed-content.scss?tag=biggive-tabbed-content&encapsulation=shadow","src/components/biggive-tabbed-content/biggive-tabbed-content.tsx"],"sourcesContent":["@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n::slotted() {\n display: none;\n}\n\n.container {\n @include standard-font();\n position: relative;\n\n .navigation {\n padding: 0 40px;\n .button {\n position: absolute;\n top: 5px;\n display: block;\n width: 30px;\n height: 30px;\n padding: 2.5px 10px;\n box-sizing: border-box;\n background-color: #FFFFFF;\n box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);\n border-radius: 50%;\n cursor: pointer;\n text-align: center;\n &.prev {\n left: 0;\n }\n &.next {\n right: 0;\n }\n svg {\n width: 10px;\n height: 10px;\n }\n }\n .sleeve {\n border-bottom: 1px solid $colour-grey-light;\n overflow: hidden;\n ul {\n margin: 0;\n padding: 0;\n list-style-type: none;\n display: flex;\n li {\n flex-grow: 1;\n padding: 10px 20px;\n margin: 0;\n width: calc(33.3% - 20px);\n border-bottom: 3px solid transparent;\n text-align: center;\n white-space: nowrap;\n cursor: pointer;\n &.selected {\n font-weight: bold;\n }\n }\n }\n }\n }\n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.text-colour-#{$key} .navigation li { color: $colour; }\n &.navigation-highlight-colour-#{$key} .navigation ul {border-color: $colour; }\n &.selected-text-colour-#{$key} .navigation li.selected { color: $colour; border-color: $colour; }\n &.selected-navigation-highlight-colour-#{$key} .navigation li.selected { border-color: $colour; }\n &.button-background-colour-#{$key} .navigation .button { background-color: $colour; }\n &.button-icon-colour-#{$key} .navigation .button svg path { stroke: $colour; }\n }\n\n}","import { Component, Prop, Element, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-tabbed-content',\n styleUrl: 'biggive-tabbed-content.scss',\n shadow: true,\n})\nexport class BiggiveTabbedContent {\n @Element() host: HTMLBiggiveTabbedContentElement;\n\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() selectedTextColour: brandColour = 'primary';\n\n @Prop() navigationHighlightColour: brandColour = 'grey-medium';\n\n @Prop() selectedNavigationHighlightColour: brandColour = 'primary';\n\n @Prop() buttonBackgroundColour: brandColour = 'white';\n\n @Prop() buttonIconColour: brandColour = 'primary';\n\n private scrollContextTab: HTMLElement \| null;\n private scrollOffset: number = 0;\n private children: Array<HTMLBiggiveTabElement> = [];\n\n componentWillLoad() {\n this.children = Array.from(this.host.children) as Array<HTMLBiggiveTabElement>;\n }\n\n componentDidRender() {\n this.showTab(0);\n\n this.scrollContextTab = this.host.shadowRoot?.querySelector('.navigation .sleeve ul li')!;\n\n const sleeveElement: HTMLElement = this.host.shadowRoot?.querySelector('.navigation .sleeve')!;\n\n if (sleeveElement.scrollWidth > sleeveElement.offsetWidth) {\n this.host.shadowRoot?.querySelectorAll('.navigation .button').forEach(function (button: HTMLElement) {\n button.style.display = 'block';\n });\n } else {\n this.host.shadowRoot?.querySelectorAll('.navigation .button').forEach(function (button: HTMLElement) {\n button.style.display = 'none';\n });\n }\n }\n\n /\n * Shows the i'th tab, counting from zero. Does nothing if i out of range.\n */\n private showTab(i: number) {\n const tabs = this.host.shadowRoot?.querySelectorAll('.navigation ul li')!;\n\n if (i >= 0 && i <= tabs?.length - 1) {\n let j = 0;\n tabs?.forEach(function (tab) {\n if (i == j) {\n tab.classList.add('selected');\n } else {\n tab.classList.remove('selected');\n }\n j++;\n });\n\n j = 0;\n this.host.querySelectorAll('biggive-tab').forEach(function (tab) {\n tab.style.display = i == j ? 'block' : 'none';\n j++;\n });\n }\n }\n\n private clickTabHandler = (e: MouseEvent) => {\n let i = 0;\n const parent = (e.target as Element).parentElement!;\n for (let el of Array.from(parent.children)) {\n if (el == e.target) {\n this.showTab(i);\n return;\n }\n i++;\n }\n };\n\n private scrollTab(direction: 'NEXT' \| 'PREV') {\n if (!this.scrollContextTab) {\n return;\n }\n\n let sleeve: HTMLElement = this.scrollContextTab.parentElement!;\n let max = sleeve.scrollWidth - sleeve.parentElement?.offsetWidth!;\n\n if (direction == 'PREV') {\n if (this.scrollOffset + this.scrollContextTab.offsetWidth > 0) {\n return;\n }\n\n this.scrollOffset = this.scrollOffset + this.scrollContextTab.offsetWidth;\n if (this.scrollContextTab.previousElementSibling) {\n this.scrollContextTab = this.scrollContextTab.previousElementSibling as HTMLElement;\n }\n } else if (direction == 'NEXT') {\n if (0 - this.scrollOffset > max) {\n return;\n }\n\n this.scrollOffset = this.scrollOffset - this.scrollContextTab.offsetWidth;\n if (this.scrollContextTab.nextElementSibling) {\n this.scrollContextTab = this.scrollContextTab.nextElementSibling as HTMLElement;\n }\n }\n\n sleeve.querySelectorAll('li').forEach(li => {\n li.style.transitionDuration = '0.3s';\n li.style.transitionTimingFunction = 'ease-out';\n li.style.transform = 'translate3d(' + this.scrollOffset + 'px, 0, 0)';\n });\n }\n\n private clickPrevHandler = () => {\n this.scrollTab('PREV');\n };\n\n private clickNextHandler = () => {\n this.scrollTab('NEXT');\n };\n\n render() {\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' text-colour-' +\n this.textColour +\n ' selected-text-colour-' +\n this.selectedTextColour +\n ' navigation-highlight-colour-' +\n this.navigationHighlightColour +\n ' selected-navigation-highlight-colour-' +\n this.selectedNavigationHighlightColour +\n ' button-background-colour-' +\n this.buttonBackgroundColour +\n ' button-icon-colour-' +\n this.buttonIconColour\n }\n >\n <div class=\"navigation\">\n <div class=\"button prev\" onClick={this.clickPrevHandler} title=\"Previous\">\n <svg width=\"9\" height=\"16\" viewBox=\"0 0 9 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261\" stroke=\"#000000\" stroke-width=\"2\" />\n </svg>\n </div>\n <div class=\"sleeve\">\n <ul>\n {this.children.map(child => (\n <li onClick={this.clickTabHandler}>{child.tabTitle}</li>\n ))}\n </ul>\n </div>\n <div class=\"button next\" onClick={this.clickNextHandler} title=\"Next\">\n <svg width=\"9\" height=\"16\" viewBox=\"0 0 9 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686\" stroke=\"#000000\" stroke-width=\"2\" />\n </svg>\n </div>\n </div>\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-table.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-const biggiveTableCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container.header-text-colour-primary thead{color:#2C089B}.container.header-background-colour-primary thead{background-color:#2C089B}.container.body-text-colour-primary tbody{color:#2C089B}.container.body-background-colour-primary tbody{background-color:#2C089B}.container.header-text-colour-secondary thead{color:#2AF135}.container.header-background-colour-secondary thead{background-color:#2AF135}.container.body-text-colour-secondary tbody{color:#2AF135}.container.body-background-colour-secondary tbody{background-color:#2AF135}.container.header-text-colour-tertiary thead{color:#FF7272}.container.header-background-colour-tertiary thead{background-color:#FF7272}.container.body-text-colour-tertiary tbody{color:#FF7272}.container.body-background-colour-tertiary tbody{background-color:#FF7272}.container.header-text-colour-brand-1 thead{color:#B30510}.container.header-background-colour-brand-1 thead{background-color:#B30510}.container.body-text-colour-brand-1 tbody{color:#B30510}.container.body-background-colour-brand-1 tbody{background-color:#B30510}.container.header-text-colour-brand-2 thead{color:#6E0887}.container.header-background-colour-brand-2 thead{background-color:#6E0887}.container.body-text-colour-brand-2 tbody{color:#6E0887}.container.body-background-colour-brand-2 tbody{background-color:#6E0887}.container.header-text-colour-brand-3 thead{color:#50B400}.container.header-background-colour-brand-3 thead{background-color:#50B400}.container.body-text-colour-brand-3 tbody{color:#50B400}.container.body-background-colour-brand-3 tbody{background-color:#50B400}.container.header-text-colour-brand-4 thead{color:#FFE500}.container.header-background-colour-brand-4 thead{background-color:#FFE500}.container.body-text-colour-brand-4 tbody{color:#FFE500}.container.body-background-colour-brand-4 tbody{background-color:#FFE500}.container.header-text-colour-brand-5 thead{color:#F07D00}.container.header-background-colour-brand-5 thead{background-color:#F07D00}.container.body-text-colour-brand-5 tbody{color:#F07D00}.container.body-background-colour-brand-5 tbody{background-color:#F07D00}.container.header-text-colour-brand-cc-red thead{color:#B30510}.container.header-background-colour-brand-cc-red thead{background-color:#B30510}.container.body-text-colour-brand-cc-red tbody{color:#B30510}.container.body-background-colour-brand-cc-red tbody{background-color:#B30510}.container.header-text-colour-brand-wgmf-purple thead{color:#6E0887}.container.header-background-colour-brand-wgmf-purple thead{background-color:#6E0887}.container.body-text-colour-brand-wgmf-purple tbody{color:#6E0887}.container.body-background-colour-brand-wgmf-purple tbody{background-color:#6E0887}.container.header-text-colour-brand-gmf-green thead{color:#50B400}.container.header-background-colour-brand-gmf-green thead{background-color:#50B400}.container.body-text-colour-brand-gmf-green tbody{color:#50B400}.container.body-background-colour-brand-gmf-green tbody{background-color:#50B400}.container.header-text-colour-brand-emf-yellow thead{color:#FFE500}.container.header-background-colour-brand-emf-yellow thead{background-color:#FFE500}.container.body-text-colour-brand-emf-yellow tbody{color:#FFE500}.container.body-background-colour-brand-emf-yellow tbody{background-color:#FFE500}.container.header-text-colour-brand-c4c-orange thead{color:#F07D00}.container.header-background-colour-brand-c4c-orange thead{background-color:#F07D00}.container.body-text-colour-brand-c4c-orange tbody{color:#F07D00}.container.body-background-colour-brand-c4c-orange tbody{background-color:#F07D00}.container.header-text-colour-brand-afa-pink thead{color:#BF387D}.container.header-background-colour-brand-afa-pink thead{background-color:#BF387D}.container.body-text-colour-brand-afa-pink tbody{color:#BF387D}.container.body-background-colour-brand-afa-pink tbody{background-color:#BF387D}.container.header-text-colour-brand-mhf-turquoise thead{color:#62CFC9}.container.header-background-colour-brand-mhf-turquoise thead{background-color:#62CFC9}.container.body-text-colour-brand-mhf-turquoise tbody{color:#62CFC9}.container.body-background-colour-brand-mhf-turquoise tbody{background-color:#62CFC9}.container.header-text-colour-brand-grey thead{color:#CBC8C8}.container.header-background-colour-brand-grey thead{background-color:#CBC8C8}.container.body-text-colour-brand-grey tbody{color:#CBC8C8}.container.body-background-colour-brand-grey tbody{background-color:#CBC8C8}.container.header-text-colour-white thead{color:#FFFFFF}.container.header-background-colour-white thead{background-color:#FFFFFF}.container.body-text-colour-white tbody{color:#FFFFFF}.container.body-background-colour-white tbody{background-color:#FFFFFF}.container.header-text-colour-black thead{color:#000000}.container.header-background-colour-black thead{background-color:#000000}.container.body-text-colour-black tbody{color:#000000}.container.body-background-colour-black tbody{background-color:#000000}.container.header-text-colour-grey-extra-light thead{color:#D7D7D7}.container.header-background-colour-grey-extra-light thead{background-color:#D7D7D7}.container.body-text-colour-grey-extra-light tbody{color:#D7D7D7}.container.body-background-colour-grey-extra-light tbody{background-color:#D7D7D7}.container.header-text-colour-grey-light thead{color:#E8E8E8}.container.header-background-colour-grey-light thead{background-color:#E8E8E8}.container.body-text-colour-grey-light tbody{color:#E8E8E8}.container.body-background-colour-grey-light tbody{background-color:#E8E8E8}.container.header-text-colour-grey-medium thead{color:#8A8A8A}.container.header-background-colour-grey-medium thead{background-color:#8A8A8A}.container.body-text-colour-grey-medium tbody{color:#8A8A8A}.container.body-background-colour-grey-medium tbody{background-color:#8A8A8A}.container.header-text-colour-grey-dark thead{color:#4A4A4A}.container.header-background-colour-grey-dark thead{background-color:#4A4A4A}.container.body-text-colour-grey-dark tbody{color:#4A4A4A}.container.body-background-colour-grey-dark tbody{background-color:#4A4A4A}.container.header-text-colour-brand-6 thead{color:#62CFC9}.container.header-background-colour-brand-6 thead{background-color:#62CFC9}.container.body-text-colour-brand-6 tbody{color:#62CFC9}.container.body-background-colour-brand-6 tbody{background-color:#62CFC9}.container table{width:100%;border-collapse:collapse;border:0}.container table td,.container table th{padding:10px 20px;border:0;font-size:inherit}.container table thead{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.15))}.container table thead td,.container table thead th{font-weight:bold}.container table tbody tr.odd{background-color:rgba(255, 255, 255, 0.3)}.container table tbody td,.container table tbody th{font-size:80%}";
+const biggiveTableCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{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}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container.header-text-colour-primary thead{color:#2C089B}.container.header-background-colour-primary thead{background-color:#2C089B}.container.body-text-colour-primary tbody{color:#2C089B}.container.body-background-colour-primary tbody{background-color:#2C089B}.container.header-text-colour-secondary thead{color:#2AF135}.container.header-background-colour-secondary thead{background-color:#2AF135}.container.body-text-colour-secondary tbody{color:#2AF135}.container.body-background-colour-secondary tbody{background-color:#2AF135}.container.header-text-colour-tertiary thead{color:#FF7272}.container.header-background-colour-tertiary thead{background-color:#FF7272}.container.body-text-colour-tertiary tbody{color:#FF7272}.container.body-background-colour-tertiary tbody{background-color:#FF7272}.container.header-text-colour-brand-1 thead{color:#B30510}.container.header-background-colour-brand-1 thead{background-color:#B30510}.container.body-text-colour-brand-1 tbody{color:#B30510}.container.body-background-colour-brand-1 tbody{background-color:#B30510}.container.header-text-colour-brand-2 thead{color:#6E0887}.container.header-background-colour-brand-2 thead{background-color:#6E0887}.container.body-text-colour-brand-2 tbody{color:#6E0887}.container.body-background-colour-brand-2 tbody{background-color:#6E0887}.container.header-text-colour-brand-3 thead{color:#50B400}.container.header-background-colour-brand-3 thead{background-color:#50B400}.container.body-text-colour-brand-3 tbody{color:#50B400}.container.body-background-colour-brand-3 tbody{background-color:#50B400}.container.header-text-colour-brand-4 thead{color:#FFE500}.container.header-background-colour-brand-4 thead{background-color:#FFE500}.container.body-text-colour-brand-4 tbody{color:#FFE500}.container.body-background-colour-brand-4 tbody{background-color:#FFE500}.container.header-text-colour-brand-5 thead{color:#F07D00}.container.header-background-colour-brand-5 thead{background-color:#F07D00}.container.body-text-colour-brand-5 tbody{color:#F07D00}.container.body-background-colour-brand-5 tbody{background-color:#F07D00}.container.header-text-colour-brand-cc-red thead{color:#B30510}.container.header-background-colour-brand-cc-red thead{background-color:#B30510}.container.body-text-colour-brand-cc-red tbody{color:#B30510}.container.body-background-colour-brand-cc-red tbody{background-color:#B30510}.container.header-text-colour-brand-wgmf-purple thead{color:#6E0887}.container.header-background-colour-brand-wgmf-purple thead{background-color:#6E0887}.container.body-text-colour-brand-wgmf-purple tbody{color:#6E0887}.container.body-background-colour-brand-wgmf-purple tbody{background-color:#6E0887}.container.header-text-colour-brand-gmf-green thead{color:#50B400}.container.header-background-colour-brand-gmf-green thead{background-color:#50B400}.container.body-text-colour-brand-gmf-green tbody{color:#50B400}.container.body-background-colour-brand-gmf-green tbody{background-color:#50B400}.container.header-text-colour-brand-emf-yellow thead{color:#FFE500}.container.header-background-colour-brand-emf-yellow thead{background-color:#FFE500}.container.body-text-colour-brand-emf-yellow tbody{color:#FFE500}.container.body-background-colour-brand-emf-yellow tbody{background-color:#FFE500}.container.header-text-colour-brand-c4c-orange thead{color:#F07D00}.container.header-background-colour-brand-c4c-orange thead{background-color:#F07D00}.container.body-text-colour-brand-c4c-orange tbody{color:#F07D00}.container.body-background-colour-brand-c4c-orange tbody{background-color:#F07D00}.container.header-text-colour-brand-afa-pink thead{color:#BF387D}.container.header-background-colour-brand-afa-pink thead{background-color:#BF387D}.container.body-text-colour-brand-afa-pink tbody{color:#BF387D}.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}.container.header-background-colour-brand-mhf-turquoise thead{background-color:#62CFC9}.container.body-text-colour-brand-mhf-turquoise tbody{color:#62CFC9}.container.body-background-colour-brand-mhf-turquoise tbody{background-color:#62CFC9}.container.header-text-colour-brand-grey thead{color:#CBC8C8}.container.header-background-colour-brand-grey thead{background-color:#CBC8C8}.container.body-text-colour-brand-grey tbody{color:#CBC8C8}.container.body-background-colour-brand-grey tbody{background-color:#CBC8C8}.container.header-text-colour-white thead{color:#FFFFFF}.container.header-background-colour-white thead{background-color:#FFFFFF}.container.body-text-colour-white tbody{color:#FFFFFF}.container.body-background-colour-white tbody{background-color:#FFFFFF}.container.header-text-colour-black thead{color:#000000}.container.header-background-colour-black thead{background-color:#000000}.container.body-text-colour-black tbody{color:#000000}.container.body-background-colour-black tbody{background-color:#000000}.container.header-text-colour-grey-extra-light thead{color:#D7D7D7}.container.header-background-colour-grey-extra-light thead{background-color:#D7D7D7}.container.body-text-colour-grey-extra-light tbody{color:#D7D7D7}.container.body-background-colour-grey-extra-light tbody{background-color:#D7D7D7}.container.header-text-colour-grey-light thead{color:#E8E8E8}.container.header-background-colour-grey-light thead{background-color:#E8E8E8}.container.body-text-colour-grey-light tbody{color:#E8E8E8}.container.body-background-colour-grey-light tbody{background-color:#E8E8E8}.container.header-text-colour-grey-medium thead{color:#8A8A8A}.container.header-background-colour-grey-medium thead{background-color:#8A8A8A}.container.body-text-colour-grey-medium tbody{color:#8A8A8A}.container.body-background-colour-grey-medium tbody{background-color:#8A8A8A}.container.header-text-colour-grey-dark thead{color:#4A4A4A}.container.header-background-colour-grey-dark thead{background-color:#4A4A4A}.container.body-text-colour-grey-dark tbody{color:#4A4A4A}.container.body-background-colour-grey-dark tbody{background-color:#4A4A4A}.container.header-text-colour-brand-6 thead{color:#62CFC9}.container.header-background-colour-brand-6 thead{background-color:#62CFC9}.container.body-text-colour-brand-6 tbody{color:#62CFC9}.container.body-background-colour-brand-6 tbody{background-color:#62CFC9}.container table{width:100%;border-collapse:collapse;border:0}.container table td,.container table th{padding:10px 20px;border:0;font-size:inherit}.container table thead{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.15))}.container table thead td,.container table thead th{font-weight:bold}.container table tbody tr.odd{background-color:rgba(255, 255, 255, 0.3)}.container table tbody td,.container table tbody th{font-size:80%}";
 const BiggiveTableStyle0 = biggiveTableCss;
 const BiggiveTable$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTable extends HTMLElement {
@@ -14,7 +14,7 @@ const BiggiveTable$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTable exten
         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 +
@@ -23,7 +23,7 @@ const BiggiveTable$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTable exten
                 ' body-background-colour-' +
                 this.bodyBackgroundColour +
                 ' space-below-' +
-                this.spaceBelow }, h("slot", { key: '0f5ad0a34feda1cb755e77ef823abc2e5902bf90' })));
+                this.spaceBelow }, h("slot", { key: '3f0c914570a0319d25ce31ca8e3d245f3f1ab77f' })));
     }
     static get style() { return BiggiveTableStyle0; }
 }, [4, "biggive-table", {

package/dist/components/biggive-table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-table.js","mappings":";;AAAA,MAAM,eAAe,GAAG~~,+qTAA+qT~~,CAAC;~~AACxsT~~,2BAAe,eAAe;;MCQjBA,cAAY;IALzB;;;QAMU,eAAU,GAAkB,CAAC,CAAC;QAE9B,qBAAgB,GAAgB,SAAS,CAAC;QAE1C,2BAAsB,GAAgB,OAAO,CAAC;QAE9C,mBAAc,GAAgB,OAAO,CAAC;QAEtC,yBAAoB,GAAgB,YAAY,CAAC;KAsB1D;IApBC,MAAM;QACJ,QACE,4DACE,KAAK,EACH,+BAA+B;gBAC/B,IAAI,CAAC,gBAAgB;gBACrB,4BAA4B;gBAC5B,IAAI,CAAC,sBAAsB;gBAC3B,oBAAoB;gBACpB,IAAI,CAAC,cAAc;gBACnB,0BAA0B;gBAC1B,IAAI,CAAC,oBAAoB;gBACzB,eAAe;gBACf,IAAI,CAAC,UAAU,IAGjB,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveTable"],"sources":["src/components/biggive-table/biggive-table.scss?tag=biggive-table","src/components/biggive-table/biggive-table.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n display: contents;\n @include standard-font();\n}\n\n\n.container {\n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.header-text-colour-#{$key} thead { color: $colour; }\n &.header-background-colour-#{$key} thead { background-color: $colour; }\n &.body-text-colour-#{$key} tbody { color: $colour; }\n &.body-background-colour-#{$key} tbody { background-color: $colour; }\n }\n\n\n table {\n width: 100%;\n border-collapse: collapse;\n border: 0;\n\n td,th {\n padding: 10px 20px;\n border: 0;\n font-size: inherit;\n }\n\n thead {\n filter: drop-shadow(-1px 3px 12px rgba(0,0,0,0.15));\n td,th {\n font-weight: bold;\n }\n }\n\n tbody {\n tr.odd {\n background-color: rgba(255,255,255,0.3);\n }\n \n td,th {\n font-size: 80%;\n }\n }\n\n }\n}","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-table',\n styleUrl: 'biggive-table.scss',\n shadow: false,\n})\nexport class BiggiveTable {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() headerTextColour: brandColour = 'primary';\n\n @Prop() headerBackgroundColour: brandColour = 'white';\n\n @Prop() bodyTextColour: brandColour = 'black';\n\n @Prop() bodyBackgroundColour: brandColour = 'grey-light';\n\n render() {\n return (\n <div\n class={\n 'container header-text-colour-' +\n this.headerTextColour +\n ' header-background-colour-' +\n this.headerBackgroundColour +\n ' body-text-colour-' +\n this.bodyTextColour +\n ' body-background-colour-' +\n this.bodyBackgroundColour +\n ' space-below-' +\n this.spaceBelow\n }\n >\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-table.js","mappings":";;AAAA,MAAM,eAAe,GAAG,inUAAinU,CAAC;AAC1oU,2BAAe,eAAe;;MCQjBA,cAAY;IALzB;;;QAMU,eAAU,GAAkB,CAAC,CAAC;QAE9B,qBAAgB,GAAgB,SAAS,CAAC;QAE1C,2BAAsB,GAAgB,OAAO,CAAC;QAE9C,mBAAc,GAAgB,OAAO,CAAC;QAEtC,yBAAoB,GAAgB,YAAY,CAAC;KAsB1D;IApBC,MAAM;QACJ,QACE,4DACE,KAAK,EACH,+BAA+B;gBAC/B,IAAI,CAAC,gBAAgB;gBACrB,4BAA4B;gBAC5B,IAAI,CAAC,sBAAsB;gBAC3B,oBAAoB;gBACpB,IAAI,CAAC,cAAc;gBACnB,0BAA0B;gBAC1B,IAAI,CAAC,oBAAoB;gBACzB,eAAe;gBACf,IAAI,CAAC,UAAU,IAGjB,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveTable"],"sources":["src/components/biggive-table/biggive-table.scss?tag=biggive-table","src/components/biggive-table/biggive-table.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n display: contents;\n @include standard-font();\n}\n\n\n.container {\n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.header-text-colour-#{$key} thead { color: $colour; }\n &.header-background-colour-#{$key} thead { background-color: $colour; }\n &.body-text-colour-#{$key} tbody { color: $colour; }\n &.body-background-colour-#{$key} tbody { background-color: $colour; }\n }\n\n\n table {\n width: 100%;\n border-collapse: collapse;\n border: 0;\n\n td,th {\n padding: 10px 20px;\n border: 0;\n font-size: inherit;\n }\n\n thead {\n filter: drop-shadow(-1px 3px 12px rgba(0,0,0,0.15));\n td,th {\n font-weight: bold;\n }\n }\n\n tbody {\n tr.odd {\n background-color: rgba(255,255,255,0.3);\n }\n \n td,th {\n font-size: 80%;\n }\n }\n\n }\n}","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-table',\n styleUrl: 'biggive-table.scss',\n shadow: false,\n})\nexport class BiggiveTable {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() headerTextColour: brandColour = 'primary';\n\n @Prop() headerBackgroundColour: brandColour = 'white';\n\n @Prop() bodyTextColour: brandColour = 'black';\n\n @Prop() bodyBackgroundColour: brandColour = 'grey-light';\n\n render() {\n return (\n <div\n class={\n 'container header-text-colour-' +\n this.headerTextColour +\n ' header-background-colour-' +\n this.headerBackgroundColour +\n ' body-text-colour-' +\n this.bodyTextColour +\n ' body-background-colour-' +\n this.bodyBackgroundColour +\n ' space-below-' +\n this.spaceBelow\n }\n >\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}

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

@@ -13,7 +13,7 @@ const BiggiveTextInput$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTextInp
     }
     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"]`);