npm - @biggive/components - Versions diffs - 202509250906.0.0 → 202510071230.0.0 - Mend

@biggive/components 202509250906.0.0 → 202510071230.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 (498) hide show

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

	@@ -1 +1 @@
1	- {"file":"biggive-quote.js","mappings":";;AAAA,MAAM,eAAe,GAAG,w/LAAw/L;;MCSngMA,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAA,WAAA,CAAA;AALzB,IAAA,WAAA,~~GAAA;;;;~~AAMU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAE7B,QAAA,IAAiB,CAAA,iBAAA,GAAgB,OAAO;AAExC,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAElB,QAAA,IAAW,CAAA,WAAA,GAAW,EAAE;AAExB,QAAA,IAAe,CAAA,eAAA,GAAgB,SAAS;AAExC,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AA6BrD;IA3BC,MAAM,GAAA;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAA,CAAA,CAAG;QAC3E,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC,WAAW,CAAA,CAAE;QAE7F,MAAM,iBAAiB,IACrB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC5F,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,EAAA,CAAG,CACxG,CACP;QAED,MAAM,gBAAgB,IACpB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC9G,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,scAAsc,EACxc,IAAI,EAAC,SAAS,EAAA,CACd,CACE,CACP;QAED,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,EAAA,EACtK,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAAE,EAAA,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,gBAAgB,GAAG,iBAAiB,CAAO,EACnG,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,OAAO,EAAA,EAAE,KAAK,CAAO,EAChC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EAAE,WAAW,CAAO,CACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveQuote","__stencil_proxyCustomElement"],"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 &.philco {\n @include philco-body-font();\n line-height: $philco-standard-body-line-height;\n background-color: transparent;\n .image-wrap {\n overflow: hidden;\n svg {\n width: 100px;\n height: 90px; /* = 86/96100 /\n }\n }\n }\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 $brandColours {\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 &.philco .attribution {\n font-weight: bolder;\n color: $colour-philco-gray-70;\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 @Prop() siteDesign: 'biggive' \| 'philco' = 'biggive';\n\n render() {\n const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n const bigGiveQuoteMarks = (\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 );\n\n const philcoQuoteMarks = (\n <svg width=\"96\" height=\"86\" overflow=\"hidden\" viewBox=\"0 0 96 81\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z\"\n fill=\"#f18a00\"\n />\n </svg>\n );\n\n return (\n <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n <div class=\"quote\">{quote}</div>\n <div class=\"attribution\">{attribution}</div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-quote.js","mappings":";;AAAA,MAAM,eAAe,GAAG,w/LAAw/L;;MCSngMA,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAA,WAAA,CAAA;AALzB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAE7B,QAAA,IAAiB,CAAA,iBAAA,GAAgB,OAAO;AAExC,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAElB,QAAA,IAAW,CAAA,WAAA,GAAW,EAAE;AAExB,QAAA,IAAe,CAAA,eAAA,GAAgB,SAAS;AAExC,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AA6BrD;IA3BC,MAAM,GAAA;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAA,CAAA,CAAG;QAC3E,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC,WAAW,CAAA,CAAE;QAE7F,MAAM,iBAAiB,IACrB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC5F,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,EAAA,CAAG,CACxG,CACP;QAED,MAAM,gBAAgB,IACpB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC9G,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,scAAsc,EACxc,IAAI,EAAC,SAAS,EAAA,CACd,CACE,CACP;QAED,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,EAAA,EACtK,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAAE,EAAA,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,gBAAgB,GAAG,iBAAiB,CAAO,EACnG,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,OAAO,EAAA,EAAE,KAAK,CAAO,EAChC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EAAE,WAAW,CAAO,CACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveQuote","__stencil_proxyCustomElement"],"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 &.philco {\n @include philco-body-font();\n line-height: $philco-standard-body-line-height;\n background-color: transparent;\n .image-wrap {\n overflow: hidden;\n svg {\n width: 100px;\n height: 90px; /* = 86/96100 /\n }\n }\n }\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 $brandColours {\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 &.philco .attribution {\n font-weight: bolder;\n color: $colour-philco-gray-70;\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 @Prop() siteDesign: 'biggive' \| 'philco' = 'biggive';\n\n render() {\n const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n const bigGiveQuoteMarks = (\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 );\n\n const philcoQuoteMarks = (\n <svg width=\"96\" height=\"86\" overflow=\"hidden\" viewBox=\"0 0 96 81\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z\"\n fill=\"#f18a00\"\n />\n </svg>\n );\n\n return (\n <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n <div class=\"quote\">{quote}</div>\n <div class=\"attribution\">{attribution}</div>\n </div>\n );\n }\n}\n"],"version":3}

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

@@ -3,9 +3,11 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 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-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-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.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-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.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-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-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.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-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-er-green{fill:#50B400}.fill-brand-er-dark-green{fill:#002413}.fill-brand-er-dark-blue{fill:#0c0068}.fill-brand-er-teal{fill:#00a76d}.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-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}: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-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-er-green svg path{fill:#50B400}.container .popup .header .back-link .svg-wrap.colour-brand-er-dark-green svg path{fill:#002413}.container .popup .header .back-link .svg-wrap.colour-brand-er-dark-blue svg path{fill:#0c0068}.container .popup .header .back-link .svg-wrap.colour-brand-er-teal svg path{fill:#00a76d}.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-philco-orange svg path{fill:#f18a00}.container .popup .header .back-link .svg-wrap.colour-philco-gray-90 svg path{fill:#1d1d1B}.container .popup .header .back-link .svg-wrap.colour-philco-gray-70 svg path{fill:#7D7D7D}.container .popup .header .back-link .svg-wrap.colour-philco-white svg path{fill:#FFFFFF}.container .popup .header .back-link .svg-wrap.colour-philco-success-green svg path{fill:#1Ec691}.container .popup .header .back-link .svg-wrap.colour-philco-error-coral svg path{fill:#F54242}.container .popup .header .back-link .svg-wrap.colour-philco-gray-30 svg path{fill:#BBBBBB}.container .popup .header .back-link .svg-wrap.colour-philco-gray-20 svg path{fill:#F6F6F6}.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 BiggiveSheet$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveSheet extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
         /**
          * A string ID (no spaces) unique within the page context, used to trigger the opening of the sheet from an anchor hash.

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

	@@ -1 +1 @@
1	- {"file":"biggive-sheet.js","mappings":";;AAAA,MAAM,eAAe,GAAG,mvVAAmvV;;MCQ9vVA,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAA,WAAA,CAAA;AALzB,IAAA,WAAA,~~GAAA;;;;~~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","names":["BiggiveSheet","__stencil_proxyCustomElement"],"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 $brandColours {\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}\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,mvVAAmvV;;MCQ9vVA,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAA,WAAA,CAAA;AALzB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAQE;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAW,EAAE;AAEpB,QAAA,IAAgB,CAAA,gBAAA,GAAgB,SAAS;AAEzC,QAAA,IAAU,CAAA,UAAA,GAAgB,OAAO;AAkBjC,QAAA,IAAU,CAAA,UAAA,GAAG,MAAK;;YACxB,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,YAAY,CAAC,0CAAE,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;AAC7E,YAAA,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;AACjE,SAAC;AAmCF;IAtDC,iBAAiB,GAAA;AACf,QAAA,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAK;YACzC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;AACtC,SAAC,CAAC;;IAGJ,kBAAkB,GAAA;QAChB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;;AAG9B,IAAA,SAAS,CAAC,IAAY,EAAA;;QAC5B,IAAI,IAAI,IAAI,EAAE,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE;YACtC,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,YAAY,CAAC,0CAAE,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;;;IAS9E,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,EAAA,EACrB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAO,CAAA,EAC9B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,0BAA0B,GAAG,IAAI,CAAC,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EAChG,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU,EAAA,EAC7C,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAC,UAAU,EAAA,EAC/C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC5F,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,6VAA6V,EAC/V,IAAI,EAAC,OAAO,EACZ,CAAA,CACE,CACD,EAEH,MAAA,CAAA,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU,EAAA,EAC9C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EACpB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAChF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAC,+CAA+C,GAAG,CACtD,CACD,CACH,CACF,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,CACF,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveSheet","__stencil_proxyCustomElement"],"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 $brandColours {\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}\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

@@ -4,9 +4,11 @@ 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-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-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.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-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-er-green{fill:#50B400}.fill-brand-er-dark-green{fill:#002413}.fill-brand-er-dark-blue{fill:#0c0068}.fill-brand-er-teal{fill:#00a76d}.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-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}:host{display:contents}.social-icon-item{width:40px;height:40px;overflow:hidden;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-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-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 a{display:grid;box-sizing:border-box;padding:10px;height:100%;width:100%}.social-icon-item a svg{width:100%;height:100%}.social-icon-item:hover{background-color:#FFFFFF}.social-icon-item:hover svg{fill:#000000}.social-icon-item.wide{margin-right:30px}@media screen and (max-width: 576px){.social-icon-item{width:40px;height:40px;overflow:hidden;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px;margin-right:6px}.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-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-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 a{display:grid;box-sizing:border-box;padding:10px;height:100%;width:100%}.social-icon-item a svg{width:100%;height:100%}.social-icon-item a{padding:6px}.social-icon-item.wide{width:40px;height:40px;overflow:hidden;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px;margin-right:6px}.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-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-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 a{display:grid;box-sizing:border-box;padding:10px;height:100%;width:100%}.social-icon-item.wide a svg{width:100%;height:100%}.social-icon-item.wide a{padding:6px}}";
 const BiggiveSocialIcon = /*@__PURE__*/ proxyCustomElement(class BiggiveSocialIcon extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
         /**
          * Used within accessible labels for links. Typically a charity name or "Big Give". Can also be "Share".

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

	@@ -1 +1 @@
1	- {"file":"biggive-social-icon2.js","mappings":";;;AAAA,MAAM,oBAAoB,GAAG,4wTAA4wT;;MCW5xT,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAA,WAAA,CAAA;AAL9B,IAAA,WAAA,~~GAAA;;;;~~AAWE;;AAEG;AACK,QAAA,IAAW,CAAA,WAAA,GAAW,UAAU;AAExC;;AAEG;AACK,QAAA,IAAgB,CAAA,gBAAA,GAAW,SAAS;AAE5C;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,OAAO;AAEpC;;;AAGG;AACK,QAAA,IAAI,CAAA,IAAA,GAAY,KAAK;AAE7B;;AAEG;AACK,QAAA,IAAG,CAAA,GAAA,GAAW,GAAG;AAsB1B;IApBC,MAAM,GAAA;QACJ,MAAM,KAAK,GAAG,uBAAuB,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC;AAEjE,QAAA,QACE,4DAAK,KAAK,EAAE,qCAAqC,GAAG,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI,GAAG,OAAO,GAAG,EAAE,CAAC,EAAA,EACpG,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,GAAG,EAAc,YAAA,EAAA,GAAG,IAAI,CAAC,WAAW,CAAA,IAAA,EAAO,IAAI,CAAC,OAAO,CAAE,CAAA,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,UAAU,EAAA,EACrG,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EACpB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EACrB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EACrD,QAAQ,EAAC,QAAQ,EAAA,EAEjB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAI,CAAA,CACjC,CACJ,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/components/biggive-social-icon/biggive-social-icon.scss?tag=biggive-social-icon&encapsulation=shadow","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 @include icon-large();\n @include icon-hoverable();\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 { 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: true,\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 render() {\n const sIcon = FontAwesomeIconsService.getSocialIcon(this.service);\n\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={sIcon.icon[0]}\n height={sIcon.icon[1]}\n xmlns=\"http://www.w3.org/2000/svg\"\n class={'fill-' + this.iconColour}\n viewBox={'0 0 ' + sIcon.icon[0] + ' ' + sIcon.icon[1]}\n overflow=\"hidden\"\n >\n <path d={sIcon.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,4wTAA4wT;;MCW5xT,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAA,WAAA,CAAA;AAL9B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAWE;;AAEG;AACK,QAAA,IAAW,CAAA,WAAA,GAAW,UAAU;AAExC;;AAEG;AACK,QAAA,IAAgB,CAAA,gBAAA,GAAW,SAAS;AAE5C;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,OAAO;AAEpC;;;AAGG;AACK,QAAA,IAAI,CAAA,IAAA,GAAY,KAAK;AAE7B;;AAEG;AACK,QAAA,IAAG,CAAA,GAAA,GAAW,GAAG;AAsB1B;IApBC,MAAM,GAAA;QACJ,MAAM,KAAK,GAAG,uBAAuB,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC;AAEjE,QAAA,QACE,4DAAK,KAAK,EAAE,qCAAqC,GAAG,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI,GAAG,OAAO,GAAG,EAAE,CAAC,EAAA,EACpG,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,GAAG,EAAc,YAAA,EAAA,GAAG,IAAI,CAAC,WAAW,CAAA,IAAA,EAAO,IAAI,CAAC,OAAO,CAAE,CAAA,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,UAAU,EAAA,EACrG,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EACpB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EACrB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EACrD,QAAQ,EAAC,QAAQ,EAAA,EAEjB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAI,CAAA,CACjC,CACJ,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/components/biggive-social-icon/biggive-social-icon.scss?tag=biggive-social-icon&encapsulation=shadow","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 @include icon-large();\n @include icon-hoverable();\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 { 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: true,\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 render() {\n const sIcon = FontAwesomeIconsService.getSocialIcon(this.service);\n\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={sIcon.icon[0]}\n height={sIcon.icon[1]}\n xmlns=\"http://www.w3.org/2000/svg\"\n class={'fill-' + this.iconColour}\n viewBox={'0 0 ' + sIcon.icon[0] + ' ' + sIcon.icon[1]}\n overflow=\"hidden\"\n >\n <path d={sIcon.icon[4].toString()} />\n </svg>\n </a>\n </div>\n );\n }\n}\n"],"version":3}

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

@@ -3,9 +3,11 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 const biggiveTabCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}";
 const BiggiveTab$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTab extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
         this.tabTitle = '';
     }

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

	@@ -1 +1 @@
1	- {"file":"biggive-tab.js","mappings":";;AAAA,MAAM,aAAa,GAAG,uLAAuL;;MCOhMA,YAAU,iBAAAC,kBAAA,CAAA,MAAA,UAAA,SAAA,WAAA,CAAA;AALvB,IAAA,WAAA,~~GAAA;;;;~~AAMU,QAAA,IAAQ,CAAA,QAAA,GAAW,EAAE;AAS9B;IAPC,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EACpB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveTab","__stencil_proxyCustomElement"],"sources":["src/components/biggive-tab/biggive-tab.scss?tag=biggive-tab&encapsulation=shadow","src/components/biggive-tab/biggive-tab.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n\n.container {\n @include standard-font();\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-tab',\n styleUrl: 'biggive-tab.scss',\n shadow: true,\n})\nexport class BiggiveTab {\n @Prop() tabTitle: string = '';\n\n render() {\n return (\n <div class=\"container\">\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-tab.js","mappings":";;AAAA,MAAM,aAAa,GAAG,uLAAuL;;MCOhMA,YAAU,iBAAAC,kBAAA,CAAA,MAAA,UAAA,SAAA,WAAA,CAAA;AALvB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAMU,QAAA,IAAQ,CAAA,QAAA,GAAW,EAAE;AAS9B;IAPC,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EACpB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveTab","__stencil_proxyCustomElement"],"sources":["src/components/biggive-tab/biggive-tab.scss?tag=biggive-tab&encapsulation=shadow","src/components/biggive-tab/biggive-tab.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n\n.container {\n @include standard-font();\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-tab',\n styleUrl: 'biggive-tab.scss',\n shadow: true,\n})\nexport class BiggiveTab {\n @Prop() tabTitle: string = '';\n\n render() {\n return (\n <div class=\"container\">\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}

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

@@ -3,9 +3,11 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 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-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-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.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-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}: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-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-er-green .navigation li{color:#50B400}.container.navigation-highlight-colour-brand-er-green .navigation ul{border-color:#50B400}.container.selected-text-colour-brand-er-green .navigation li.selected{color:#50B400;border-color:#50B400}.container.selected-navigation-highlight-colour-brand-er-green .navigation li.selected{border-color:#50B400}.container.button-background-colour-brand-er-green .navigation .button{background-color:#50B400}.container.button-icon-colour-brand-er-green .navigation .button svg path{stroke:#50B400}.container.text-colour-brand-er-dark-green .navigation li{color:#002413}.container.navigation-highlight-colour-brand-er-dark-green .navigation ul{border-color:#002413}.container.selected-text-colour-brand-er-dark-green .navigation li.selected{color:#002413;border-color:#002413}.container.selected-navigation-highlight-colour-brand-er-dark-green .navigation li.selected{border-color:#002413}.container.button-background-colour-brand-er-dark-green .navigation .button{background-color:#002413}.container.button-icon-colour-brand-er-dark-green .navigation .button svg path{stroke:#002413}.container.text-colour-brand-er-dark-blue .navigation li{color:#0c0068}.container.navigation-highlight-colour-brand-er-dark-blue .navigation ul{border-color:#0c0068}.container.selected-text-colour-brand-er-dark-blue .navigation li.selected{color:#0c0068;border-color:#0c0068}.container.selected-navigation-highlight-colour-brand-er-dark-blue .navigation li.selected{border-color:#0c0068}.container.button-background-colour-brand-er-dark-blue .navigation .button{background-color:#0c0068}.container.button-icon-colour-brand-er-dark-blue .navigation .button svg path{stroke:#0c0068}.container.text-colour-brand-er-teal .navigation li{color:#00a76d}.container.navigation-highlight-colour-brand-er-teal .navigation ul{border-color:#00a76d}.container.selected-text-colour-brand-er-teal .navigation li.selected{color:#00a76d;border-color:#00a76d}.container.selected-navigation-highlight-colour-brand-er-teal .navigation li.selected{border-color:#00a76d}.container.button-background-colour-brand-er-teal .navigation .button{background-color:#00a76d}.container.button-icon-colour-brand-er-teal .navigation .button svg path{stroke:#00a76d}.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-philco-orange .navigation li{color:#f18a00}.container.navigation-highlight-colour-philco-orange .navigation ul{border-color:#f18a00}.container.selected-text-colour-philco-orange .navigation li.selected{color:#f18a00;border-color:#f18a00}.container.selected-navigation-highlight-colour-philco-orange .navigation li.selected{border-color:#f18a00}.container.button-background-colour-philco-orange .navigation .button{background-color:#f18a00}.container.button-icon-colour-philco-orange .navigation .button svg path{stroke:#f18a00}.container.text-colour-philco-gray-90 .navigation li{color:#1d1d1B}.container.navigation-highlight-colour-philco-gray-90 .navigation ul{border-color:#1d1d1B}.container.selected-text-colour-philco-gray-90 .navigation li.selected{color:#1d1d1B;border-color:#1d1d1B}.container.selected-navigation-highlight-colour-philco-gray-90 .navigation li.selected{border-color:#1d1d1B}.container.button-background-colour-philco-gray-90 .navigation .button{background-color:#1d1d1B}.container.button-icon-colour-philco-gray-90 .navigation .button svg path{stroke:#1d1d1B}.container.text-colour-philco-gray-70 .navigation li{color:#7D7D7D}.container.navigation-highlight-colour-philco-gray-70 .navigation ul{border-color:#7D7D7D}.container.selected-text-colour-philco-gray-70 .navigation li.selected{color:#7D7D7D;border-color:#7D7D7D}.container.selected-navigation-highlight-colour-philco-gray-70 .navigation li.selected{border-color:#7D7D7D}.container.button-background-colour-philco-gray-70 .navigation .button{background-color:#7D7D7D}.container.button-icon-colour-philco-gray-70 .navigation .button svg path{stroke:#7D7D7D}.container.text-colour-philco-white .navigation li{color:#FFFFFF}.container.navigation-highlight-colour-philco-white .navigation ul{border-color:#FFFFFF}.container.selected-text-colour-philco-white .navigation li.selected{color:#FFFFFF;border-color:#FFFFFF}.container.selected-navigation-highlight-colour-philco-white .navigation li.selected{border-color:#FFFFFF}.container.button-background-colour-philco-white .navigation .button{background-color:#FFFFFF}.container.button-icon-colour-philco-white .navigation .button svg path{stroke:#FFFFFF}.container.text-colour-philco-success-green .navigation li{color:#1Ec691}.container.navigation-highlight-colour-philco-success-green .navigation ul{border-color:#1Ec691}.container.selected-text-colour-philco-success-green .navigation li.selected{color:#1Ec691;border-color:#1Ec691}.container.selected-navigation-highlight-colour-philco-success-green .navigation li.selected{border-color:#1Ec691}.container.button-background-colour-philco-success-green .navigation .button{background-color:#1Ec691}.container.button-icon-colour-philco-success-green .navigation .button svg path{stroke:#1Ec691}.container.text-colour-philco-error-coral .navigation li{color:#F54242}.container.navigation-highlight-colour-philco-error-coral .navigation ul{border-color:#F54242}.container.selected-text-colour-philco-error-coral .navigation li.selected{color:#F54242;border-color:#F54242}.container.selected-navigation-highlight-colour-philco-error-coral .navigation li.selected{border-color:#F54242}.container.button-background-colour-philco-error-coral .navigation .button{background-color:#F54242}.container.button-icon-colour-philco-error-coral .navigation .button svg path{stroke:#F54242}.container.text-colour-philco-gray-30 .navigation li{color:#BBBBBB}.container.navigation-highlight-colour-philco-gray-30 .navigation ul{border-color:#BBBBBB}.container.selected-text-colour-philco-gray-30 .navigation li.selected{color:#BBBBBB;border-color:#BBBBBB}.container.selected-navigation-highlight-colour-philco-gray-30 .navigation li.selected{border-color:#BBBBBB}.container.button-background-colour-philco-gray-30 .navigation .button{background-color:#BBBBBB}.container.button-icon-colour-philco-gray-30 .navigation .button svg path{stroke:#BBBBBB}.container.text-colour-philco-gray-20 .navigation li{color:#F6F6F6}.container.navigation-highlight-colour-philco-gray-20 .navigation ul{border-color:#F6F6F6}.container.selected-text-colour-philco-gray-20 .navigation li.selected{color:#F6F6F6;border-color:#F6F6F6}.container.selected-navigation-highlight-colour-philco-gray-20 .navigation li.selected{border-color:#F6F6F6}.container.button-background-colour-philco-gray-20 .navigation .button{background-color:#F6F6F6}.container.button-icon-colour-philco-gray-20 .navigation .button svg path{stroke:#F6F6F6}";
 const BiggiveTabbedContent$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTabbedContent extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
         this.spaceBelow = 0;
         this.textColour = 'black';

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

	@@ -1 +1 @@
1	- {"file":"biggive-tabbed-content.js","mappings":"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","names":["BiggiveTabbedContent","__stencil_proxyCustomElement"],"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 $brandColours {\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}\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","__stencil_proxyCustomElement"],"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 $brandColours {\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}\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

@@ -3,9 +3,11 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 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-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-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.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-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-er-green{fill:#50B400}.fill-brand-er-dark-green{fill:#002413}.fill-brand-er-dark-blue{fill:#0c0068}.fill-brand-er-teal{fill:#00a76d}.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-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}: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-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-er-green thead{color:#50B400}.container.header-background-colour-brand-er-green thead{background-color:#50B400}.container.body-text-colour-brand-er-green tbody{color:#50B400}.container.body-background-colour-brand-er-green tbody{background-color:#50B400}.container.header-text-colour-brand-er-dark-green thead{color:#002413}.container.header-background-colour-brand-er-dark-green thead{background-color:#002413}.container.body-text-colour-brand-er-dark-green tbody{color:#002413}.container.body-background-colour-brand-er-dark-green tbody{background-color:#002413}.container.header-text-colour-brand-er-dark-blue thead{color:#0c0068}.container.header-background-colour-brand-er-dark-blue thead{background-color:#0c0068}.container.body-text-colour-brand-er-dark-blue tbody{color:#0c0068}.container.body-background-colour-brand-er-dark-blue tbody{background-color:#0c0068}.container.header-text-colour-brand-er-teal thead{color:#00a76d}.container.header-background-colour-brand-er-teal thead{background-color:#00a76d}.container.body-text-colour-brand-er-teal tbody{color:#00a76d}.container.body-background-colour-brand-er-teal tbody{background-color:#00a76d}.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-philco-orange thead{color:#f18a00}.container.header-background-colour-philco-orange thead{background-color:#f18a00}.container.body-text-colour-philco-orange tbody{color:#f18a00}.container.body-background-colour-philco-orange tbody{background-color:#f18a00}.container.header-text-colour-philco-gray-90 thead{color:#1d1d1B}.container.header-background-colour-philco-gray-90 thead{background-color:#1d1d1B}.container.body-text-colour-philco-gray-90 tbody{color:#1d1d1B}.container.body-background-colour-philco-gray-90 tbody{background-color:#1d1d1B}.container.header-text-colour-philco-gray-70 thead{color:#7D7D7D}.container.header-background-colour-philco-gray-70 thead{background-color:#7D7D7D}.container.body-text-colour-philco-gray-70 tbody{color:#7D7D7D}.container.body-background-colour-philco-gray-70 tbody{background-color:#7D7D7D}.container.header-text-colour-philco-white thead{color:#FFFFFF}.container.header-background-colour-philco-white thead{background-color:#FFFFFF}.container.body-text-colour-philco-white tbody{color:#FFFFFF}.container.body-background-colour-philco-white tbody{background-color:#FFFFFF}.container.header-text-colour-philco-success-green thead{color:#1Ec691}.container.header-background-colour-philco-success-green thead{background-color:#1Ec691}.container.body-text-colour-philco-success-green tbody{color:#1Ec691}.container.body-background-colour-philco-success-green tbody{background-color:#1Ec691}.container.header-text-colour-philco-error-coral thead{color:#F54242}.container.header-background-colour-philco-error-coral thead{background-color:#F54242}.container.body-text-colour-philco-error-coral tbody{color:#F54242}.container.body-background-colour-philco-error-coral tbody{background-color:#F54242}.container.header-text-colour-philco-gray-30 thead{color:#BBBBBB}.container.header-background-colour-philco-gray-30 thead{background-color:#BBBBBB}.container.body-text-colour-philco-gray-30 tbody{color:#BBBBBB}.container.body-background-colour-philco-gray-30 tbody{background-color:#BBBBBB}.container.header-text-colour-philco-gray-20 thead{color:#F6F6F6}.container.header-background-colour-philco-gray-20 thead{background-color:#F6F6F6}.container.body-text-colour-philco-gray-20 tbody{color:#F6F6F6}.container.body-background-colour-philco-gray-20 tbody{background-color:#F6F6F6}.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 BiggiveTable$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTable extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
         this.spaceBelow = 0;
         this.headerTextColour = 'primary';

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

	@@ -1 +1 @@
1	- {"file":"biggive-table.js","mappings":";;AAAA,MAAM,eAAe,GAAG,8gaAA8ga;;MCSzhaA,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAA,WAAA,CAAA;AALzB,IAAA,WAAA,~~GAAA;;;;~~AAMU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAE7B,QAAA,IAAgB,CAAA,gBAAA,GAAgB,SAAS;AAEzC,QAAA,IAAsB,CAAA,sBAAA,GAAgB,OAAO;AAE7C,QAAA,IAAc,CAAA,cAAA,GAAgB,OAAO;AAErC,QAAA,IAAoB,CAAA,oBAAA,GAAgB,YAAY;AAsBzD;IApBC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EACH,+BAA+B;AAC/B,gBAAA,IAAI,CAAC,gBAAgB;gBACrB,4BAA4B;AAC5B,gBAAA,IAAI,CAAC,sBAAsB;gBAC3B,oBAAoB;AACpB,gBAAA,IAAI,CAAC,cAAc;gBACnB,0BAA0B;AAC1B,gBAAA,IAAI,CAAC,oBAAoB;gBACzB,eAAe;AACf,gBAAA,IAAI,CAAC,UAAU,EAAA,EAGjB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveTable","__stencil_proxyCustomElement"],"sources":["src/components/biggive-table/biggive-table.scss?tag=biggive-table&encapsulation=shadow","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 $brandColours {\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}\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: true,\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,8gaAA8ga;;MCSzhaA,cAAY,iBAAAC,kBAAA,CAAA,MAAA,YAAA,SAAA,WAAA,CAAA;AALzB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAE7B,QAAA,IAAgB,CAAA,gBAAA,GAAgB,SAAS;AAEzC,QAAA,IAAsB,CAAA,sBAAA,GAAgB,OAAO;AAE7C,QAAA,IAAc,CAAA,cAAA,GAAgB,OAAO;AAErC,QAAA,IAAoB,CAAA,oBAAA,GAAgB,YAAY;AAsBzD;IApBC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EACH,+BAA+B;AAC/B,gBAAA,IAAI,CAAC,gBAAgB;gBACrB,4BAA4B;AAC5B,gBAAA,IAAI,CAAC,sBAAsB;gBAC3B,oBAAoB;AACpB,gBAAA,IAAI,CAAC,cAAc;gBACnB,0BAA0B;AAC1B,gBAAA,IAAI,CAAC,oBAAoB;gBACzB,eAAe;AACf,gBAAA,IAAI,CAAC,UAAU,EAAA,EAGjB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveTable","__stencil_proxyCustomElement"],"sources":["src/components/biggive-table/biggive-table.scss?tag=biggive-table&encapsulation=shadow","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 $brandColours {\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}\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: true,\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

@@ -3,9 +3,11 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 const biggiveTextInputCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}::slotted([slot=label]){display:inline-block;line-height:1.2}.text-input{position:relative;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.text-input .currency-symbol{position:absolute}.text-input .prompt{position:relative;z-index:2;font-size:small;top:1em;left:4em;color:#2C089B;max-width:calc(100% - 10em);display:inline-block}.text-input .prompt>span{padding-left:1em;padding-right:1em;background-color:#F6F6F6}.text-input.philco .prompt{color:#1d1d1B}.text-input.philco .prompt>span{background-color:#FFFFFF}.text-input.select-style-bordered.biggive .sleeve{font-size:24px;line-height:30px;font-weight:bolder;padding:2px;position:relative;background-color:#2C089B;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 15px) 0%, 100% 15px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered.biggive .sleeve .inner-sleeve{background-color:#F6F6F6;color:#2C089B;display:block;position:relative;padding:10px 30px 10px 10px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 14px) 0%, 100% 14px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered.biggive .sleeve .inner-sleeve:after{content:\"\";display:block;position:absolute;right:20px;top:18px;width:10px;height:10px;background-size:contain;background-repeat:no-repeat;background-position:center center}.text-input.select-style-bordered.biggive .sleeve.focused{background-color:#FF7272}.text-input.select-style-bordered.philco .inner-sleeve{border:2px solid #1d1d1B;border-radius:6px;padding:12px}";
 const BiggiveTextInput$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTextInput extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
         this.spaceBelow = 0;
         this.selectStyle = 'bordered';

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

	@@ -1 +1 @@
1	- {"file":"biggive-text-input.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,iiEAAiiE;;MCehjEA,kBAAgB,iBAAAC,kBAAA,CAAA,MAAA,gBAAA,SAAA,WAAA,CAAA;AAL7B,IAAA,WAAA,~~GAAA;;;;~~AAYU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AACtB,QAAA,IAAW,CAAA,WAAA,GAA8B,UAAU;AACnD,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAiCrD;IA/BC,MAAM,GAAA;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,SAAS;AAChG,QAAA,QACE,4DAAK,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,UAAU,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,EAAA,EACnH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAG,CAChB,CACH,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACtB,cAAc,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAAE,cAAc,CAAQ,EACxE,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAG,CAAA,EACrB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,CAAQ,CACjC,CACF,CACF;;IAIV,gBAAgB,GAAA;QACd,MAAM,WAAW,GAAuB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAgB,cAAA,CAAA,CAAC;AACjF,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,SAAS,CAAE;QAE9D,IAAI,CAAC,WAAW,EAAE;AAChB,YAAA,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC;;AAGvE,QAAA,WAAW,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAM,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AAC9E,QAAA,WAAW,CAAC,gBAAgB,CAAC,UAAU,EAAE,MAAM,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveTextInput","__stencil_proxyCustomElement"],"sources":["src/components/biggive-text-input/biggive-text-input.scss?tag=biggive-text-input&encapsulation=shadow","src/components/biggive-text-input/biggive-text-input.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: contents;\n}\n\n::slotted([slot=label]) {\n display: inline-block;\n line-height: 1.2; // Slightly less than other text to help with long charity names.\n}\n\n.text-input {\n .currency-symbol {\n position: absolute;\n }\n position: relative;\n .prompt {\n position: relative;\n z-index: 2;\n font-size: small;\n top: 1em;\n left: 4em;\n color: $colour-primary-blue;\n max-width: calc(100% - 10em);\n display: inline-block;\n\n > span {\n padding-left: 1em;\n padding-right: 1em;\n background-color: $colour-grey-background;\n }\n }\n\n\n &.philco .prompt {\n color: $colour-philco-gray-90;\n\n > span {\n background-color: $colour-philco-white;\n }\n }\n\n @include standard-font();\n position: relative;\n text-align: left;\n &.select-style-bordered.biggive{\n .sleeve {\n @include font-size-large();\n font-weight: bolder;\n padding: 2px;\n position: relative;\n background-color: $colour-primary-blue;\n @include corner-clip-small-top-right();\n .inner-sleeve {\n background-color: $colour-grey-background;\n color: $colour-primary-blue;\n display: block;\n position: relative;\n padding: 10px 30px 10px 10px;\n clip-path:\n polygon(\n 0% 0%, /* top left /\n 0% 0%, / top left /\n calc(100% - 14px) 0%, / top right /\n 100% 14px, / top right /\n 100% 100%, / bottom right /\n 100% 100%, / bottom right /\n 0 100%, / bottom left /\n 0 100% / bottom left /\n );\n &:after {\n content: '';\n display: block;\n position: absolute;\n right: 20px;\n top: 18px;\n width: 10px;\n height: 10px;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center center;\n }\n }\n &.focused {\n background-color: $colour-tertiary-coral;\n }\n }\n }\n &.select-style-bordered.philco {\n .inner-sleeve {\n border: 2px solid $colour-philco-gray-90;\n border-radius: 6px;\n padding: 12px;\n }\n }\n}\n\n","import { Component, Element, h, Prop } from '@stencil/core';\n\n/\n Initially developed for use within the new donate stepper design. Currently has a hard-coded background\n * of $colour-grey-background, intened to appear transparent when used on a page with a matching background.\n \n Please ensure input is styled as width: 100%.\n \n Requires slots `label` and `input`.\n /\n@Component({\n tag: 'biggive-text-input',\n styleUrl: 'biggive-text-input.scss',\n shadow: true,\n})\nexport class BiggiveTextInput {\n @Element() host: HTMLBiggiveTextInputElement;\n\n /\n ISO-4217 currency code if input is for a money value\n */\n @Prop() currency: 'GBP' \| 'USD' \| undefined;\n @Prop() spaceBelow: number = 0;\n @Prop() selectStyle: 'bordered' \| 'underlined' = 'bordered';\n @Prop() siteDesign: 'biggive' \| 'philco' = 'biggive';\n\n render() {\n const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;\n return (\n <div class={'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle + ' ' + this.siteDesign}>\n <div class=\"prompt\">\n <span>\n <slot name=\"label\" />\n </span>\n </div>\n <div class=\"sleeve\">\n <div class=\"inner-sleeve\">\n {currencySymbol && <span class=\"currency-symbol\">{currencySymbol}</span>}\n <slot name=\"input\" />\n <div style={{ clear: 'both' }}></div>\n </div>\n </div>\n </div>\n );\n }\n\n componentDidLoad() {\n const nativeInput: HTMLElement \| null = this.host.querySelector(`[slot=\"input\"]`);\n const sleave = this.host.shadowRoot!.querySelector('.sleeve')!;\n\n if (!nativeInput) {\n throw new Error('Input slot element required for biggive-text-input');\n }\n\n nativeInput.addEventListener('focusin', () => sleave.classList.add('focused'));\n nativeInput.addEventListener('focusout', () => sleave.classList.remove('focused'));\n }\n}\n"],"version":3}
1	+ {"file":"biggive-text-input.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,iiEAAiiE;;MCehjEA,kBAAgB,iBAAAC,kBAAA,CAAA,MAAA,gBAAA,SAAA,WAAA,CAAA;AAL7B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAYU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AACtB,QAAA,IAAW,CAAA,WAAA,GAA8B,UAAU;AACnD,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAiCrD;IA/BC,MAAM,GAAA;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,SAAS;AAChG,QAAA,QACE,4DAAK,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,UAAU,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,EAAA,EACnH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAG,CAChB,CACH,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACtB,cAAc,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAAE,cAAc,CAAQ,EACxE,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAG,CAAA,EACrB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,CAAQ,CACjC,CACF,CACF;;IAIV,gBAAgB,GAAA;QACd,MAAM,WAAW,GAAuB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAgB,cAAA,CAAA,CAAC;AACjF,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,SAAS,CAAE;QAE9D,IAAI,CAAC,WAAW,EAAE;AAChB,YAAA,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC;;AAGvE,QAAA,WAAW,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAM,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AAC9E,QAAA,WAAW,CAAC,gBAAgB,CAAC,UAAU,EAAE,MAAM,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveTextInput","__stencil_proxyCustomElement"],"sources":["src/components/biggive-text-input/biggive-text-input.scss?tag=biggive-text-input&encapsulation=shadow","src/components/biggive-text-input/biggive-text-input.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: contents;\n}\n\n::slotted([slot=label]) {\n display: inline-block;\n line-height: 1.2; // Slightly less than other text to help with long charity names.\n}\n\n.text-input {\n .currency-symbol {\n position: absolute;\n }\n position: relative;\n .prompt {\n position: relative;\n z-index: 2;\n font-size: small;\n top: 1em;\n left: 4em;\n color: $colour-primary-blue;\n max-width: calc(100% - 10em);\n display: inline-block;\n\n > span {\n padding-left: 1em;\n padding-right: 1em;\n background-color: $colour-grey-background;\n }\n }\n\n\n &.philco .prompt {\n color: $colour-philco-gray-90;\n\n > span {\n background-color: $colour-philco-white;\n }\n }\n\n @include standard-font();\n position: relative;\n text-align: left;\n &.select-style-bordered.biggive{\n .sleeve {\n @include font-size-large();\n font-weight: bolder;\n padding: 2px;\n position: relative;\n background-color: $colour-primary-blue;\n @include corner-clip-small-top-right();\n .inner-sleeve {\n background-color: $colour-grey-background;\n color: $colour-primary-blue;\n display: block;\n position: relative;\n padding: 10px 30px 10px 10px;\n clip-path:\n polygon(\n 0% 0%, /* top left /\n 0% 0%, / top left /\n calc(100% - 14px) 0%, / top right /\n 100% 14px, / top right /\n 100% 100%, / bottom right /\n 100% 100%, / bottom right /\n 0 100%, / bottom left /\n 0 100% / bottom left /\n );\n &:after {\n content: '';\n display: block;\n position: absolute;\n right: 20px;\n top: 18px;\n width: 10px;\n height: 10px;\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center center;\n }\n }\n &.focused {\n background-color: $colour-tertiary-coral;\n }\n }\n }\n &.select-style-bordered.philco {\n .inner-sleeve {\n border: 2px solid $colour-philco-gray-90;\n border-radius: 6px;\n padding: 12px;\n }\n }\n}\n\n","import { Component, Element, h, Prop } from '@stencil/core';\n\n/\n Initially developed for use within the new donate stepper design. Currently has a hard-coded background\n * of $colour-grey-background, intened to appear transparent when used on a page with a matching background.\n \n Please ensure input is styled as width: 100%.\n \n Requires slots `label` and `input`.\n /\n@Component({\n tag: 'biggive-text-input',\n styleUrl: 'biggive-text-input.scss',\n shadow: true,\n})\nexport class BiggiveTextInput {\n @Element() host: HTMLBiggiveTextInputElement;\n\n /\n ISO-4217 currency code if input is for a money value\n */\n @Prop() currency: 'GBP' \| 'USD' \| undefined;\n @Prop() spaceBelow: number = 0;\n @Prop() selectStyle: 'bordered' \| 'underlined' = 'bordered';\n @Prop() siteDesign: 'biggive' \| 'philco' = 'biggive';\n\n render() {\n const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;\n return (\n <div class={'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle + ' ' + this.siteDesign}>\n <div class=\"prompt\">\n <span>\n <slot name=\"label\" />\n </span>\n </div>\n <div class=\"sleeve\">\n <div class=\"inner-sleeve\">\n {currencySymbol && <span class=\"currency-symbol\">{currencySymbol}</span>}\n <slot name=\"input\" />\n <div style={{ clear: 'both' }}></div>\n </div>\n </div>\n </div>\n );\n }\n\n componentDidLoad() {\n const nativeInput: HTMLElement \| null = this.host.querySelector(`[slot=\"input\"]`);\n const sleave = this.host.shadowRoot!.querySelector('.sleeve')!;\n\n if (!nativeInput) {\n throw new Error('Input slot element required for biggive-text-input');\n }\n\n nativeInput.addEventListener('focusin', () => sleave.classList.add('focused'));\n nativeInput.addEventListener('focusout', () => sleave.classList.remove('focused'));\n }\n}\n"],"version":3}

package/dist/components/biggive-timeline-entry.js CHANGED Viewed

@@ -3,9 +3,11 @@ import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
 const biggiveTimelineEntryCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block}";
 const BiggiveTimelineEntry$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTimelineEntry extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
     }
     render() {

package/dist/components/biggive-timeline-entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-timeline-entry.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,6FAA6F;;MCOhHA,sBAAoB,iBAAAC,kBAAA,CAAA,MAAA,oBAAA,SAAA,WAAA,CAAA~~;;;;;;~~IAQ/B,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveTimelineEntry","__stencil_proxyCustomElement"],"sources":["src/components/biggive-timeline-entry/biggive-timeline-entry.scss?tag=biggive-timeline-entry&encapsulation=shadow","src/components/biggive-timeline-entry/biggive-timeline-entry.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Prop } from '@stencil/core';\n\n@Component({\n tag: 'biggive-timeline-entry',\n styleUrl: 'biggive-timeline-entry.scss',\n shadow: true,\n})\nexport class BiggiveTimelineEntry {\n /*\n Should be in the format 'YYYY-mm-dd', for example '2023-01-01'\n */\n @Prop() date: string;\n\n @Prop() heading: string;\n\n render() {\n return null;\n }\n}\n"],"version":3}
1	+ {"file":"biggive-timeline-entry.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,6FAA6F;;MCOhHA,sBAAoB,iBAAAC,kBAAA,CAAA,MAAA,oBAAA,SAAA,WAAA,CAAA;;;;;;;;IAQ/B,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveTimelineEntry","__stencil_proxyCustomElement"],"sources":["src/components/biggive-timeline-entry/biggive-timeline-entry.scss?tag=biggive-timeline-entry&encapsulation=shadow","src/components/biggive-timeline-entry/biggive-timeline-entry.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Prop } from '@stencil/core';\n\n@Component({\n tag: 'biggive-timeline-entry',\n styleUrl: 'biggive-timeline-entry.scss',\n shadow: true,\n})\nexport class BiggiveTimelineEntry {\n /*\n Should be in the format 'YYYY-mm-dd', for example '2023-01-01'\n */\n @Prop() date: string;\n\n @Prop() heading: string;\n\n render() {\n return null;\n }\n}\n"],"version":3}

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

@@ -3,9 +3,11 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 const biggiveTimelineCss = "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-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-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.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-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}: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{overflow-x:hidden}.container .navigation .sleeve ul{margin:0;padding:0;list-style-type:none;display:flex;border-bottom:1px solid #E8E8E8}.container .navigation .sleeve ul li{flex-grow:1;padding:10px 20px;margin:0 0 -1px 0;width:calc(33.3% - 20px);border-bottom:3px solid transparent;text-align:center;cursor:pointer}.container .navigation .sleeve ul li.selected{font-weight:bold}.container .entry-wrap{padding:40px}.container .entry-wrap .entry{margin-bottom:15px;border-left:15px solid transparent;padding:15px 40px 15px 40px}.container .entry-wrap .entry .title{font-weight:bold;margin:0 0 5px 0;padding:0}.container .entry-wrap .entry .content p{margin:0 0 5px 0}.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}.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.entry-background-colour-primary .entry{background-color:#2C089B}.container.entry-highlight-colour-primary .entry{border-color:#2C089B}.container.entry-date-colour-primary .entry .date{color:#2C089B}.container.entry-title-colour-primary .entry .title{color:#2C089B}.container.entry-text-colour-primary .entry .content{color:#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}.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.entry-background-colour-secondary .entry{background-color:#2AF135}.container.entry-highlight-colour-secondary .entry{border-color:#2AF135}.container.entry-date-colour-secondary .entry .date{color:#2AF135}.container.entry-title-colour-secondary .entry .title{color:#2AF135}.container.entry-text-colour-secondary .entry .content{color:#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}.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.entry-background-colour-tertiary .entry{background-color:#FF7272}.container.entry-highlight-colour-tertiary .entry{border-color:#FF7272}.container.entry-date-colour-tertiary .entry .date{color:#FF7272}.container.entry-title-colour-tertiary .entry .title{color:#FF7272}.container.entry-text-colour-tertiary .entry .content{color:#FF7272}.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}.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.entry-background-colour-brand-cc-red .entry{background-color:#B30510}.container.entry-highlight-colour-brand-cc-red .entry{border-color:#B30510}.container.entry-date-colour-brand-cc-red .entry .date{color:#B30510}.container.entry-title-colour-brand-cc-red .entry .title{color:#B30510}.container.entry-text-colour-brand-cc-red .entry .content{color:#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}.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.entry-background-colour-brand-wgmf-purple .entry{background-color:#6E0887}.container.entry-highlight-colour-brand-wgmf-purple .entry{border-color:#6E0887}.container.entry-date-colour-brand-wgmf-purple .entry .date{color:#6E0887}.container.entry-title-colour-brand-wgmf-purple .entry .title{color:#6E0887}.container.entry-text-colour-brand-wgmf-purple .entry .content{color:#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}.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.entry-background-colour-brand-gmf-green .entry{background-color:#50B400}.container.entry-highlight-colour-brand-gmf-green .entry{border-color:#50B400}.container.entry-date-colour-brand-gmf-green .entry .date{color:#50B400}.container.entry-title-colour-brand-gmf-green .entry .title{color:#50B400}.container.entry-text-colour-brand-gmf-green .entry .content{color:#50B400}.container.text-colour-brand-er-green .navigation li{color:#50B400}.container.navigation-highlight-colour-brand-er-green .navigation ul{border-color:#50B400}.container.selected-text-colour-brand-er-green .navigation li.selected{color:#50B400}.container.selected-navigation-highlight-colour-brand-er-green .navigation li.selected{border-color:#50B400}.container.button-background-colour-brand-er-green .navigation .button{background-color:#50B400}.container.button-icon-colour-brand-er-green .navigation .button svg path{stroke:#50B400}.container.entry-background-colour-brand-er-green .entry{background-color:#50B400}.container.entry-highlight-colour-brand-er-green .entry{border-color:#50B400}.container.entry-date-colour-brand-er-green .entry .date{color:#50B400}.container.entry-title-colour-brand-er-green .entry .title{color:#50B400}.container.entry-text-colour-brand-er-green .entry .content{color:#50B400}.container.text-colour-brand-er-dark-green .navigation li{color:#002413}.container.navigation-highlight-colour-brand-er-dark-green .navigation ul{border-color:#002413}.container.selected-text-colour-brand-er-dark-green .navigation li.selected{color:#002413}.container.selected-navigation-highlight-colour-brand-er-dark-green .navigation li.selected{border-color:#002413}.container.button-background-colour-brand-er-dark-green .navigation .button{background-color:#002413}.container.button-icon-colour-brand-er-dark-green .navigation .button svg path{stroke:#002413}.container.entry-background-colour-brand-er-dark-green .entry{background-color:#002413}.container.entry-highlight-colour-brand-er-dark-green .entry{border-color:#002413}.container.entry-date-colour-brand-er-dark-green .entry .date{color:#002413}.container.entry-title-colour-brand-er-dark-green .entry .title{color:#002413}.container.entry-text-colour-brand-er-dark-green .entry .content{color:#002413}.container.text-colour-brand-er-dark-blue .navigation li{color:#0c0068}.container.navigation-highlight-colour-brand-er-dark-blue .navigation ul{border-color:#0c0068}.container.selected-text-colour-brand-er-dark-blue .navigation li.selected{color:#0c0068}.container.selected-navigation-highlight-colour-brand-er-dark-blue .navigation li.selected{border-color:#0c0068}.container.button-background-colour-brand-er-dark-blue .navigation .button{background-color:#0c0068}.container.button-icon-colour-brand-er-dark-blue .navigation .button svg path{stroke:#0c0068}.container.entry-background-colour-brand-er-dark-blue .entry{background-color:#0c0068}.container.entry-highlight-colour-brand-er-dark-blue .entry{border-color:#0c0068}.container.entry-date-colour-brand-er-dark-blue .entry .date{color:#0c0068}.container.entry-title-colour-brand-er-dark-blue .entry .title{color:#0c0068}.container.entry-text-colour-brand-er-dark-blue .entry .content{color:#0c0068}.container.text-colour-brand-er-teal .navigation li{color:#00a76d}.container.navigation-highlight-colour-brand-er-teal .navigation ul{border-color:#00a76d}.container.selected-text-colour-brand-er-teal .navigation li.selected{color:#00a76d}.container.selected-navigation-highlight-colour-brand-er-teal .navigation li.selected{border-color:#00a76d}.container.button-background-colour-brand-er-teal .navigation .button{background-color:#00a76d}.container.button-icon-colour-brand-er-teal .navigation .button svg path{stroke:#00a76d}.container.entry-background-colour-brand-er-teal .entry{background-color:#00a76d}.container.entry-highlight-colour-brand-er-teal .entry{border-color:#00a76d}.container.entry-date-colour-brand-er-teal .entry .date{color:#00a76d}.container.entry-title-colour-brand-er-teal .entry .title{color:#00a76d}.container.entry-text-colour-brand-er-teal .entry .content{color:#00a76d}.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}.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.entry-background-colour-brand-emf-yellow .entry{background-color:#FFE500}.container.entry-highlight-colour-brand-emf-yellow .entry{border-color:#FFE500}.container.entry-date-colour-brand-emf-yellow .entry .date{color:#FFE500}.container.entry-title-colour-brand-emf-yellow .entry .title{color:#FFE500}.container.entry-text-colour-brand-emf-yellow .entry .content{color:#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}.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.entry-background-colour-brand-c4c-orange .entry{background-color:#F07D00}.container.entry-highlight-colour-brand-c4c-orange .entry{border-color:#F07D00}.container.entry-date-colour-brand-c4c-orange .entry .date{color:#F07D00}.container.entry-title-colour-brand-c4c-orange .entry .title{color:#F07D00}.container.entry-text-colour-brand-c4c-orange .entry .content{color:#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}.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.entry-background-colour-brand-afa-pink .entry{background-color:#BF387D}.container.entry-highlight-colour-brand-afa-pink .entry{border-color:#BF387D}.container.entry-date-colour-brand-afa-pink .entry .date{color:#BF387D}.container.entry-title-colour-brand-afa-pink .entry .title{color:#BF387D}.container.entry-text-colour-brand-afa-pink .entry .content{color:#BF387D}.container.text-colour-brand-scw-magenta .navigation li{color:#EE2C65}.container.navigation-highlight-colour-brand-scw-magenta .navigation ul{border-color:#EE2C65}.container.selected-text-colour-brand-scw-magenta .navigation li.selected{color:#EE2C65}.container.selected-navigation-highlight-colour-brand-scw-magenta .navigation li.selected{border-color:#EE2C65}.container.button-background-colour-brand-scw-magenta .navigation .button{background-color:#EE2C65}.container.button-icon-colour-brand-scw-magenta .navigation .button svg path{stroke:#EE2C65}.container.entry-background-colour-brand-scw-magenta .entry{background-color:#EE2C65}.container.entry-highlight-colour-brand-scw-magenta .entry{border-color:#EE2C65}.container.entry-date-colour-brand-scw-magenta .entry .date{color:#EE2C65}.container.entry-title-colour-brand-scw-magenta .entry .title{color:#EE2C65}.container.entry-text-colour-brand-scw-magenta .entry .content{color:#EE2C65}.container.text-colour-brand-mhf-turquoise .navigation li{color:#62CFC9}.container.navigation-highlight-colour-brand-mhf-turquoise .navigation ul{border-color:#62CFC9}.container.selected-text-colour-brand-mhf-turquoise .navigation li.selected{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.entry-background-colour-brand-mhf-turquoise .entry{background-color:#62CFC9}.container.entry-highlight-colour-brand-mhf-turquoise .entry{border-color:#62CFC9}.container.entry-date-colour-brand-mhf-turquoise .entry .date{color:#62CFC9}.container.entry-title-colour-brand-mhf-turquoise .entry .title{color:#62CFC9}.container.entry-text-colour-brand-mhf-turquoise .entry .content{color:#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}.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.entry-background-colour-brand-grey .entry{background-color:#CBC8C8}.container.entry-highlight-colour-brand-grey .entry{border-color:#CBC8C8}.container.entry-date-colour-brand-grey .entry .date{color:#CBC8C8}.container.entry-title-colour-brand-grey .entry .title{color:#CBC8C8}.container.entry-text-colour-brand-grey .entry .content{color:#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}.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.entry-background-colour-white .entry{background-color:#FFFFFF}.container.entry-highlight-colour-white .entry{border-color:#FFFFFF}.container.entry-date-colour-white .entry .date{color:#FFFFFF}.container.entry-title-colour-white .entry .title{color:#FFFFFF}.container.entry-text-colour-white .entry .content{color:#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}.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.entry-background-colour-black .entry{background-color:#000000}.container.entry-highlight-colour-black .entry{border-color:#000000}.container.entry-date-colour-black .entry .date{color:#000000}.container.entry-title-colour-black .entry .title{color:#000000}.container.entry-text-colour-black .entry .content{color:#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}.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.entry-background-colour-grey-extra-light .entry{background-color:#D7D7D7}.container.entry-highlight-colour-grey-extra-light .entry{border-color:#D7D7D7}.container.entry-date-colour-grey-extra-light .entry .date{color:#D7D7D7}.container.entry-title-colour-grey-extra-light .entry .title{color:#D7D7D7}.container.entry-text-colour-grey-extra-light .entry .content{color:#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}.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.entry-background-colour-grey-light .entry{background-color:#E8E8E8}.container.entry-highlight-colour-grey-light .entry{border-color:#E8E8E8}.container.entry-date-colour-grey-light .entry .date{color:#E8E8E8}.container.entry-title-colour-grey-light .entry .title{color:#E8E8E8}.container.entry-text-colour-grey-light .entry .content{color:#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}.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.entry-background-colour-grey-medium .entry{background-color:#8A8A8A}.container.entry-highlight-colour-grey-medium .entry{border-color:#8A8A8A}.container.entry-date-colour-grey-medium .entry .date{color:#8A8A8A}.container.entry-title-colour-grey-medium .entry .title{color:#8A8A8A}.container.entry-text-colour-grey-medium .entry .content{color:#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}.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.entry-background-colour-grey-dark .entry{background-color:#4A4A4A}.container.entry-highlight-colour-grey-dark .entry{border-color:#4A4A4A}.container.entry-date-colour-grey-dark .entry .date{color:#4A4A4A}.container.entry-title-colour-grey-dark .entry .title{color:#4A4A4A}.container.entry-text-colour-grey-dark .entry .content{color:#4A4A4A}.container.text-colour-philco-orange .navigation li{color:#f18a00}.container.navigation-highlight-colour-philco-orange .navigation ul{border-color:#f18a00}.container.selected-text-colour-philco-orange .navigation li.selected{color:#f18a00}.container.selected-navigation-highlight-colour-philco-orange .navigation li.selected{border-color:#f18a00}.container.button-background-colour-philco-orange .navigation .button{background-color:#f18a00}.container.button-icon-colour-philco-orange .navigation .button svg path{stroke:#f18a00}.container.entry-background-colour-philco-orange .entry{background-color:#f18a00}.container.entry-highlight-colour-philco-orange .entry{border-color:#f18a00}.container.entry-date-colour-philco-orange .entry .date{color:#f18a00}.container.entry-title-colour-philco-orange .entry .title{color:#f18a00}.container.entry-text-colour-philco-orange .entry .content{color:#f18a00}.container.text-colour-philco-gray-90 .navigation li{color:#1d1d1B}.container.navigation-highlight-colour-philco-gray-90 .navigation ul{border-color:#1d1d1B}.container.selected-text-colour-philco-gray-90 .navigation li.selected{color:#1d1d1B}.container.selected-navigation-highlight-colour-philco-gray-90 .navigation li.selected{border-color:#1d1d1B}.container.button-background-colour-philco-gray-90 .navigation .button{background-color:#1d1d1B}.container.button-icon-colour-philco-gray-90 .navigation .button svg path{stroke:#1d1d1B}.container.entry-background-colour-philco-gray-90 .entry{background-color:#1d1d1B}.container.entry-highlight-colour-philco-gray-90 .entry{border-color:#1d1d1B}.container.entry-date-colour-philco-gray-90 .entry .date{color:#1d1d1B}.container.entry-title-colour-philco-gray-90 .entry .title{color:#1d1d1B}.container.entry-text-colour-philco-gray-90 .entry .content{color:#1d1d1B}.container.text-colour-philco-gray-70 .navigation li{color:#7D7D7D}.container.navigation-highlight-colour-philco-gray-70 .navigation ul{border-color:#7D7D7D}.container.selected-text-colour-philco-gray-70 .navigation li.selected{color:#7D7D7D}.container.selected-navigation-highlight-colour-philco-gray-70 .navigation li.selected{border-color:#7D7D7D}.container.button-background-colour-philco-gray-70 .navigation .button{background-color:#7D7D7D}.container.button-icon-colour-philco-gray-70 .navigation .button svg path{stroke:#7D7D7D}.container.entry-background-colour-philco-gray-70 .entry{background-color:#7D7D7D}.container.entry-highlight-colour-philco-gray-70 .entry{border-color:#7D7D7D}.container.entry-date-colour-philco-gray-70 .entry .date{color:#7D7D7D}.container.entry-title-colour-philco-gray-70 .entry .title{color:#7D7D7D}.container.entry-text-colour-philco-gray-70 .entry .content{color:#7D7D7D}.container.text-colour-philco-white .navigation li{color:#FFFFFF}.container.navigation-highlight-colour-philco-white .navigation ul{border-color:#FFFFFF}.container.selected-text-colour-philco-white .navigation li.selected{color:#FFFFFF}.container.selected-navigation-highlight-colour-philco-white .navigation li.selected{border-color:#FFFFFF}.container.button-background-colour-philco-white .navigation .button{background-color:#FFFFFF}.container.button-icon-colour-philco-white .navigation .button svg path{stroke:#FFFFFF}.container.entry-background-colour-philco-white .entry{background-color:#FFFFFF}.container.entry-highlight-colour-philco-white .entry{border-color:#FFFFFF}.container.entry-date-colour-philco-white .entry .date{color:#FFFFFF}.container.entry-title-colour-philco-white .entry .title{color:#FFFFFF}.container.entry-text-colour-philco-white .entry .content{color:#FFFFFF}.container.text-colour-philco-success-green .navigation li{color:#1Ec691}.container.navigation-highlight-colour-philco-success-green .navigation ul{border-color:#1Ec691}.container.selected-text-colour-philco-success-green .navigation li.selected{color:#1Ec691}.container.selected-navigation-highlight-colour-philco-success-green .navigation li.selected{border-color:#1Ec691}.container.button-background-colour-philco-success-green .navigation .button{background-color:#1Ec691}.container.button-icon-colour-philco-success-green .navigation .button svg path{stroke:#1Ec691}.container.entry-background-colour-philco-success-green .entry{background-color:#1Ec691}.container.entry-highlight-colour-philco-success-green .entry{border-color:#1Ec691}.container.entry-date-colour-philco-success-green .entry .date{color:#1Ec691}.container.entry-title-colour-philco-success-green .entry .title{color:#1Ec691}.container.entry-text-colour-philco-success-green .entry .content{color:#1Ec691}.container.text-colour-philco-error-coral .navigation li{color:#F54242}.container.navigation-highlight-colour-philco-error-coral .navigation ul{border-color:#F54242}.container.selected-text-colour-philco-error-coral .navigation li.selected{color:#F54242}.container.selected-navigation-highlight-colour-philco-error-coral .navigation li.selected{border-color:#F54242}.container.button-background-colour-philco-error-coral .navigation .button{background-color:#F54242}.container.button-icon-colour-philco-error-coral .navigation .button svg path{stroke:#F54242}.container.entry-background-colour-philco-error-coral .entry{background-color:#F54242}.container.entry-highlight-colour-philco-error-coral .entry{border-color:#F54242}.container.entry-date-colour-philco-error-coral .entry .date{color:#F54242}.container.entry-title-colour-philco-error-coral .entry .title{color:#F54242}.container.entry-text-colour-philco-error-coral .entry .content{color:#F54242}.container.text-colour-philco-gray-30 .navigation li{color:#BBBBBB}.container.navigation-highlight-colour-philco-gray-30 .navigation ul{border-color:#BBBBBB}.container.selected-text-colour-philco-gray-30 .navigation li.selected{color:#BBBBBB}.container.selected-navigation-highlight-colour-philco-gray-30 .navigation li.selected{border-color:#BBBBBB}.container.button-background-colour-philco-gray-30 .navigation .button{background-color:#BBBBBB}.container.button-icon-colour-philco-gray-30 .navigation .button svg path{stroke:#BBBBBB}.container.entry-background-colour-philco-gray-30 .entry{background-color:#BBBBBB}.container.entry-highlight-colour-philco-gray-30 .entry{border-color:#BBBBBB}.container.entry-date-colour-philco-gray-30 .entry .date{color:#BBBBBB}.container.entry-title-colour-philco-gray-30 .entry .title{color:#BBBBBB}.container.entry-text-colour-philco-gray-30 .entry .content{color:#BBBBBB}.container.text-colour-philco-gray-20 .navigation li{color:#F6F6F6}.container.navigation-highlight-colour-philco-gray-20 .navigation ul{border-color:#F6F6F6}.container.selected-text-colour-philco-gray-20 .navigation li.selected{color:#F6F6F6}.container.selected-navigation-highlight-colour-philco-gray-20 .navigation li.selected{border-color:#F6F6F6}.container.button-background-colour-philco-gray-20 .navigation .button{background-color:#F6F6F6}.container.button-icon-colour-philco-gray-20 .navigation .button svg path{stroke:#F6F6F6}.container.entry-background-colour-philco-gray-20 .entry{background-color:#F6F6F6}.container.entry-highlight-colour-philco-gray-20 .entry{border-color:#F6F6F6}.container.entry-date-colour-philco-gray-20 .entry .date{color:#F6F6F6}.container.entry-title-colour-philco-gray-20 .entry .title{color:#F6F6F6}.container.entry-text-colour-philco-gray-20 .entry .content{color:#F6F6F6}";
 const BiggiveTimeline$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTimeline extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
         this.spaceBelow = 0;
         this.textColour = 'black';