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

@biggive/components 202509250906.0.0 → 202510071215.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-accordion.js CHANGED Viewed

@@ -3,9 +3,11 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 const biggiveAccordionCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-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}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .entry h3.heading{position:relative;margin:25px 0 0 0;padding:15px 60px 10px 20px;border-bottom:1px solid #000000;cursor:pointer}.container .entry h3.heading span.arrow{display:block;position:absolute;right:20px;top:10px;width:40px;height:20px;text-align:center}.container .entry .content{overflow:hidden;max-height:0;padding:0 20px}.container .entry.expanded .content{max-height:100%}.container .entry.expanded span.arrow{transform:rotate(-180deg)}.container.heading-colour-primary .entry h3.heading svg path{stroke:#2C089B}.container.heading-colour-primary h3.heading{color:#2C089B}.container.text-colour-primary .content{color:#2C089B}.container.heading-colour-secondary .entry h3.heading svg path{stroke:#2AF135}.container.heading-colour-secondary h3.heading{color:#2AF135}.container.text-colour-secondary .content{color:#2AF135}.container.heading-colour-tertiary .entry h3.heading svg path{stroke:#FF7272}.container.heading-colour-tertiary h3.heading{color:#FF7272}.container.text-colour-tertiary .content{color:#FF7272}.container.heading-colour-brand-cc-red .entry h3.heading svg path{stroke:#B30510}.container.heading-colour-brand-cc-red h3.heading{color:#B30510}.container.text-colour-brand-cc-red .content{color:#B30510}.container.heading-colour-brand-wgmf-purple .entry h3.heading svg path{stroke:#6E0887}.container.heading-colour-brand-wgmf-purple h3.heading{color:#6E0887}.container.text-colour-brand-wgmf-purple .content{color:#6E0887}.container.heading-colour-brand-gmf-green .entry h3.heading svg path{stroke:#50B400}.container.heading-colour-brand-gmf-green h3.heading{color:#50B400}.container.text-colour-brand-gmf-green .content{color:#50B400}.container.heading-colour-brand-er-green .entry h3.heading svg path{stroke:#50B400}.container.heading-colour-brand-er-green h3.heading{color:#50B400}.container.text-colour-brand-er-green .content{color:#50B400}.container.heading-colour-brand-er-dark-green .entry h3.heading svg path{stroke:#002413}.container.heading-colour-brand-er-dark-green h3.heading{color:#002413}.container.text-colour-brand-er-dark-green .content{color:#002413}.container.heading-colour-brand-er-dark-blue .entry h3.heading svg path{stroke:#0c0068}.container.heading-colour-brand-er-dark-blue h3.heading{color:#0c0068}.container.text-colour-brand-er-dark-blue .content{color:#0c0068}.container.heading-colour-brand-er-teal .entry h3.heading svg path{stroke:#00a76d}.container.heading-colour-brand-er-teal h3.heading{color:#00a76d}.container.text-colour-brand-er-teal .content{color:#00a76d}.container.heading-colour-brand-emf-yellow .entry h3.heading svg path{stroke:#FFE500}.container.heading-colour-brand-emf-yellow h3.heading{color:#FFE500}.container.text-colour-brand-emf-yellow .content{color:#FFE500}.container.heading-colour-brand-c4c-orange .entry h3.heading svg path{stroke:#F07D00}.container.heading-colour-brand-c4c-orange h3.heading{color:#F07D00}.container.text-colour-brand-c4c-orange .content{color:#F07D00}.container.heading-colour-brand-afa-pink .entry h3.heading svg path{stroke:#BF387D}.container.heading-colour-brand-afa-pink h3.heading{color:#BF387D}.container.text-colour-brand-afa-pink .content{color:#BF387D}.container.heading-colour-brand-scw-magenta .entry h3.heading svg path{stroke:#EE2C65}.container.heading-colour-brand-scw-magenta h3.heading{color:#EE2C65}.container.text-colour-brand-scw-magenta .content{color:#EE2C65}.container.heading-colour-brand-mhf-turquoise .entry h3.heading svg path{stroke:#62CFC9}.container.heading-colour-brand-mhf-turquoise h3.heading{color:#62CFC9}.container.text-colour-brand-mhf-turquoise .content{color:#62CFC9}.container.heading-colour-brand-grey .entry h3.heading svg path{stroke:#CBC8C8}.container.heading-colour-brand-grey h3.heading{color:#CBC8C8}.container.text-colour-brand-grey .content{color:#CBC8C8}.container.heading-colour-white .entry h3.heading svg path{stroke:#FFFFFF}.container.heading-colour-white h3.heading{color:#FFFFFF}.container.text-colour-white .content{color:#FFFFFF}.container.heading-colour-black .entry h3.heading svg path{stroke:#000000}.container.heading-colour-black h3.heading{color:#000000}.container.text-colour-black .content{color:#000000}.container.heading-colour-grey-extra-light .entry h3.heading svg path{stroke:#D7D7D7}.container.heading-colour-grey-extra-light h3.heading{color:#D7D7D7}.container.text-colour-grey-extra-light .content{color:#D7D7D7}.container.heading-colour-grey-light .entry h3.heading svg path{stroke:#E8E8E8}.container.heading-colour-grey-light h3.heading{color:#E8E8E8}.container.text-colour-grey-light .content{color:#E8E8E8}.container.heading-colour-grey-medium .entry h3.heading svg path{stroke:#8A8A8A}.container.heading-colour-grey-medium h3.heading{color:#8A8A8A}.container.text-colour-grey-medium .content{color:#8A8A8A}.container.heading-colour-grey-dark .entry h3.heading svg path{stroke:#4A4A4A}.container.heading-colour-grey-dark h3.heading{color:#4A4A4A}.container.text-colour-grey-dark .content{color:#4A4A4A}.container.heading-colour-philco-orange .entry h3.heading svg path{stroke:#f18a00}.container.heading-colour-philco-orange h3.heading{color:#f18a00}.container.text-colour-philco-orange .content{color:#f18a00}.container.heading-colour-philco-gray-90 .entry h3.heading svg path{stroke:#1d1d1B}.container.heading-colour-philco-gray-90 h3.heading{color:#1d1d1B}.container.text-colour-philco-gray-90 .content{color:#1d1d1B}.container.heading-colour-philco-gray-70 .entry h3.heading svg path{stroke:#7D7D7D}.container.heading-colour-philco-gray-70 h3.heading{color:#7D7D7D}.container.text-colour-philco-gray-70 .content{color:#7D7D7D}.container.heading-colour-philco-white .entry h3.heading svg path{stroke:#FFFFFF}.container.heading-colour-philco-white h3.heading{color:#FFFFFF}.container.text-colour-philco-white .content{color:#FFFFFF}.container.heading-colour-philco-success-green .entry h3.heading svg path{stroke:#1Ec691}.container.heading-colour-philco-success-green h3.heading{color:#1Ec691}.container.text-colour-philco-success-green .content{color:#1Ec691}.container.heading-colour-philco-error-coral .entry h3.heading svg path{stroke:#F54242}.container.heading-colour-philco-error-coral h3.heading{color:#F54242}.container.text-colour-philco-error-coral .content{color:#F54242}.container.heading-colour-philco-gray-30 .entry h3.heading svg path{stroke:#BBBBBB}.container.heading-colour-philco-gray-30 h3.heading{color:#BBBBBB}.container.text-colour-philco-gray-30 .content{color:#BBBBBB}.container.heading-colour-philco-gray-20 .entry h3.heading svg path{stroke:#F6F6F6}.container.heading-colour-philco-gray-20 h3.heading{color:#F6F6F6}.container.text-colour-philco-gray-20 .content{color:#F6F6F6}";
 const BiggiveAccordion$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveAccordion 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-accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-accordion.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,miTAAmiT;;MCSljTA,kBAAgB,iBAAAC,kBAAA,CAAA,MAAA,gBAAA,SAAA,WAAA,CAAA;AAL7B,IAAA,WAAA,~~GAAA;;;;~~AAQU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAE7B,QAAA,IAAU,CAAA,UAAA,GAAgB,OAAO;AAEjC,QAAA,IAAa,CAAA,aAAA,GAAgB,SAAS;AA6C/C;IAzCC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAA4C;;AAGnF,IAAA,aAAa,CAAC,CAAa,EAAA;AACjC,QAAA,MAAM,MAAM,GAAI,CAAC,CAAC,MAAmB;QACrC,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAE;QACvC,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAE;QAE5C,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;AACxC,YAAA,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC;AAClC,YAAA,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC;;aACxC;AACL,YAAA,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;AAC/B,YAAA,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC;;;IAInD,MAAM,GAAA;QACJ,QACE,4DAAK,KAAK,EAAE,WAAW,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAA,EACvI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAChB,IAAI,CAAC,QAAQ,KAAK;AACjB,cAAE;AACF,cAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,KACrB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAChB,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAC,gBAAgB,EAAA,EACpE,KAAK,CAAC,OAAO,EACd,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EACjB,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC1F,CAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,oDAAoD,EAAC,MAAM,EAAC,OAAO,EAAA,cAAA,EAAc,GAAG,EAAA,CAAG,CAC3F,CACD,CACJ,EACL,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAA,CAAQ,CACnD,CACP,CAAC,CACF,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveAccordion","__stencil_proxyCustomElement"],"sources":["src/components/biggive-accordion/biggive-accordion.scss?tag=biggive-accordion&encapsulation=shadow","src/components/biggive-accordion/biggive-accordion.tsx"],"sourcesContent":["@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n\n\n .entry {\n h3.heading {\n position: relative;\n margin: 25px 0 0 0;\n padding: 15px 60px 10px 20px;\n border-bottom: 1px solid $colour-black;\n cursor: pointer;\n span.arrow {\n display: block;\n position: absolute;\n right: 20px;\n top: 10px;\n width: 40px;\n height: 20px;\n text-align: center;\n }\n }\n .content {\n overflow: hidden;\n max-height: 0;\n padding: 0 20px;\n }\n &.expanded {\n .content {\n max-height: 100%;\n }\n span.arrow {\n transform: rotate(-180deg);\n }\n }\n }\n\n @each $key, $colour in $brandColours {\n &.heading-colour-#{$key} .entry h3.heading svg path { stroke: $colour; }\n &.heading-colour-#{$key} h3.heading { color: $colour; }\n &.text-colour-#{$key} .content { color: $colour; }\n }\n\n\n}\n\n\n","import { Component, Element, h, Prop, State } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-accordion',\n styleUrl: 'biggive-accordion.scss',\n shadow: true,\n})\nexport class BiggiveAccordion {\n @Element() host: HTMLBiggiveAccordionElement;\n\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() headingColour: brandColour = 'primary';\n\n @State() children: Array<HTMLBiggiveAccordionEntryElement>;\n\n componentWillLoad() {\n this.children = Array.from(this.host.children) as Array<HTMLBiggiveAccordionEntryElement>;\n }\n\n private toggleSection(e: MouseEvent) {\n const target = (e.target as Element)!;\n const entry = target.closest('.entry')!;\n const arrow = entry.querySelector('.arrow')!;\n\n if (entry.classList.contains('expanded')) {\n entry.classList.remove('expanded');\n arrow.setAttribute('title', 'Expand section');\n } else {\n entry.classList.add('expanded');\n arrow.setAttribute('title', 'Collapse section');\n }\n }\n\n render() {\n return (\n <div class={'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour}>\n <div class=\"sleeve\">\n {this.children === undefined\n ? []\n : this.children.map(entry => (\n <div class=\"entry\">\n <h3 class=\"heading\" onClick={this.toggleSection} title=\"Expand section\">\n {entry.heading}\n <span class=\"arrow\">\n <svg width=\"15\" height=\"9\" viewBox=\"0 0 15 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14.1074 0.999859L7.55357 7.55371L0.999718 0.99986\" stroke=\"black\" stroke-width=\"2\" />\n </svg>\n </span>\n </h3>\n <div class=\"content\" innerHTML={entry.innerHTML}></div>\n </div>\n ))}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-accordion.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,miTAAmiT;;MCSljTA,kBAAgB,iBAAAC,kBAAA,CAAA,MAAA,gBAAA,SAAA,WAAA,CAAA;AAL7B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAQU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAE7B,QAAA,IAAU,CAAA,UAAA,GAAgB,OAAO;AAEjC,QAAA,IAAa,CAAA,aAAA,GAAgB,SAAS;AA6C/C;IAzCC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAA4C;;AAGnF,IAAA,aAAa,CAAC,CAAa,EAAA;AACjC,QAAA,MAAM,MAAM,GAAI,CAAC,CAAC,MAAmB;QACrC,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAE;QACvC,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAE;QAE5C,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;AACxC,YAAA,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC;AAClC,YAAA,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC;;aACxC;AACL,YAAA,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;AAC/B,YAAA,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC;;;IAInD,MAAM,GAAA;QACJ,QACE,4DAAK,KAAK,EAAE,WAAW,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAA,EACvI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAChB,IAAI,CAAC,QAAQ,KAAK;AACjB,cAAE;AACF,cAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,KACrB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAChB,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAC,gBAAgB,EAAA,EACpE,KAAK,CAAC,OAAO,EACd,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EACjB,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC1F,CAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,oDAAoD,EAAC,MAAM,EAAC,OAAO,EAAA,cAAA,EAAc,GAAG,EAAA,CAAG,CAC3F,CACD,CACJ,EACL,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAA,CAAQ,CACnD,CACP,CAAC,CACF,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveAccordion","__stencil_proxyCustomElement"],"sources":["src/components/biggive-accordion/biggive-accordion.scss?tag=biggive-accordion&encapsulation=shadow","src/components/biggive-accordion/biggive-accordion.tsx"],"sourcesContent":["@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n\n\n .entry {\n h3.heading {\n position: relative;\n margin: 25px 0 0 0;\n padding: 15px 60px 10px 20px;\n border-bottom: 1px solid $colour-black;\n cursor: pointer;\n span.arrow {\n display: block;\n position: absolute;\n right: 20px;\n top: 10px;\n width: 40px;\n height: 20px;\n text-align: center;\n }\n }\n .content {\n overflow: hidden;\n max-height: 0;\n padding: 0 20px;\n }\n &.expanded {\n .content {\n max-height: 100%;\n }\n span.arrow {\n transform: rotate(-180deg);\n }\n }\n }\n\n @each $key, $colour in $brandColours {\n &.heading-colour-#{$key} .entry h3.heading svg path { stroke: $colour; }\n &.heading-colour-#{$key} h3.heading { color: $colour; }\n &.text-colour-#{$key} .content { color: $colour; }\n }\n\n\n}\n\n\n","import { Component, Element, h, Prop, State } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-accordion',\n styleUrl: 'biggive-accordion.scss',\n shadow: true,\n})\nexport class BiggiveAccordion {\n @Element() host: HTMLBiggiveAccordionElement;\n\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() headingColour: brandColour = 'primary';\n\n @State() children: Array<HTMLBiggiveAccordionEntryElement>;\n\n componentWillLoad() {\n this.children = Array.from(this.host.children) as Array<HTMLBiggiveAccordionEntryElement>;\n }\n\n private toggleSection(e: MouseEvent) {\n const target = (e.target as Element)!;\n const entry = target.closest('.entry')!;\n const arrow = entry.querySelector('.arrow')!;\n\n if (entry.classList.contains('expanded')) {\n entry.classList.remove('expanded');\n arrow.setAttribute('title', 'Expand section');\n } else {\n entry.classList.add('expanded');\n arrow.setAttribute('title', 'Collapse section');\n }\n }\n\n render() {\n return (\n <div class={'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour}>\n <div class=\"sleeve\">\n {this.children === undefined\n ? []\n : this.children.map(entry => (\n <div class=\"entry\">\n <h3 class=\"heading\" onClick={this.toggleSection} title=\"Expand section\">\n {entry.heading}\n <span class=\"arrow\">\n <svg width=\"15\" height=\"9\" viewBox=\"0 0 15 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14.1074 0.999859L7.55357 7.55371L0.999718 0.99986\" stroke=\"black\" stroke-width=\"2\" />\n </svg>\n </span>\n </h3>\n <div class=\"content\" innerHTML={entry.innerHTML}></div>\n </div>\n ))}\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-article-card.js CHANGED Viewed

@@ -4,9 +4,11 @@ import { d as defineCustomElement$2 } from './biggive-button2.js';
 const biggiveArticleCardCss = "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}.image-wrap img{width:100%;height:auto}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-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}.align-right{text-align:right}.container{height:100%;width:100%;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.container .sleeve{height:100%;box-sizing:border-box;background-size:cover;padding:15px 15px 10px 15px}.container .sleeve .content-wrap{height:100%;display:flex;flex-direction:column}.container .meta{margin-bottom:10px}.container .meta .slug{font-size:13px;line-height:17px;margin-bottom:5px}.container .meta .date{font-size:13px;line-height:17px;margin-bottom:5px}.container h3{font-size:20px;line-height:24px;font-weight:bold;padding-bottom:15px;margin-bottom:auto}.container h3 a,.container h3 a:hover{text-decoration:none}.container .main-image-container img{width:100%;height:auto;display:inline-block}.container .image-group{display:flex;margin-bottom:15px}.container .image-group .image-container{margin-right:15px}.container .image-group .image-container .image-wrap{border-radius:50%;width:60px;height:60px;background-size:cover;background-position:center center;margin-bottom:5px}.container .image-group .image-container .image-wrap img{display:none}.container .image-label{font-size:11px;line-height:14px}.container .clip-bottom-left-corner-false.clip-top-right-corner-true{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container .clip-bottom-left-corner-true.clip-top-right-corner-false{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .clip-bottom-left-corner-true.clip-top-right-corner-true{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .main-title-colour-primary h3{color:#2C089B}.container .slug-colour-primary .slug{color:#2C089B}.container .date-colour-primary .date{color:#2C089B}.container .image-label-colour-primary .image-label{color:#2C089B}.container .main-title-colour-secondary h3{color:#2AF135}.container .slug-colour-secondary .slug{color:#2AF135}.container .date-colour-secondary .date{color:#2AF135}.container .image-label-colour-secondary .image-label{color:#2AF135}.container .main-title-colour-tertiary h3{color:#FF7272}.container .slug-colour-tertiary .slug{color:#FF7272}.container .date-colour-tertiary .date{color:#FF7272}.container .image-label-colour-tertiary .image-label{color:#FF7272}.container .main-title-colour-brand-cc-red h3{color:#B30510}.container .slug-colour-brand-cc-red .slug{color:#B30510}.container .date-colour-brand-cc-red .date{color:#B30510}.container .image-label-colour-brand-cc-red .image-label{color:#B30510}.container .main-title-colour-brand-wgmf-purple h3{color:#6E0887}.container .slug-colour-brand-wgmf-purple .slug{color:#6E0887}.container .date-colour-brand-wgmf-purple .date{color:#6E0887}.container .image-label-colour-brand-wgmf-purple .image-label{color:#6E0887}.container .main-title-colour-brand-gmf-green h3{color:#50B400}.container .slug-colour-brand-gmf-green .slug{color:#50B400}.container .date-colour-brand-gmf-green .date{color:#50B400}.container .image-label-colour-brand-gmf-green .image-label{color:#50B400}.container .main-title-colour-brand-er-green h3{color:#50B400}.container .slug-colour-brand-er-green .slug{color:#50B400}.container .date-colour-brand-er-green .date{color:#50B400}.container .image-label-colour-brand-er-green .image-label{color:#50B400}.container .main-title-colour-brand-er-dark-green h3{color:#002413}.container .slug-colour-brand-er-dark-green .slug{color:#002413}.container .date-colour-brand-er-dark-green .date{color:#002413}.container .image-label-colour-brand-er-dark-green .image-label{color:#002413}.container .main-title-colour-brand-er-dark-blue h3{color:#0c0068}.container .slug-colour-brand-er-dark-blue .slug{color:#0c0068}.container .date-colour-brand-er-dark-blue .date{color:#0c0068}.container .image-label-colour-brand-er-dark-blue .image-label{color:#0c0068}.container .main-title-colour-brand-er-teal h3{color:#00a76d}.container .slug-colour-brand-er-teal .slug{color:#00a76d}.container .date-colour-brand-er-teal .date{color:#00a76d}.container .image-label-colour-brand-er-teal .image-label{color:#00a76d}.container .main-title-colour-brand-emf-yellow h3{color:#FFE500}.container .slug-colour-brand-emf-yellow .slug{color:#FFE500}.container .date-colour-brand-emf-yellow .date{color:#FFE500}.container .image-label-colour-brand-emf-yellow .image-label{color:#FFE500}.container .main-title-colour-brand-c4c-orange h3{color:#F07D00}.container .slug-colour-brand-c4c-orange .slug{color:#F07D00}.container .date-colour-brand-c4c-orange .date{color:#F07D00}.container .image-label-colour-brand-c4c-orange .image-label{color:#F07D00}.container .main-title-colour-brand-afa-pink h3{color:#BF387D}.container .slug-colour-brand-afa-pink .slug{color:#BF387D}.container .date-colour-brand-afa-pink .date{color:#BF387D}.container .image-label-colour-brand-afa-pink .image-label{color:#BF387D}.container .main-title-colour-brand-scw-magenta h3{color:#EE2C65}.container .slug-colour-brand-scw-magenta .slug{color:#EE2C65}.container .date-colour-brand-scw-magenta .date{color:#EE2C65}.container .image-label-colour-brand-scw-magenta .image-label{color:#EE2C65}.container .main-title-colour-brand-mhf-turquoise h3{color:#62CFC9}.container .slug-colour-brand-mhf-turquoise .slug{color:#62CFC9}.container .date-colour-brand-mhf-turquoise .date{color:#62CFC9}.container .image-label-colour-brand-mhf-turquoise .image-label{color:#62CFC9}.container .main-title-colour-brand-grey h3{color:#CBC8C8}.container .slug-colour-brand-grey .slug{color:#CBC8C8}.container .date-colour-brand-grey .date{color:#CBC8C8}.container .image-label-colour-brand-grey .image-label{color:#CBC8C8}.container .main-title-colour-white h3{color:#FFFFFF}.container .slug-colour-white .slug{color:#FFFFFF}.container .date-colour-white .date{color:#FFFFFF}.container .image-label-colour-white .image-label{color:#FFFFFF}.container .main-title-colour-black h3{color:#000000}.container .slug-colour-black .slug{color:#000000}.container .date-colour-black .date{color:#000000}.container .image-label-colour-black .image-label{color:#000000}.container .main-title-colour-grey-extra-light h3{color:#D7D7D7}.container .slug-colour-grey-extra-light .slug{color:#D7D7D7}.container .date-colour-grey-extra-light .date{color:#D7D7D7}.container .image-label-colour-grey-extra-light .image-label{color:#D7D7D7}.container .main-title-colour-grey-light h3{color:#E8E8E8}.container .slug-colour-grey-light .slug{color:#E8E8E8}.container .date-colour-grey-light .date{color:#E8E8E8}.container .image-label-colour-grey-light .image-label{color:#E8E8E8}.container .main-title-colour-grey-medium h3{color:#8A8A8A}.container .slug-colour-grey-medium .slug{color:#8A8A8A}.container .date-colour-grey-medium .date{color:#8A8A8A}.container .image-label-colour-grey-medium .image-label{color:#8A8A8A}.container .main-title-colour-grey-dark h3{color:#4A4A4A}.container .slug-colour-grey-dark .slug{color:#4A4A4A}.container .date-colour-grey-dark .date{color:#4A4A4A}.container .image-label-colour-grey-dark .image-label{color:#4A4A4A}.container .main-title-colour-philco-orange h3{color:#f18a00}.container .slug-colour-philco-orange .slug{color:#f18a00}.container .date-colour-philco-orange .date{color:#f18a00}.container .image-label-colour-philco-orange .image-label{color:#f18a00}.container .main-title-colour-philco-gray-90 h3{color:#1d1d1B}.container .slug-colour-philco-gray-90 .slug{color:#1d1d1B}.container .date-colour-philco-gray-90 .date{color:#1d1d1B}.container .image-label-colour-philco-gray-90 .image-label{color:#1d1d1B}.container .main-title-colour-philco-gray-70 h3{color:#7D7D7D}.container .slug-colour-philco-gray-70 .slug{color:#7D7D7D}.container .date-colour-philco-gray-70 .date{color:#7D7D7D}.container .image-label-colour-philco-gray-70 .image-label{color:#7D7D7D}.container .main-title-colour-philco-white h3{color:#FFFFFF}.container .slug-colour-philco-white .slug{color:#FFFFFF}.container .date-colour-philco-white .date{color:#FFFFFF}.container .image-label-colour-philco-white .image-label{color:#FFFFFF}.container .main-title-colour-philco-success-green h3{color:#1Ec691}.container .slug-colour-philco-success-green .slug{color:#1Ec691}.container .date-colour-philco-success-green .date{color:#1Ec691}.container .image-label-colour-philco-success-green .image-label{color:#1Ec691}.container .main-title-colour-philco-error-coral h3{color:#F54242}.container .slug-colour-philco-error-coral .slug{color:#F54242}.container .date-colour-philco-error-coral .date{color:#F54242}.container .image-label-colour-philco-error-coral .image-label{color:#F54242}.container .main-title-colour-philco-gray-30 h3{color:#BBBBBB}.container .slug-colour-philco-gray-30 .slug{color:#BBBBBB}.container .date-colour-philco-gray-30 .date{color:#BBBBBB}.container .image-label-colour-philco-gray-30 .image-label{color:#BBBBBB}.container .main-title-colour-philco-gray-20 h3{color:#F6F6F6}.container .slug-colour-philco-gray-20 .slug{color:#F6F6F6}.container .date-colour-philco-gray-20 .date{color:#F6F6F6}.container .image-label-colour-philco-gray-20 .image-label{color:#F6F6F6}";
 const BiggiveArticleCard$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveArticleCard extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
         this.spaceBelow = 0;
         this.backgroundColour = 'white';

package/dist/components/biggive-article-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-article-card.js","mappings":"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","names":["BiggiveArticleCard","__stencil_proxyCustomElement"],"sources":["src/components/biggive-article-card/biggive-article-card.scss?tag=biggive-article-card&encapsulation=shadow","src/components/biggive-article-card/biggive-article-card.tsx"],"sourcesContent":["@include backgrounds();\n@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.align-right {\n text-align: right;\n}\n\n.container {\n height: 100%;\n width: 100%;\n @include standard-font();\n position: relative;\n text-align: left;\n @include lower-shadow();\n .sleeve {\n height: 100%;\n box-sizing: border-box;\n background-size: cover;\n padding: $spacer-3 $spacer-3 $spacer-2 $spacer-3;\n .content-wrap {\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n }\n .meta {\n margin-bottom: $spacer-2;\n }\n .meta .slug {\n @include font-size-small();\n margin-bottom: $spacer-1;\n }\n .meta .date {\n @include font-size-small();\n margin-bottom: $spacer-1;\n }\n h3 {\n @include heading-4();\n padding-bottom: $spacer-3;\n margin-bottom: auto;\n a,\n a:hover {\n text-decoration: none;\n }\n }\n .main-image-container {\n img {\n width: 100%;\n height: auto;\n display: inline-block;\n }\n }\n .image-group {\n display: flex;\n margin-bottom: $spacer-3;\n .image-container {\n margin-right: 15px;\n .image-wrap {\n border-radius: 50%;\n width: 60px;\n height: 60px;\n background-size: cover;\n background-position: center center;\n margin-bottom: $spacer-1;\n img {\n display: none;\n }\n }\n }\n }\n .image-label {\n @include font-size-x-small();\n }\n\n\n .clip-bottom-left-corner-false.clip-top-right-corner-true {\n\n @include corner-clip-medium-top-right();\n\n }\n .clip-bottom-left-corner-true.clip-top-right-corner-false {\n @include corner-clip-medium-bottom-left();\n }\n\n .clip-bottom-left-corner-true.clip-top-right-corner-true {\n @include corner-clip-medium-bottom-left-top-right();\n\n }\n\n\n\n @each $key, $colour in $brandColours {\n .main-title-colour-#{$key} h3 { color: $colour; }\n .slug-colour-#{$key} .slug { color: $colour; }\n .date-colour-#{$key} .date { color: $colour; }\n .image-label-colour-#{$key} .image-label { color: $colour; }\n }\n\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-article-card',\n styleUrl: 'biggive-article-card.scss',\n shadow: true,\n})\nexport class BiggiveArticleCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() backgroundColour: brandColour = 'white';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() slug: string;\n\n @Prop() slugColour: brandColour = 'black';\n\n @Prop() date: string;\n\n @Prop() dateColour: brandColour = 'black';\n\n @Prop() mainTitle: string;\n\n @Prop() mainTitleColour: brandColour = 'black';\n\n @Prop() mainImageUrl: string;\n\n @Prop() mainImageAltText: string;\n\n @Prop() image1Url: string;\n\n @Prop() image1AltText: string;\n\n @Prop() image2Url: string;\n\n @Prop() image2AltText: string;\n\n @Prop() imageLabel: string;\n\n @Prop() imageLabelColour: brandColour = 'black';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColour: brandColour = 'black';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n private isEmpty(value: string \| undefined \| null): boolean {\n return value === undefined \|\| value === null \|\| value === '';\n }\n\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n <div\n class={\n 'sleeve background-colour-' +\n this.backgroundColour +\n ' text-colour-black ' +\n ' slug-colour-' +\n this.slugColour +\n ' date-colour-' +\n this.dateColour +\n ' main-title-colour-' +\n this.mainTitleColour +\n ' image-label-colour-' +\n this.imageLabelColour +\n ' button-colour' +\n this.buttonColour +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner\n }\n style={{\n ...(this.backgroundImageUrl.length > 0 ? { 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" } : {}),\n }}\n >\n <div class=\"content-wrap\">\n <div class=\"meta\">\n {this.slug != '' ? <div class=\"slug text-colour-primary\">{this.slug}</div> : null}\n {this.date != '' ? <div class=\"date\">{this.date}</div> : null}\n </div>\n\n {this.isEmpty(this.mainImageUrl) ? null : (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n </div>\n </div>\n )}\n\n <h3 class=\"title\">\n <a href={this.buttonUrl}>{this.mainTitle}</a>\n </h3>\n {!this.isEmpty(this.image1Url) \|\| !this.isEmpty(this.image2Url) ? (\n <div class=\"image-group\">\n {this.isEmpty(this.image1Url) ? null : (\n <div class=\"image-container\">\n <div class=\"image-wrap\" style={{ 'background-image': \"url('\" + this.image1Url + \"')\" }}>\n <img src={this.image1Url} alt={this.image1AltText} />\n </div>\n </div>\n )}\n\n {this.isEmpty(this.image2Url) ? null : (\n <div class=\"image-container\">\n <div class=\"image-wrap\" style={{ 'background-image': \"url('\" + this.image2Url + \"')\" }}>\n <img src={this.image2Url} alt={this.image2AltText} />\n </div>\n </div>\n )}\n </div>\n ) : null}\n\n {this.isEmpty(this.imageLabel) ? null : <div class=\"image-label\">{this.imageLabel}</div>}\n\n {!this.isEmpty(this.buttonLabel) && !this.isEmpty(this.buttonUrl) ? (\n <div class=\"button-wrap align-right\">\n <biggive-button colour-scheme={'clear-' + this.buttonColour} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-article-card.js","mappings":";;;AAAA,MAAM,qBAAqB,GAAG,w+dAAw+d;;MCSz/dA,oBAAkB,iBAAAC,kBAAA,CAAA,MAAA,kBAAA,SAAA,WAAA,CAAA;AAL/B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAE7B,QAAA,IAAgB,CAAA,gBAAA,GAAgB,OAAO;AAEvC,QAAA,IAAkB,CAAA,kBAAA,GAAW,EAAE;AAI/B,QAAA,IAAU,CAAA,UAAA,GAAgB,OAAO;AAIjC,QAAA,IAAU,CAAA,UAAA,GAAgB,OAAO;AAIjC,QAAA,IAAe,CAAA,eAAA,GAAgB,OAAO;AAgBtC,QAAA,IAAgB,CAAA,gBAAA,GAAgB,OAAO;AAMvC,QAAA,IAAY,CAAA,YAAA,GAAgB,OAAO;AAEnC,QAAA,IAAoB,CAAA,oBAAA,GAAY,IAAI;AAEpC,QAAA,IAAkB,CAAA,kBAAA,GAAY,IAAI;AAkF3C;AAhFS,IAAA,OAAO,CAAC,KAAgC,EAAA;QAC9C,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,EAAE;;IAG9D,MAAM,GAAA;AACJ,QAAA,QACE,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,EAAA,EACpD,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EACH,2BAA2B;AAC3B,gBAAA,IAAI,CAAC,gBAAgB;gBACrB,qBAAqB;gBACrB,eAAe;AACf,gBAAA,IAAI,CAAC,UAAU;gBACf,eAAe;AACf,gBAAA,IAAI,CAAC,UAAU;gBACf,qBAAqB;AACrB,gBAAA,IAAI,CAAC,eAAe;gBACpB,sBAAsB;AACtB,gBAAA,IAAI,CAAC,gBAAgB;gBACrB,gBAAgB;AAChB,gBAAA,IAAI,CAAC,YAAY;gBACjB,2BAA2B;AAC3B,gBAAA,IAAI,CAAC,oBAAoB;gBACzB,yBAAyB;gBACzB,IAAI,CAAC,kBAAkB,EAEzB,KAAK,EACA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAC,IAAI,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,GAAG,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI,EAAE,GAAG,EAAE,EAAC,EAAA,EAGjH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EACd,IAAI,CAAC,IAAI,IAAI,EAAE,GAAG,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EAAE,IAAI,CAAC,IAAI,CAAO,GAAG,IAAI,EAChF,IAAI,CAAC,IAAI,IAAI,EAAE,GAAG,WAAK,KAAK,EAAC,MAAM,EAAE,EAAA,IAAI,CAAC,IAAI,CAAO,GAAG,IAAI,CACzD,EAEL,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,IACrC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,CAAC,gBAAgB,EAAI,CAAA,CACvD,CACF,CACP,EAED,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EACf,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,SAAS,IAAG,IAAI,CAAC,SAAS,CAAK,CAC1C,EACJ,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,IAC7D,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,aAAa,EAAA,EACrB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,IAClC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,EAAE,EAAA,EACpF,CAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,CACjD,CACF,CACP,EAEA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,IAClC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,EAAE,EAAA,EACpF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,CACjD,CACF,CACP,CACG,IACJ,IAAI,EAEP,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI,GAAG,WAAK,KAAK,EAAC,aAAa,EAAE,EAAA,IAAI,CAAC,UAAU,CAAO,EAEvF,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,IAC/D,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,yBAAyB,EAAA,EAClC,CAAA,CAAA,gBAAA,EAAA,EAAA,eAAA,EAA+B,QAAQ,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAA,CAAmB,CACxH,IACJ,IAAI,CACJ,CACF,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveArticleCard","__stencil_proxyCustomElement"],"sources":["src/components/biggive-article-card/biggive-article-card.scss?tag=biggive-article-card&encapsulation=shadow","src/components/biggive-article-card/biggive-article-card.tsx"],"sourcesContent":["@include backgrounds();\n@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.align-right {\n text-align: right;\n}\n\n.container {\n height: 100%;\n width: 100%;\n @include standard-font();\n position: relative;\n text-align: left;\n @include lower-shadow();\n .sleeve {\n height: 100%;\n box-sizing: border-box;\n background-size: cover;\n padding: $spacer-3 $spacer-3 $spacer-2 $spacer-3;\n .content-wrap {\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n }\n .meta {\n margin-bottom: $spacer-2;\n }\n .meta .slug {\n @include font-size-small();\n margin-bottom: $spacer-1;\n }\n .meta .date {\n @include font-size-small();\n margin-bottom: $spacer-1;\n }\n h3 {\n @include heading-4();\n padding-bottom: $spacer-3;\n margin-bottom: auto;\n a,\n a:hover {\n text-decoration: none;\n }\n }\n .main-image-container {\n img {\n width: 100%;\n height: auto;\n display: inline-block;\n }\n }\n .image-group {\n display: flex;\n margin-bottom: $spacer-3;\n .image-container {\n margin-right: 15px;\n .image-wrap {\n border-radius: 50%;\n width: 60px;\n height: 60px;\n background-size: cover;\n background-position: center center;\n margin-bottom: $spacer-1;\n img {\n display: none;\n }\n }\n }\n }\n .image-label {\n @include font-size-x-small();\n }\n\n\n .clip-bottom-left-corner-false.clip-top-right-corner-true {\n\n @include corner-clip-medium-top-right();\n\n }\n .clip-bottom-left-corner-true.clip-top-right-corner-false {\n @include corner-clip-medium-bottom-left();\n }\n\n .clip-bottom-left-corner-true.clip-top-right-corner-true {\n @include corner-clip-medium-bottom-left-top-right();\n\n }\n\n\n\n @each $key, $colour in $brandColours {\n .main-title-colour-#{$key} h3 { color: $colour; }\n .slug-colour-#{$key} .slug { color: $colour; }\n .date-colour-#{$key} .date { color: $colour; }\n .image-label-colour-#{$key} .image-label { color: $colour; }\n }\n\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-article-card',\n styleUrl: 'biggive-article-card.scss',\n shadow: true,\n})\nexport class BiggiveArticleCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() backgroundColour: brandColour = 'white';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() slug: string;\n\n @Prop() slugColour: brandColour = 'black';\n\n @Prop() date: string;\n\n @Prop() dateColour: brandColour = 'black';\n\n @Prop() mainTitle: string;\n\n @Prop() mainTitleColour: brandColour = 'black';\n\n @Prop() mainImageUrl: string;\n\n @Prop() mainImageAltText: string;\n\n @Prop() image1Url: string;\n\n @Prop() image1AltText: string;\n\n @Prop() image2Url: string;\n\n @Prop() image2AltText: string;\n\n @Prop() imageLabel: string;\n\n @Prop() imageLabelColour: brandColour = 'black';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColour: brandColour = 'black';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n private isEmpty(value: string \| undefined \| null): boolean {\n return value === undefined \|\| value === null \|\| value === '';\n }\n\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n <div\n class={\n 'sleeve background-colour-' +\n this.backgroundColour +\n ' text-colour-black ' +\n ' slug-colour-' +\n this.slugColour +\n ' date-colour-' +\n this.dateColour +\n ' main-title-colour-' +\n this.mainTitleColour +\n ' image-label-colour-' +\n this.imageLabelColour +\n ' button-colour' +\n this.buttonColour +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner\n }\n style={{\n ...(this.backgroundImageUrl.length > 0 ? { 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" } : {}),\n }}\n >\n <div class=\"content-wrap\">\n <div class=\"meta\">\n {this.slug != '' ? <div class=\"slug text-colour-primary\">{this.slug}</div> : null}\n {this.date != '' ? <div class=\"date\">{this.date}</div> : null}\n </div>\n\n {this.isEmpty(this.mainImageUrl) ? null : (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n </div>\n </div>\n )}\n\n <h3 class=\"title\">\n <a href={this.buttonUrl}>{this.mainTitle}</a>\n </h3>\n {!this.isEmpty(this.image1Url) \|\| !this.isEmpty(this.image2Url) ? (\n <div class=\"image-group\">\n {this.isEmpty(this.image1Url) ? null : (\n <div class=\"image-container\">\n <div class=\"image-wrap\" style={{ 'background-image': \"url('\" + this.image1Url + \"')\" }}>\n <img src={this.image1Url} alt={this.image1AltText} />\n </div>\n </div>\n )}\n\n {this.isEmpty(this.image2Url) ? null : (\n <div class=\"image-container\">\n <div class=\"image-wrap\" style={{ 'background-image': \"url('\" + this.image2Url + \"')\" }}>\n <img src={this.image2Url} alt={this.image2AltText} />\n </div>\n </div>\n )}\n </div>\n ) : null}\n\n {this.isEmpty(this.imageLabel) ? null : <div class=\"image-label\">{this.imageLabel}</div>}\n\n {!this.isEmpty(this.buttonLabel) && !this.isEmpty(this.buttonUrl) ? (\n <div class=\"button-wrap align-right\">\n <biggive-button colour-scheme={'clear-' + this.buttonColour} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-back-to-top.js CHANGED Viewed

@@ -3,9 +3,11 @@ import { proxyCustomElement, HTMLElement, h, getAssetPath } from '@stencil/core/
 const biggiveBackToTopCss = "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;margin:30px 0;text-align:center}.container a{display:inline-block}.container a .text{display:block}";
 const BiggiveBackToTop$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveBackToTop extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
     }
     render() {

package/dist/components/biggive-back-to-top.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-back-to-top.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,0RAA0R;;MCOzSA,kBAAgB,iBAAAC,kBAAA,CAAA,MAAA,gBAAA,SAAA,WAAA,CAAA~~;;;;;;~~IAC3B,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EACpB,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,GAAG,EAAA,EACT,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,GAAG,EAAE,YAAY,CAAC,uCAAuC,CAAC,EAAI,CAAA,EACnE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,MAAM,kBAAmB,CACnC,CACA;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveBackToTop","__stencil_proxyCustomElement"],"sources":["src/components/biggive-back-to-top/biggive-back-to-top.scss?tag=biggive-back-to-top&encapsulation=shadow","src/components/biggive-back-to-top/biggive-back-to-top.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n\n.container {\n @include standard-font();\n margin: $spacer-4 0;\n text-align: center;\n a {\n display: inline-block;\n .text {\n display: block;\n }\n }\n}","import { Component, getAssetPath, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-back-to-top',\n styleUrl: 'biggive-back-to-top.scss',\n shadow: true,\n})\nexport class BiggiveBackToTop {\n render() {\n return (\n <div class=\"container\">\n <a href=\"#\">\n <img src={getAssetPath('/assets/images/triangles-combined.svg')} />\n <span class=\"text\">Back to top</span>\n </a>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-back-to-top.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,0RAA0R;;MCOzSA,kBAAgB,iBAAAC,kBAAA,CAAA,MAAA,gBAAA,SAAA,WAAA,CAAA;;;;;;;;IAC3B,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EACpB,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,GAAG,EAAA,EACT,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,GAAG,EAAE,YAAY,CAAC,uCAAuC,CAAC,EAAI,CAAA,EACnE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,MAAM,kBAAmB,CACnC,CACA;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveBackToTop","__stencil_proxyCustomElement"],"sources":["src/components/biggive-back-to-top/biggive-back-to-top.scss?tag=biggive-back-to-top&encapsulation=shadow","src/components/biggive-back-to-top/biggive-back-to-top.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n\n.container {\n @include standard-font();\n margin: $spacer-4 0;\n text-align: center;\n a {\n display: inline-block;\n .text {\n display: block;\n }\n }\n}","import { Component, getAssetPath, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-back-to-top',\n styleUrl: 'biggive-back-to-top.scss',\n shadow: true,\n})\nexport class BiggiveBackToTop {\n render() {\n return (\n <div class=\"container\">\n <a href=\"#\">\n <img src={getAssetPath('/assets/images/triangles-combined.svg')} />\n <span class=\"text\">Back to top</span>\n </a>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-basic-card.js CHANGED Viewed

@@ -4,9 +4,11 @@ import { d as defineCustomElement$2 } from './biggive-button2.js';
 const biggiveBasicCardCss = "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}.border-colour-primary{border-color:#2C089B}.border-colour-secondary{border-color:#2AF135}.border-colour-tertiary{border-color:#FF7272}.border-colour-brand-cc-red{border-color:#B30510}.border-colour-brand-wgmf-purple{border-color:#6E0887}.border-colour-brand-gmf-green{border-color:#50B400}.border-colour-brand-er-green{border-color:#50B400}.border-colour-brand-er-dark-green{border-color:#002413}.border-colour-brand-er-dark-blue{border-color:#0c0068}.border-colour-brand-er-teal{border-color:#00a76d}.border-colour-brand-emf-yellow{border-color:#FFE500}.border-colour-brand-c4c-orange{border-color:#F07D00}.border-colour-brand-afa-pink{border-color:#BF387D}.border-colour-brand-scw-magenta{border-color:#EE2C65}.border-colour-brand-mhf-turquoise{border-color:#62CFC9}.border-colour-brand-grey{border-color:#CBC8C8}.border-colour-white{border-color:#FFFFFF}.border-colour-black{border-color:#000000}.border-colour-grey-extra-light{border-color:#D7D7D7}.border-colour-grey-light{border-color:#E8E8E8}.border-colour-grey-medium{border-color:#8A8A8A}.border-colour-grey-dark{border-color:#4A4A4A}.border-colour-philco-orange{border-color:#f18a00}.border-colour-philco-gray-90{border-color:#1d1d1B}.border-colour-philco-gray-70{border-color:#7D7D7D}.border-colour-philco-white{border-color:#FFFFFF}.border-colour-philco-success-green{border-color:#1Ec691}.border-colour-philco-error-coral{border-color:#F54242}.border-colour-philco-gray-30{border-color:#BBBBBB}.border-colour-philco-gray-20{border-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}.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}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container.philco{font-family:\"Bitter\", serif;font-size:16px;line-height:1.2rem;border-bottom:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:0;text-align:left;height:auto;box-shadow:0 0 24px 0 #BBBBBB;border-top:12px solid #f18a00}.container.philco .title{font-family:\"Garage Gothic\", sans-serif;font-weight:700;margin-top:0.1rem;margin-bottom:0.1rem;font-size:24px;line-height:30px;margin-top:0;margin-bottom:10px;text-transform:uppercase}.container.philco .subtitle{font-family:\"Bitter\", serif;line-height:1.2rem;color:#7D7D7D}.container.philco .subtitle .divider{color:#f18a00}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}";
 const BiggiveBasicCard$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveBasicCard extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
         this.spaceBelow = 0;
         this.siteDesign = 'biggive';

package/dist/components/biggive-basic-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-basic-card.js","mappings":"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","names":["BiggiveBasicCard","__stencil_proxyCustomElement"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n @include philco-body-font();\n line-height: $philco-standard-body-line-height;\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n @include philco-subhead-font();\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\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-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' \| 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 \| 2 \| 3 \| 4 \| 5 \| 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {(this.mainImageUrl?.length ?? 0) === 0 ? null : (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n </div>\n </div>\n )}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' \|\| this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">\|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-basic-card.js","mappings":"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","names":["BiggiveBasicCard","__stencil_proxyCustomElement"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n &.philco {\n @include philco-body-font();\n line-height: $philco-standard-body-line-height;\n border-bottom: 12px;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n padding: 0;\n text-align: left;\n height: auto;\n box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n .title {\n @include philco-heading-font();\n @include font-size-large();\n margin-top: 0;\n margin-bottom: $spacer-2;\n text-transform: uppercase;\n }\n\n .subtitle {\n @include philco-subhead-font();\n color: $colour-philco-gray-70;\n .divider {\n color: $colour-philco-orange;\n }\n }\n\n border-top: 12px solid $colour-philco-orange;\n }\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\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-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() siteDesign: 'biggive' \| 'philco' = 'biggive';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl?: string = undefined;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string = '';\n\n @Prop() author: string = '';\n\n @Prop() date: string = '';\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 \| 2 \| 3 \| 4 \| 5 \| 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation +\n ' ' +\n this.siteDesign\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {(this.mainImageUrl?.length ?? 0) === 0 ? null : (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n </div>\n </div>\n )}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n {this.author !== '' \|\| this.date !== '' ? (\n <div class=\"subtitle\">\n {this.author} <span class=\"divider\">\|</span> {this.date}\n </div>\n ) : null}\n {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-biography-card.js CHANGED Viewed

@@ -3,9 +3,11 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 const biggiveBiographyCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.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}:host{display:block}.container{text-align:left}.container.background-colour-primary .image-wrap{background-color:#2C089B}.container.background-colour-secondary .image-wrap{background-color:#2AF135}.container.background-colour-tertiary .image-wrap{background-color:#FF7272}.container.background-colour-brand-cc-red .image-wrap{background-color:#B30510}.container.background-colour-brand-wgmf-purple .image-wrap{background-color:#6E0887}.container.background-colour-brand-gmf-green .image-wrap{background-color:#50B400}.container.background-colour-brand-er-green .image-wrap{background-color:#50B400}.container.background-colour-brand-er-dark-green .image-wrap{background-color:#002413}.container.background-colour-brand-er-dark-blue .image-wrap{background-color:#0c0068}.container.background-colour-brand-er-teal .image-wrap{background-color:#00a76d}.container.background-colour-brand-emf-yellow .image-wrap{background-color:#FFE500}.container.background-colour-brand-c4c-orange .image-wrap{background-color:#F07D00}.container.background-colour-brand-afa-pink .image-wrap{background-color:#BF387D}.container.background-colour-brand-scw-magenta .image-wrap{background-color:#EE2C65}.container.background-colour-brand-mhf-turquoise .image-wrap{background-color:#62CFC9}.container.background-colour-brand-grey .image-wrap{background-color:#CBC8C8}.container.background-colour-white .image-wrap{background-color:#FFFFFF}.container.background-colour-black .image-wrap{background-color:#000000}.container.background-colour-grey-extra-light .image-wrap{background-color:#D7D7D7}.container.background-colour-grey-light .image-wrap{background-color:#E8E8E8}.container.background-colour-grey-medium .image-wrap{background-color:#8A8A8A}.container.background-colour-grey-dark .image-wrap{background-color:#4A4A4A}.container.background-colour-philco-orange .image-wrap{background-color:#f18a00}.container.background-colour-philco-gray-90 .image-wrap{background-color:#1d1d1B}.container.background-colour-philco-gray-70 .image-wrap{background-color:#7D7D7D}.container.background-colour-philco-white .image-wrap{background-color:#FFFFFF}.container.background-colour-philco-success-green .image-wrap{background-color:#1Ec691}.container.background-colour-philco-error-coral .image-wrap{background-color:#F54242}.container.background-colour-philco-gray-30 .image-wrap{background-color:#BBBBBB}.container.background-colour-philco-gray-20 .image-wrap{background-color:#F6F6F6}.container.text-align-center{text-align:center}.container.text-align-right{text-align:right}.container a{text-decoration:none}.container h3.full-name{font-size:font-size-medium();margin:0}.container div.job-title{font-size:font-size-small();margin:0}.container .sleeve{margin-bottom:10px}.container .sleeve.border-width-1.border-colour-primary{border:5px solid #2C089B}.container .sleeve.border-width-2.border-colour-primary{border:10px solid #2C089B}.container .sleeve.border-width-3.border-colour-primary{border:15px solid #2C089B}.container .sleeve.border-width-4.border-colour-primary{border:30px solid #2C089B}.container .sleeve.border-width-5.border-colour-primary{border:45px solid #2C089B}.container .sleeve.border-width-6.border-colour-primary{border:60px solid #2C089B}.container .sleeve.border-width-1.border-colour-secondary{border:5px solid #2AF135}.container .sleeve.border-width-2.border-colour-secondary{border:10px solid #2AF135}.container .sleeve.border-width-3.border-colour-secondary{border:15px solid #2AF135}.container .sleeve.border-width-4.border-colour-secondary{border:30px solid #2AF135}.container .sleeve.border-width-5.border-colour-secondary{border:45px solid #2AF135}.container .sleeve.border-width-6.border-colour-secondary{border:60px solid #2AF135}.container .sleeve.border-width-1.border-colour-tertiary{border:5px solid #FF7272}.container .sleeve.border-width-2.border-colour-tertiary{border:10px solid #FF7272}.container .sleeve.border-width-3.border-colour-tertiary{border:15px solid #FF7272}.container .sleeve.border-width-4.border-colour-tertiary{border:30px solid #FF7272}.container .sleeve.border-width-5.border-colour-tertiary{border:45px solid #FF7272}.container .sleeve.border-width-6.border-colour-tertiary{border:60px solid #FF7272}.container .sleeve.border-width-1.border-colour-brand-cc-red{border:5px solid #B30510}.container .sleeve.border-width-2.border-colour-brand-cc-red{border:10px solid #B30510}.container .sleeve.border-width-3.border-colour-brand-cc-red{border:15px solid #B30510}.container .sleeve.border-width-4.border-colour-brand-cc-red{border:30px solid #B30510}.container .sleeve.border-width-5.border-colour-brand-cc-red{border:45px solid #B30510}.container .sleeve.border-width-6.border-colour-brand-cc-red{border:60px solid #B30510}.container .sleeve.border-width-1.border-colour-brand-wgmf-purple{border:5px solid #6E0887}.container .sleeve.border-width-2.border-colour-brand-wgmf-purple{border:10px solid #6E0887}.container .sleeve.border-width-3.border-colour-brand-wgmf-purple{border:15px solid #6E0887}.container .sleeve.border-width-4.border-colour-brand-wgmf-purple{border:30px solid #6E0887}.container .sleeve.border-width-5.border-colour-brand-wgmf-purple{border:45px solid #6E0887}.container .sleeve.border-width-6.border-colour-brand-wgmf-purple{border:60px solid #6E0887}.container .sleeve.border-width-1.border-colour-brand-gmf-green{border:5px solid #50B400}.container .sleeve.border-width-2.border-colour-brand-gmf-green{border:10px solid #50B400}.container .sleeve.border-width-3.border-colour-brand-gmf-green{border:15px solid #50B400}.container .sleeve.border-width-4.border-colour-brand-gmf-green{border:30px solid #50B400}.container .sleeve.border-width-5.border-colour-brand-gmf-green{border:45px solid #50B400}.container .sleeve.border-width-6.border-colour-brand-gmf-green{border:60px solid #50B400}.container .sleeve.border-width-1.border-colour-brand-er-green{border:5px solid #50B400}.container .sleeve.border-width-2.border-colour-brand-er-green{border:10px solid #50B400}.container .sleeve.border-width-3.border-colour-brand-er-green{border:15px solid #50B400}.container .sleeve.border-width-4.border-colour-brand-er-green{border:30px solid #50B400}.container .sleeve.border-width-5.border-colour-brand-er-green{border:45px solid #50B400}.container .sleeve.border-width-6.border-colour-brand-er-green{border:60px solid #50B400}.container .sleeve.border-width-1.border-colour-brand-er-dark-green{border:5px solid #002413}.container .sleeve.border-width-2.border-colour-brand-er-dark-green{border:10px solid #002413}.container .sleeve.border-width-3.border-colour-brand-er-dark-green{border:15px solid #002413}.container .sleeve.border-width-4.border-colour-brand-er-dark-green{border:30px solid #002413}.container .sleeve.border-width-5.border-colour-brand-er-dark-green{border:45px solid #002413}.container .sleeve.border-width-6.border-colour-brand-er-dark-green{border:60px solid #002413}.container .sleeve.border-width-1.border-colour-brand-er-dark-blue{border:5px solid #0c0068}.container .sleeve.border-width-2.border-colour-brand-er-dark-blue{border:10px solid #0c0068}.container .sleeve.border-width-3.border-colour-brand-er-dark-blue{border:15px solid #0c0068}.container .sleeve.border-width-4.border-colour-brand-er-dark-blue{border:30px solid #0c0068}.container .sleeve.border-width-5.border-colour-brand-er-dark-blue{border:45px solid #0c0068}.container .sleeve.border-width-6.border-colour-brand-er-dark-blue{border:60px solid #0c0068}.container .sleeve.border-width-1.border-colour-brand-er-teal{border:5px solid #00a76d}.container .sleeve.border-width-2.border-colour-brand-er-teal{border:10px solid #00a76d}.container .sleeve.border-width-3.border-colour-brand-er-teal{border:15px solid #00a76d}.container .sleeve.border-width-4.border-colour-brand-er-teal{border:30px solid #00a76d}.container .sleeve.border-width-5.border-colour-brand-er-teal{border:45px solid #00a76d}.container .sleeve.border-width-6.border-colour-brand-er-teal{border:60px solid #00a76d}.container .sleeve.border-width-1.border-colour-brand-emf-yellow{border:5px solid #FFE500}.container .sleeve.border-width-2.border-colour-brand-emf-yellow{border:10px solid #FFE500}.container .sleeve.border-width-3.border-colour-brand-emf-yellow{border:15px solid #FFE500}.container .sleeve.border-width-4.border-colour-brand-emf-yellow{border:30px solid #FFE500}.container .sleeve.border-width-5.border-colour-brand-emf-yellow{border:45px solid #FFE500}.container .sleeve.border-width-6.border-colour-brand-emf-yellow{border:60px solid #FFE500}.container .sleeve.border-width-1.border-colour-brand-c4c-orange{border:5px solid #F07D00}.container .sleeve.border-width-2.border-colour-brand-c4c-orange{border:10px solid #F07D00}.container .sleeve.border-width-3.border-colour-brand-c4c-orange{border:15px solid #F07D00}.container .sleeve.border-width-4.border-colour-brand-c4c-orange{border:30px solid #F07D00}.container .sleeve.border-width-5.border-colour-brand-c4c-orange{border:45px solid #F07D00}.container .sleeve.border-width-6.border-colour-brand-c4c-orange{border:60px solid #F07D00}.container .sleeve.border-width-1.border-colour-brand-afa-pink{border:5px solid #BF387D}.container .sleeve.border-width-2.border-colour-brand-afa-pink{border:10px solid #BF387D}.container .sleeve.border-width-3.border-colour-brand-afa-pink{border:15px solid #BF387D}.container .sleeve.border-width-4.border-colour-brand-afa-pink{border:30px solid #BF387D}.container .sleeve.border-width-5.border-colour-brand-afa-pink{border:45px solid #BF387D}.container .sleeve.border-width-6.border-colour-brand-afa-pink{border:60px solid #BF387D}.container .sleeve.border-width-1.border-colour-brand-scw-magenta{border:5px solid #EE2C65}.container .sleeve.border-width-2.border-colour-brand-scw-magenta{border:10px solid #EE2C65}.container .sleeve.border-width-3.border-colour-brand-scw-magenta{border:15px solid #EE2C65}.container .sleeve.border-width-4.border-colour-brand-scw-magenta{border:30px solid #EE2C65}.container .sleeve.border-width-5.border-colour-brand-scw-magenta{border:45px solid #EE2C65}.container .sleeve.border-width-6.border-colour-brand-scw-magenta{border:60px solid #EE2C65}.container .sleeve.border-width-1.border-colour-brand-mhf-turquoise{border:5px solid #62CFC9}.container .sleeve.border-width-2.border-colour-brand-mhf-turquoise{border:10px solid #62CFC9}.container .sleeve.border-width-3.border-colour-brand-mhf-turquoise{border:15px solid #62CFC9}.container .sleeve.border-width-4.border-colour-brand-mhf-turquoise{border:30px solid #62CFC9}.container .sleeve.border-width-5.border-colour-brand-mhf-turquoise{border:45px solid #62CFC9}.container .sleeve.border-width-6.border-colour-brand-mhf-turquoise{border:60px solid #62CFC9}.container .sleeve.border-width-1.border-colour-brand-grey{border:5px solid #CBC8C8}.container .sleeve.border-width-2.border-colour-brand-grey{border:10px solid #CBC8C8}.container .sleeve.border-width-3.border-colour-brand-grey{border:15px solid #CBC8C8}.container .sleeve.border-width-4.border-colour-brand-grey{border:30px solid #CBC8C8}.container .sleeve.border-width-5.border-colour-brand-grey{border:45px solid #CBC8C8}.container .sleeve.border-width-6.border-colour-brand-grey{border:60px solid #CBC8C8}.container .sleeve.border-width-1.border-colour-white{border:5px solid #FFFFFF}.container .sleeve.border-width-2.border-colour-white{border:10px solid #FFFFFF}.container .sleeve.border-width-3.border-colour-white{border:15px solid #FFFFFF}.container .sleeve.border-width-4.border-colour-white{border:30px solid #FFFFFF}.container .sleeve.border-width-5.border-colour-white{border:45px solid #FFFFFF}.container .sleeve.border-width-6.border-colour-white{border:60px solid #FFFFFF}.container .sleeve.border-width-1.border-colour-black{border:5px solid #000000}.container .sleeve.border-width-2.border-colour-black{border:10px solid #000000}.container .sleeve.border-width-3.border-colour-black{border:15px solid #000000}.container .sleeve.border-width-4.border-colour-black{border:30px solid #000000}.container .sleeve.border-width-5.border-colour-black{border:45px solid #000000}.container .sleeve.border-width-6.border-colour-black{border:60px solid #000000}.container .sleeve.border-width-1.border-colour-grey-extra-light{border:5px solid #D7D7D7}.container .sleeve.border-width-2.border-colour-grey-extra-light{border:10px solid #D7D7D7}.container .sleeve.border-width-3.border-colour-grey-extra-light{border:15px solid #D7D7D7}.container .sleeve.border-width-4.border-colour-grey-extra-light{border:30px solid #D7D7D7}.container .sleeve.border-width-5.border-colour-grey-extra-light{border:45px solid #D7D7D7}.container .sleeve.border-width-6.border-colour-grey-extra-light{border:60px solid #D7D7D7}.container .sleeve.border-width-1.border-colour-grey-light{border:5px solid #E8E8E8}.container .sleeve.border-width-2.border-colour-grey-light{border:10px solid #E8E8E8}.container .sleeve.border-width-3.border-colour-grey-light{border:15px solid #E8E8E8}.container .sleeve.border-width-4.border-colour-grey-light{border:30px solid #E8E8E8}.container .sleeve.border-width-5.border-colour-grey-light{border:45px solid #E8E8E8}.container .sleeve.border-width-6.border-colour-grey-light{border:60px solid #E8E8E8}.container .sleeve.border-width-1.border-colour-grey-medium{border:5px solid #8A8A8A}.container .sleeve.border-width-2.border-colour-grey-medium{border:10px solid #8A8A8A}.container .sleeve.border-width-3.border-colour-grey-medium{border:15px solid #8A8A8A}.container .sleeve.border-width-4.border-colour-grey-medium{border:30px solid #8A8A8A}.container .sleeve.border-width-5.border-colour-grey-medium{border:45px solid #8A8A8A}.container .sleeve.border-width-6.border-colour-grey-medium{border:60px solid #8A8A8A}.container .sleeve.border-width-1.border-colour-grey-dark{border:5px solid #4A4A4A}.container .sleeve.border-width-2.border-colour-grey-dark{border:10px solid #4A4A4A}.container .sleeve.border-width-3.border-colour-grey-dark{border:15px solid #4A4A4A}.container .sleeve.border-width-4.border-colour-grey-dark{border:30px solid #4A4A4A}.container .sleeve.border-width-5.border-colour-grey-dark{border:45px solid #4A4A4A}.container .sleeve.border-width-6.border-colour-grey-dark{border:60px solid #4A4A4A}.container .sleeve.border-width-1.border-colour-philco-orange{border:5px solid #f18a00}.container .sleeve.border-width-2.border-colour-philco-orange{border:10px solid #f18a00}.container .sleeve.border-width-3.border-colour-philco-orange{border:15px solid #f18a00}.container .sleeve.border-width-4.border-colour-philco-orange{border:30px solid #f18a00}.container .sleeve.border-width-5.border-colour-philco-orange{border:45px solid #f18a00}.container .sleeve.border-width-6.border-colour-philco-orange{border:60px solid #f18a00}.container .sleeve.border-width-1.border-colour-philco-gray-90{border:5px solid #1d1d1B}.container .sleeve.border-width-2.border-colour-philco-gray-90{border:10px solid #1d1d1B}.container .sleeve.border-width-3.border-colour-philco-gray-90{border:15px solid #1d1d1B}.container .sleeve.border-width-4.border-colour-philco-gray-90{border:30px solid #1d1d1B}.container .sleeve.border-width-5.border-colour-philco-gray-90{border:45px solid #1d1d1B}.container .sleeve.border-width-6.border-colour-philco-gray-90{border:60px solid #1d1d1B}.container .sleeve.border-width-1.border-colour-philco-gray-70{border:5px solid #7D7D7D}.container .sleeve.border-width-2.border-colour-philco-gray-70{border:10px solid #7D7D7D}.container .sleeve.border-width-3.border-colour-philco-gray-70{border:15px solid #7D7D7D}.container .sleeve.border-width-4.border-colour-philco-gray-70{border:30px solid #7D7D7D}.container .sleeve.border-width-5.border-colour-philco-gray-70{border:45px solid #7D7D7D}.container .sleeve.border-width-6.border-colour-philco-gray-70{border:60px solid #7D7D7D}.container .sleeve.border-width-1.border-colour-philco-white{border:5px solid #FFFFFF}.container .sleeve.border-width-2.border-colour-philco-white{border:10px solid #FFFFFF}.container .sleeve.border-width-3.border-colour-philco-white{border:15px solid #FFFFFF}.container .sleeve.border-width-4.border-colour-philco-white{border:30px solid #FFFFFF}.container .sleeve.border-width-5.border-colour-philco-white{border:45px solid #FFFFFF}.container .sleeve.border-width-6.border-colour-philco-white{border:60px solid #FFFFFF}.container .sleeve.border-width-1.border-colour-philco-success-green{border:5px solid #1Ec691}.container .sleeve.border-width-2.border-colour-philco-success-green{border:10px solid #1Ec691}.container .sleeve.border-width-3.border-colour-philco-success-green{border:15px solid #1Ec691}.container .sleeve.border-width-4.border-colour-philco-success-green{border:30px solid #1Ec691}.container .sleeve.border-width-5.border-colour-philco-success-green{border:45px solid #1Ec691}.container .sleeve.border-width-6.border-colour-philco-success-green{border:60px solid #1Ec691}.container .sleeve.border-width-1.border-colour-philco-error-coral{border:5px solid #F54242}.container .sleeve.border-width-2.border-colour-philco-error-coral{border:10px solid #F54242}.container .sleeve.border-width-3.border-colour-philco-error-coral{border:15px solid #F54242}.container .sleeve.border-width-4.border-colour-philco-error-coral{border:30px solid #F54242}.container .sleeve.border-width-5.border-colour-philco-error-coral{border:45px solid #F54242}.container .sleeve.border-width-6.border-colour-philco-error-coral{border:60px solid #F54242}.container .sleeve.border-width-1.border-colour-philco-gray-30{border:5px solid #BBBBBB}.container .sleeve.border-width-2.border-colour-philco-gray-30{border:10px solid #BBBBBB}.container .sleeve.border-width-3.border-colour-philco-gray-30{border:15px solid #BBBBBB}.container .sleeve.border-width-4.border-colour-philco-gray-30{border:30px solid #BBBBBB}.container .sleeve.border-width-5.border-colour-philco-gray-30{border:45px solid #BBBBBB}.container .sleeve.border-width-6.border-colour-philco-gray-30{border:60px solid #BBBBBB}.container .sleeve.border-width-1.border-colour-philco-gray-20{border:5px solid #F6F6F6}.container .sleeve.border-width-2.border-colour-philco-gray-20{border:10px solid #F6F6F6}.container .sleeve.border-width-3.border-colour-philco-gray-20{border:15px solid #F6F6F6}.container .sleeve.border-width-4.border-colour-philco-gray-20{border:30px solid #F6F6F6}.container .sleeve.border-width-5.border-colour-philco-gray-20{border:45px solid #F6F6F6}.container .sleeve.border-width-6.border-colour-philco-gray-20{border:60px solid #F6F6F6}.container .sleeve.circle-true{overflow:hidden;border-radius:50%}.container .sleeve .image-wrap{position:relative;background-position:center center;background-size:cover;background-repeat:no-repeat}.container .sleeve .image-wrap.image-style-cover{background-size:cover}.container .sleeve .image-wrap.image-style-contain{background-size:contain}.container .sleeve .image-wrap[data-ratio=\"1,1\"]{padding-bottom:100%}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-1{padding-bottom:calc(100% - 10px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-2{padding-bottom:calc(100% - 20px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-3{padding-bottom:calc(100% - 30px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-4{padding-bottom:calc(100% - 60px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-5{padding-bottom:calc(100% - 90px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-6{padding-bottom:calc(100% - 120px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"]{padding-bottom:150%}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-1{padding-bottom:calc(150% - 10px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-2{padding-bottom:calc(150% - 20px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-3{padding-bottom:calc(150% - 30px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-4{padding-bottom:calc(150% - 60px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-5{padding-bottom:calc(150% - 90px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-6{padding-bottom:calc(150% - 120px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"]{padding-bottom:200%}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-1{padding-bottom:calc(200% - 10px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-2{padding-bottom:calc(200% - 20px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-3{padding-bottom:calc(200% - 30px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-4{padding-bottom:calc(200% - 60px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-5{padding-bottom:calc(200% - 90px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-6{padding-bottom:calc(200% - 120px)}.container .sleeve .image-wrap.rounded-true{overflow:hidden;border-radius:10px}.container .sleeve .image-wrap .circle{position:absolute;width:30px;height:30px;background-color:#FFFFFF;bottom:15px;right:15px;border-radius:50%;text-align:center;padding:6.5px;box-sizing:border-box}.container .sleeve .image-wrap .circle svg path{stroke:#000000}.container .sleeve .image-wrap .circle.dark{background-color:#000000}.container .sleeve .image-wrap .circle.dark svg path{stroke:#FFFFFF}.container .sleeve .image-wrap .circle svg{position:relative;display:inline-block;top:-1px;height:15px;width:15px}.container .sleeve .image-wrap img{display:none}";
 const BiggiveBiographyCard$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveBiographyCard extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
         this.spaceBelow = 0;
         this.borderWidth = 0;

package/dist/components/biggive-biography-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-biography-card.js","mappings":"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","names":["BiggiveBiographyCard","__stencil_proxyCustomElement"],"sources":["src/components/biggive-biography-card/biggive-biography-card.scss?tag=biggive-biography-card&encapsulation=shadow","src/components/biggive-biography-card/biggive-biography-card.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include backgrounds();\n@include text-colours();\n\n:host {\n display: block;\n}\n\n.container {\n\n @each $key, $colour in $brandColours {\n &.background-colour-#{$key} .image-wrap { background-color: $colour; }\n }\n\n text-align: left;\n &.text-align-center {\n text-align: center;\n }\n &.text-align-right {\n text-align: right;\n }\n\n a {\n text-decoration: none;\n }\n\n h3.full-name {\n font-size: font-size-medium();\n margin: 0;\n }\n\n div.job-title {\n font-size: font-size-small();\n margin: 0;\n }\n\n\n .sleeve {\n\n\n @each $key, $colour in $brandColours {\n\n &.border-width-1.border-colour-#{$key} { border: $spacer-1 solid $colour; }\n &.border-width-2.border-colour-#{$key} { border: $spacer-2 solid $colour; }\n &.border-width-3.border-colour-#{$key} { border: $spacer-3 solid $colour; }\n &.border-width-4.border-colour-#{$key} { border: $spacer-4 solid $colour; }\n &.border-width-5.border-colour-#{$key} { border: $spacer-5 solid $colour; }\n &.border-width-6.border-colour-#{$key} { border: $spacer-6 solid $colour; }\n }\n\n\n margin-bottom: $spacer-2;\n\n &.circle-true {\n overflow: hidden;\n border-radius: 50%;\n }\n\n\n .image-wrap {\n position: relative;\n background-position: center center;\n background-size: cover;\n background-repeat: no-repeat;\n\n &.image-style-cover {\n background-size: cover;\n }\n &.image-style-contain {\n background-size: contain;\n }\n\n &[data-ratio=\"1,1\"] { padding-bottom: 100%; }\n &[data-ratio=\"1,1\"].border-width-1 { padding-bottom: calc(100% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-2 { padding-bottom: calc(100% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-3 { padding-bottom: calc(100% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-4 { padding-bottom: calc(100% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-5 { padding-bottom: calc(100% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-6 { padding-bottom: calc(100% - ( $spacer-6 * 2 )); }\n\n &[data-ratio=\"1,1.5\"] { padding-bottom: 150%; }\n &[data-ratio=\"1,1.5\"].border-width-1 { padding-bottom: calc(150% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-2 { padding-bottom: calc(150% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-3 { padding-bottom: calc(150% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-4 { padding-bottom: calc(150% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-5 { padding-bottom: calc(150% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-6 { padding-bottom: calc(150% - ( $spacer-6 * 2 )); }\n\n &[data-ratio=\"1,2\"] { padding-bottom: 200%; }\n &[data-ratio=\"1,2\"].border-width-1 { padding-bottom: calc(200% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-2 { padding-bottom: calc(200% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-3 { padding-bottom: calc(200% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-4 { padding-bottom: calc(200% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-5 { padding-bottom: calc(200% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-6 { padding-bottom: calc(200% - ( $spacer-6 * 2 )); }\n\n\n\n\n\n\n &.rounded-true {\n overflow: hidden;\n border-radius: 10px;\n }\n\n\n\n\n .circle {\n position: absolute;\n width: 30px;\n height: 30px;\n background-color: #FFFFFF;\n bottom: 15px;\n right: 15px;\n border-radius: 50%;\n text-align: center;\n padding: 6.5px;\n box-sizing: border-box;\n svg path {\n stroke: #000000;\n }\n &.dark {\n background-color: #000000;\n svg path {\n stroke: #FFFFFF;\n }\n }\n svg {\n position: relative;\n display: inline-block;\n top: -1px;\n height: 15px;\n width: 15px;\n }\n }\n\n\n\n img {\n display: none;\n }\n\n\n }\n\n\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-biography-card',\n styleUrl: 'biggive-biography-card.scss',\n shadow: true,\n})\nexport class BiggiveBiographyCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() borderWidth: spacingOption = 0;\n\n @Prop() imageUrl: string = '';\n\n @Prop() imageStyle: 'cover' \| 'contain' = 'cover';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() backgroundColour: brandColour = 'white';\n\n @Prop() fullName: string = '';\n\n @Prop() jobTitle: string = '';\n\n @Prop() textAlign: 'center' \| 'left' \| 'right' = 'left';\n\n @Prop() ratio: '1,1' \| '1,1.5' \| '1,2' = '1,1.5';\n\n @Prop() circle: boolean = false;\n\n @Prop() circleColour: 'light' \| 'dark' = 'light';\n\n @Prop() rounded: boolean = false;\n\n @Prop() url: string = '';\n\n render() {\n if (this.url != '') {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <a href={this.url}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n <div class={'circle ' + this.circleColour}>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path stroke-color=\"1\" d=\"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z\" />\n </svg>\n </div>\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </a>\n </div>\n );\n } else {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </div>\n );\n }\n }\n}\n"],"version":3}
1	+ {"file":"biggive-biography-card.js","mappings":"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","names":["BiggiveBiographyCard","__stencil_proxyCustomElement"],"sources":["src/components/biggive-biography-card/biggive-biography-card.scss?tag=biggive-biography-card&encapsulation=shadow","src/components/biggive-biography-card/biggive-biography-card.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include backgrounds();\n@include text-colours();\n\n:host {\n display: block;\n}\n\n.container {\n\n @each $key, $colour in $brandColours {\n &.background-colour-#{$key} .image-wrap { background-color: $colour; }\n }\n\n text-align: left;\n &.text-align-center {\n text-align: center;\n }\n &.text-align-right {\n text-align: right;\n }\n\n a {\n text-decoration: none;\n }\n\n h3.full-name {\n font-size: font-size-medium();\n margin: 0;\n }\n\n div.job-title {\n font-size: font-size-small();\n margin: 0;\n }\n\n\n .sleeve {\n\n\n @each $key, $colour in $brandColours {\n\n &.border-width-1.border-colour-#{$key} { border: $spacer-1 solid $colour; }\n &.border-width-2.border-colour-#{$key} { border: $spacer-2 solid $colour; }\n &.border-width-3.border-colour-#{$key} { border: $spacer-3 solid $colour; }\n &.border-width-4.border-colour-#{$key} { border: $spacer-4 solid $colour; }\n &.border-width-5.border-colour-#{$key} { border: $spacer-5 solid $colour; }\n &.border-width-6.border-colour-#{$key} { border: $spacer-6 solid $colour; }\n }\n\n\n margin-bottom: $spacer-2;\n\n &.circle-true {\n overflow: hidden;\n border-radius: 50%;\n }\n\n\n .image-wrap {\n position: relative;\n background-position: center center;\n background-size: cover;\n background-repeat: no-repeat;\n\n &.image-style-cover {\n background-size: cover;\n }\n &.image-style-contain {\n background-size: contain;\n }\n\n &[data-ratio=\"1,1\"] { padding-bottom: 100%; }\n &[data-ratio=\"1,1\"].border-width-1 { padding-bottom: calc(100% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-2 { padding-bottom: calc(100% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-3 { padding-bottom: calc(100% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-4 { padding-bottom: calc(100% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-5 { padding-bottom: calc(100% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-6 { padding-bottom: calc(100% - ( $spacer-6 * 2 )); }\n\n &[data-ratio=\"1,1.5\"] { padding-bottom: 150%; }\n &[data-ratio=\"1,1.5\"].border-width-1 { padding-bottom: calc(150% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-2 { padding-bottom: calc(150% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-3 { padding-bottom: calc(150% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-4 { padding-bottom: calc(150% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-5 { padding-bottom: calc(150% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-6 { padding-bottom: calc(150% - ( $spacer-6 * 2 )); }\n\n &[data-ratio=\"1,2\"] { padding-bottom: 200%; }\n &[data-ratio=\"1,2\"].border-width-1 { padding-bottom: calc(200% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-2 { padding-bottom: calc(200% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-3 { padding-bottom: calc(200% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-4 { padding-bottom: calc(200% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-5 { padding-bottom: calc(200% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-6 { padding-bottom: calc(200% - ( $spacer-6 * 2 )); }\n\n\n\n\n\n\n &.rounded-true {\n overflow: hidden;\n border-radius: 10px;\n }\n\n\n\n\n .circle {\n position: absolute;\n width: 30px;\n height: 30px;\n background-color: #FFFFFF;\n bottom: 15px;\n right: 15px;\n border-radius: 50%;\n text-align: center;\n padding: 6.5px;\n box-sizing: border-box;\n svg path {\n stroke: #000000;\n }\n &.dark {\n background-color: #000000;\n svg path {\n stroke: #FFFFFF;\n }\n }\n svg {\n position: relative;\n display: inline-block;\n top: -1px;\n height: 15px;\n width: 15px;\n }\n }\n\n\n\n img {\n display: none;\n }\n\n\n }\n\n\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-biography-card',\n styleUrl: 'biggive-biography-card.scss',\n shadow: true,\n})\nexport class BiggiveBiographyCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() borderWidth: spacingOption = 0;\n\n @Prop() imageUrl: string = '';\n\n @Prop() imageStyle: 'cover' \| 'contain' = 'cover';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() backgroundColour: brandColour = 'white';\n\n @Prop() fullName: string = '';\n\n @Prop() jobTitle: string = '';\n\n @Prop() textAlign: 'center' \| 'left' \| 'right' = 'left';\n\n @Prop() ratio: '1,1' \| '1,1.5' \| '1,2' = '1,1.5';\n\n @Prop() circle: boolean = false;\n\n @Prop() circleColour: 'light' \| 'dark' = 'light';\n\n @Prop() rounded: boolean = false;\n\n @Prop() url: string = '';\n\n render() {\n if (this.url != '') {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <a href={this.url}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n <div class={'circle ' + this.circleColour}>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path stroke-color=\"1\" d=\"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z\" />\n </svg>\n </div>\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </a>\n </div>\n );\n } else {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </div>\n );\n }\n }\n}\n"],"version":3}

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

@@ -3,9 +3,11 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 const biggiveBoxedContentCss = "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}:host{display:content}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}";
 const BiggiveBoxedContent$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveBoxedContent extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
         /**
          * Space below component

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

	@@ -1 +1 @@
1	- {"file":"biggive-boxed-content.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,84HAA84H;;MCOh6HA,qBAAmB,iBAAAC,kBAAA,CAAA,MAAA,mBAAA,SAAA,WAAA,CAAA;AALhC,IAAA,WAAA,~~GAAA;;;;~~AAME;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAC9B;;AAEG;AACK,QAAA,IAAe,CAAA,eAAA,GAAW,CAAC;AACnC;;AAEG;AACK,QAAA,IAAiB,CAAA,iBAAA,GAAW,CAAC;AACrC;;AAEG;AACK,QAAA,IAAgB,CAAA,gBAAA,GAAW,OAAO;AAC1C;;AAEG;AACK,QAAA,IAAM,CAAA,MAAA,GAAY,IAAI;AAsB/B;IApBC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EACH,8BAA8B;AAC9B,gBAAA,IAAI,CAAC,gBAAgB;gBACrB,eAAe;AACf,gBAAA,IAAI,CAAC,UAAU;gBACf,sBAAsB;AACtB,gBAAA,IAAI,CAAC,iBAAiB;gBACtB,oBAAoB;AACpB,gBAAA,IAAI,CAAC,eAAe;gBACpB,UAAU;AACV,gBAAA,IAAI,CAAC,MAAM,EAAA,EAGb,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveBoxedContent","__stencil_proxyCustomElement"],"sources":["src/components/biggive-boxed-content/biggive-boxed-content.scss?tag=biggive-boxed-content&encapsulation=shadow","src/components/biggive-boxed-content/biggive-boxed-content.tsx"],"sourcesContent":["@include backgrounds();\n\n:host {\n display: content;\n}\n\n.container {\n @include standard-font();\n &.shadow-true {\n @include lower-shadow();\n } \n}\n\n.horizontal-padding-1 { padding-left: $spacer-1; padding-right: $spacer-1; }\n.horizontal-padding-2 { padding-left: $spacer-2; padding-right: $spacer-2; }\n.horizontal-padding-3 { padding-left: $spacer-3; padding-right: $spacer-3; }\n.horizontal-padding-4 { padding-left: $spacer-4; padding-right: $spacer-4; }\n.horizontal-padding-5 { padding-left: $spacer-5; padding-right: $spacer-5; }\n.horizontal-padding-6 { padding-left: $spacer-6; padding-right: $spacer-6; }\n\n.vertical-padding-1 { padding-top: $spacer-1; padding-bottom: $spacer-1; }\n.vertical-padding-2 { padding-top: $spacer-2; padding-bottom: $spacer-2; }\n.vertical-padding-3 { padding-top: $spacer-3; padding-bottom: $spacer-3; }\n.vertical-padding-4 { padding-top: $spacer-4; padding-bottom: $spacer-4; }\n.vertical-padding-5 { padding-top: $spacer-5; padding-bottom: $spacer-5; }\n.vertical-padding-6 { padding-top: $spacer-6; padding-bottom: $spacer-6; }","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-boxed-content',\n styleUrl: 'biggive-boxed-content.scss',\n shadow: true,\n})\nexport class BiggiveBoxedContent {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Vertical padding\n /\n @Prop() verticalPadding: number = 3;\n /\n Horizontal padding\n /\n @Prop() horizontalPadding: number = 3;\n /\n Background colour\n /\n @Prop() backgroundColour: string = 'white';\n /\n Shadow\n */\n @Prop() shadow: boolean = true;\n\n render() {\n return (\n <div\n class={\n 'container background-colour-' +\n this.backgroundColour +\n ' space-below-' +\n this.spaceBelow +\n ' horizontal-padding-' +\n this.horizontalPadding +\n ' vertical-padding-' +\n this.verticalPadding +\n ' shadow-' +\n this.shadow\n }\n >\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-boxed-content.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,84HAA84H;;MCOh6HA,qBAAmB,iBAAAC,kBAAA,CAAA,MAAA,mBAAA,SAAA,WAAA,CAAA;AALhC,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAME;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAC9B;;AAEG;AACK,QAAA,IAAe,CAAA,eAAA,GAAW,CAAC;AACnC;;AAEG;AACK,QAAA,IAAiB,CAAA,iBAAA,GAAW,CAAC;AACrC;;AAEG;AACK,QAAA,IAAgB,CAAA,gBAAA,GAAW,OAAO;AAC1C;;AAEG;AACK,QAAA,IAAM,CAAA,MAAA,GAAY,IAAI;AAsB/B;IApBC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EACH,8BAA8B;AAC9B,gBAAA,IAAI,CAAC,gBAAgB;gBACrB,eAAe;AACf,gBAAA,IAAI,CAAC,UAAU;gBACf,sBAAsB;AACtB,gBAAA,IAAI,CAAC,iBAAiB;gBACtB,oBAAoB;AACpB,gBAAA,IAAI,CAAC,eAAe;gBACpB,UAAU;AACV,gBAAA,IAAI,CAAC,MAAM,EAAA,EAGb,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveBoxedContent","__stencil_proxyCustomElement"],"sources":["src/components/biggive-boxed-content/biggive-boxed-content.scss?tag=biggive-boxed-content&encapsulation=shadow","src/components/biggive-boxed-content/biggive-boxed-content.tsx"],"sourcesContent":["@include backgrounds();\n\n:host {\n display: content;\n}\n\n.container {\n @include standard-font();\n &.shadow-true {\n @include lower-shadow();\n } \n}\n\n.horizontal-padding-1 { padding-left: $spacer-1; padding-right: $spacer-1; }\n.horizontal-padding-2 { padding-left: $spacer-2; padding-right: $spacer-2; }\n.horizontal-padding-3 { padding-left: $spacer-3; padding-right: $spacer-3; }\n.horizontal-padding-4 { padding-left: $spacer-4; padding-right: $spacer-4; }\n.horizontal-padding-5 { padding-left: $spacer-5; padding-right: $spacer-5; }\n.horizontal-padding-6 { padding-left: $spacer-6; padding-right: $spacer-6; }\n\n.vertical-padding-1 { padding-top: $spacer-1; padding-bottom: $spacer-1; }\n.vertical-padding-2 { padding-top: $spacer-2; padding-bottom: $spacer-2; }\n.vertical-padding-3 { padding-top: $spacer-3; padding-bottom: $spacer-3; }\n.vertical-padding-4 { padding-top: $spacer-4; padding-bottom: $spacer-4; }\n.vertical-padding-5 { padding-top: $spacer-5; padding-bottom: $spacer-5; }\n.vertical-padding-6 { padding-top: $spacer-6; padding-bottom: $spacer-6; }","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-boxed-content',\n styleUrl: 'biggive-boxed-content.scss',\n shadow: true,\n})\nexport class BiggiveBoxedContent {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Vertical padding\n /\n @Prop() verticalPadding: number = 3;\n /\n Horizontal padding\n /\n @Prop() horizontalPadding: number = 3;\n /\n Background colour\n /\n @Prop() backgroundColour: string = 'white';\n /\n Shadow\n */\n @Prop() shadow: boolean = true;\n\n render() {\n return (\n <div\n class={\n 'container background-colour-' +\n this.backgroundColour +\n ' space-below-' +\n this.spaceBelow +\n ' horizontal-padding-' +\n this.horizontalPadding +\n ' vertical-padding-' +\n this.verticalPadding +\n ' shadow-' +\n this.shadow\n }\n >\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-branded-image.js CHANGED Viewed

@@ -3,9 +3,11 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 const biggiveBrandedImageCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .slug{text-align:center;font-weight:bold;background-color:#2AF135;color:#000000;padding:5px 15px;width:100%;margin:-17px auto 17px auto;transform:translateY(50%);box-sizing:border-box}.container img{width:100%}.container .logo-wrap{border-radius:50%;width:120px;height:120px;transform:translateY(-50%);margin-top:30px;margin-bottom:-30px;background-size:contain;background-position:center center;background-repeat:no-repeat;background-color:#FFFFFF}@media screen and (max-width: 768px){.container .logo-wrap{width:100px;height:100px}}@media screen and (max-width: 576px){.container .logo-wrap{width:70px;height:70px;margin-top:20px}}.container #charityName{color:#2C089B;display:block;margin-bottom:5px;width:fit-content}.container #charityName,.container .charity-info{font-size:17px}@media screen and (max-width: 768px){.container #charityName,.container .charity-info{font-size:16px}}@media screen and (max-width: 576px){.container #charityName,.container .charity-info{font-size:15px}}@media screen and (max-width: 450px){.container #charityName,.container .charity-info{font-size:14px}}";
 const BiggiveBrandedImage$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveBrandedImage extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
         /**
          * Space below component

package/dist/components/biggive-branded-image.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-branded-image.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,6vDAA6vD;;MCO/wDA,qBAAmB,iBAAAC,kBAAA,CAAA,MAAA,mBAAA,SAAA,WAAA,CAAA;AALhC,IAAA,WAAA,~~GAAA;;;;~~AAME;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAC9B;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAW,EAAE;AAQ7B;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAW,EAAE;AAyC7B;AAlBC;;;AAGG;IACH,MAAM,GAAA;QACJ,QACE,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,EAAA,EACnD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAO,EACnC,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,IACpD,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,YAAY,EAAA,EAAE,IAAI,CAAC,QAAQ,KAAK,IAAI,GAAG,WAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,GAAG,CAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CAAO,IACpI,IAAI,EACP,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,GAAG,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,EAAE,EAAA,CAAQ,GAAG,IAAI,EAExJ,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,GAAG,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,WAAW,CAAM,GAAG,IAAI,EAC9G,IAAI,CAAC,eAAe,KAAK,SAAS,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI,GAAG,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,cAAc,EAAA,EAAE,IAAI,CAAC,eAAe,CAAO,GAAG,IAAI,CAChI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveBrandedImage","__stencil_proxyCustomElement"],"sources":["src/components/biggive-branded-image/biggive-branded-image.scss?tag=biggive-branded-image&encapsulation=shadow","src/components/biggive-branded-image/biggive-branded-image.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n .slug {\n text-align: center;\n font-weight: bold;\n background-color: $colour-secondary-green;\n color: $colour-black;\n padding: $spacer-1 $spacer-3;\n width: 100%;\n margin: -17px auto 17px auto;\n transform: translateY(50%);\n box-sizing: border-box;\n }\n\n img {\n width: 100%;\n }\n\n .logo-wrap {\n border-radius: 50%;\n width: 120px;\n height: 120px;\n transform: translateY(-50%);\n margin-top: 30px;\n margin-bottom: -30px; // Breathing space before charity name etc.\n background-size: contain;\n background-position: center center;\n background-repeat: no-repeat;\n background-color: #FFFFFF;\n\n @media screen and (max-width: $screen-tablet-max) {\n width: 100px;\n height: 100px;\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n width: 70px;\n height: 70px;\n margin-top: 20px;\n }\n }\n\n #charityName {\n color: $colour-primary-blue;\n display: block;\n margin-bottom: 5px;\n width: fit-content; // so link doesn't go full width\n }\n\n #charityName, .charity-info {\n font-size: 17px;\n\n @media screen and (max-width: $screen-tablet-max) {\n font-size: 16px;\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n font-size: 15px;\n }\n\n @media screen and (max-width: $screen-mobile-small) {\n font-size: 14px;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-branded-image',\n styleUrl: 'biggive-branded-image.scss',\n shadow: true,\n})\nexport class BiggiveBrandedImage {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Full URL of a image.\n /\n @Prop() imageUrl: string = '';\n\n /\n Alt-text for image, or null if the author has not supplied an alt-text. Should always be a string\n * (but may be empty) when authoring new content.\n /\n @Prop() imageAlt!: string \| null;\n\n /\n Full URL of the logo.\n /\n @Prop() logoUrl: string = '';\n\n /\n Slug\n /\n @Prop() slug: string;\n\n /\n Charity name\n /\n @Prop() charityName: string;\n\n /\n Charity location\n /\n @Prop() charityLocation: string;\n\n /\n Link to the charity's website\n * @deprecated We should stop passing this soon, and will link to charity URLs alongside socials.\n /\n @Prop() charityUrl: string;\n\n /\n This is only used as a background, presentational \"bonus\" so we are setting\n * `role=\"presentation\"` every time instead of accepting alt text.\n */\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n {<div class=\"slug\">{this.slug}</div>}\n {this.imageUrl !== undefined && this.imageUrl !== null ? (\n <div class=\"image-wrap\">{this.imageAlt === null ? <img src={this.imageUrl} /> : <img src={this.imageUrl} alt={this.imageAlt} />}</div>\n ) : null}\n {this.logoUrl !== undefined && this.logoUrl !== null ? <div class=\"logo-wrap\" style={{ 'background-image': \"url('\" + this.logoUrl + \"')\" }}></div> : null}\n\n {this.charityName !== undefined && this.charityName !== null ? <h3 class=\"title\">{this.charityName}</h3> : null}\n {this.charityLocation !== undefined && this.charityLocation !== null ? <div class=\"charity-info\">{this.charityLocation}</div> : null}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-branded-image.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,6vDAA6vD;;MCO/wDA,qBAAmB,iBAAAC,kBAAA,CAAA,MAAA,mBAAA,SAAA,WAAA,CAAA;AALhC,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAME;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAC9B;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAW,EAAE;AAQ7B;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAW,EAAE;AAyC7B;AAlBC;;;AAGG;IACH,MAAM,GAAA;QACJ,QACE,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,EAAA,EACnD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAO,EACnC,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,IACpD,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,YAAY,EAAA,EAAE,IAAI,CAAC,QAAQ,KAAK,IAAI,GAAG,WAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,GAAG,CAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CAAO,IACpI,IAAI,EACP,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,GAAG,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,EAAE,EAAA,CAAQ,GAAG,IAAI,EAExJ,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,GAAG,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,WAAW,CAAM,GAAG,IAAI,EAC9G,IAAI,CAAC,eAAe,KAAK,SAAS,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI,GAAG,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,cAAc,EAAA,EAAE,IAAI,CAAC,eAAe,CAAO,GAAG,IAAI,CAChI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveBrandedImage","__stencil_proxyCustomElement"],"sources":["src/components/biggive-branded-image/biggive-branded-image.scss?tag=biggive-branded-image&encapsulation=shadow","src/components/biggive-branded-image/biggive-branded-image.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n .slug {\n text-align: center;\n font-weight: bold;\n background-color: $colour-secondary-green;\n color: $colour-black;\n padding: $spacer-1 $spacer-3;\n width: 100%;\n margin: -17px auto 17px auto;\n transform: translateY(50%);\n box-sizing: border-box;\n }\n\n img {\n width: 100%;\n }\n\n .logo-wrap {\n border-radius: 50%;\n width: 120px;\n height: 120px;\n transform: translateY(-50%);\n margin-top: 30px;\n margin-bottom: -30px; // Breathing space before charity name etc.\n background-size: contain;\n background-position: center center;\n background-repeat: no-repeat;\n background-color: #FFFFFF;\n\n @media screen and (max-width: $screen-tablet-max) {\n width: 100px;\n height: 100px;\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n width: 70px;\n height: 70px;\n margin-top: 20px;\n }\n }\n\n #charityName {\n color: $colour-primary-blue;\n display: block;\n margin-bottom: 5px;\n width: fit-content; // so link doesn't go full width\n }\n\n #charityName, .charity-info {\n font-size: 17px;\n\n @media screen and (max-width: $screen-tablet-max) {\n font-size: 16px;\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n font-size: 15px;\n }\n\n @media screen and (max-width: $screen-mobile-small) {\n font-size: 14px;\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-branded-image',\n styleUrl: 'biggive-branded-image.scss',\n shadow: true,\n})\nexport class BiggiveBrandedImage {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Full URL of a image.\n /\n @Prop() imageUrl: string = '';\n\n /\n Alt-text for image, or null if the author has not supplied an alt-text. Should always be a string\n * (but may be empty) when authoring new content.\n /\n @Prop() imageAlt!: string \| null;\n\n /\n Full URL of the logo.\n /\n @Prop() logoUrl: string = '';\n\n /\n Slug\n /\n @Prop() slug: string;\n\n /\n Charity name\n /\n @Prop() charityName: string;\n\n /\n Charity location\n /\n @Prop() charityLocation: string;\n\n /\n Link to the charity's website\n * @deprecated We should stop passing this soon, and will link to charity URLs alongside socials.\n /\n @Prop() charityUrl: string;\n\n /\n This is only used as a background, presentational \"bonus\" so we are setting\n * `role=\"presentation\"` every time instead of accepting alt text.\n */\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n {<div class=\"slug\">{this.slug}</div>}\n {this.imageUrl !== undefined && this.imageUrl !== null ? (\n <div class=\"image-wrap\">{this.imageAlt === null ? <img src={this.imageUrl} /> : <img src={this.imageUrl} alt={this.imageAlt} />}</div>\n ) : null}\n {this.logoUrl !== undefined && this.logoUrl !== null ? <div class=\"logo-wrap\" style={{ 'background-image': \"url('\" + this.logoUrl + \"')\" }}></div> : null}\n\n {this.charityName !== undefined && this.charityName !== null ? <h3 class=\"title\">{this.charityName}</h3> : null}\n {this.charityLocation !== undefined && this.charityLocation !== null ? <div class=\"charity-info\">{this.charityLocation}</div> : null}\n </div>\n );\n }\n}\n"],"version":3}

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

@@ -3,9 +3,11 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 const biggiveButtonCss = "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}.container{font-family:inherit}.container a{display:inline-block}.container a.full-width-true{display:block}.container.centered-true{text-align:center}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#FFFFFF;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{color:#2AF135;background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{color:#FF7272;background-color:#FFFFFF}.button-brand-cc-red{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-cc-red:hover{color:#B30510;background-color:#FFFFFF}.button-brand-wgmf-purple{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-wgmf-purple:hover{color:#6E0887;background-color:#FFFFFF}.button-brand-gmf-green{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-gmf-green:hover{color:#50B400;background-color:#FFFFFF}.button-brand-er-green{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-er-green:hover{color:#50B400;background-color:#FFFFFF}.button-brand-er-dark-green{color:#FFFFFF;background-color:#002413;border-color:#002413}.button-brand-er-dark-green:hover{color:#002413;background-color:#FFFFFF}.button-brand-er-dark-blue{color:#FFFFFF;background-color:#0c0068;border-color:#0c0068}.button-brand-er-dark-blue:hover{color:#0c0068;background-color:#FFFFFF}.button-brand-er-teal{color:#FFFFFF;background-color:#00a76d;border-color:#00a76d}.button-brand-er-teal:hover{color:#00a76d;background-color:#FFFFFF}.button-brand-emf-yellow{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-emf-yellow:hover{color:#FFE500;background-color:#FFFFFF}.button-brand-c4c-orange{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-c4c-orange:hover{color:#F07D00;background-color:#FFFFFF}.button-brand-afa-pink{color:#FFFFFF;background-color:#BF387D;border-color:#BF387D}.button-brand-afa-pink:hover{color:#BF387D;background-color:#FFFFFF}.button-brand-scw-magenta{color:#FFFFFF;background-color:#EE2C65;border-color:#EE2C65}.button-brand-scw-magenta:hover{color:#EE2C65;background-color:#FFFFFF}.button-brand-mhf-turquoise{color:#FFFFFF;background-color:#62CFC9;border-color:#62CFC9}.button-brand-mhf-turquoise:hover{color:#62CFC9;background-color:#FFFFFF}.button-brand-grey{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-grey:hover{color:#CBC8C8;background-color:#FFFFFF}.button-white{color:#FFFFFF;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#FFFFFF}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-grey-extra-light{color:#FFFFFF;background-color:#D7D7D7;border-color:#D7D7D7}.button-grey-extra-light:hover{color:#D7D7D7;background-color:#FFFFFF}.button-grey-light{color:#FFFFFF;background-color:#E8E8E8;border-color:#E8E8E8}.button-grey-light:hover{color:#E8E8E8;background-color:#FFFFFF}.button-grey-medium{color:#FFFFFF;background-color:#8A8A8A;border-color:#8A8A8A}.button-grey-medium:hover{color:#8A8A8A;background-color:#FFFFFF}.button-grey-dark{color:#FFFFFF;background-color:#4A4A4A;border-color:#4A4A4A}.button-grey-dark:hover{color:#4A4A4A;background-color:#FFFFFF}.button-philco-orange{color:#FFFFFF;background-color:#f18a00;border-color:#f18a00}.button-philco-orange:hover{color:#f18a00;background-color:#FFFFFF}.button-philco-gray-90{color:#FFFFFF;background-color:#1d1d1B;border-color:#1d1d1B}.button-philco-gray-90:hover{color:#1d1d1B;background-color:#FFFFFF}.button-philco-gray-70{color:#FFFFFF;background-color:#7D7D7D;border-color:#7D7D7D}.button-philco-gray-70:hover{color:#7D7D7D;background-color:#FFFFFF}.button-philco-white{color:#FFFFFF;background-color:#FFFFFF;border-color:#FFFFFF}.button-philco-white:hover{color:#FFFFFF;background-color:#FFFFFF}.button-philco-success-green{color:#FFFFFF;background-color:#1Ec691;border-color:#1Ec691}.button-philco-success-green:hover{color:#1Ec691;background-color:#FFFFFF}.button-philco-error-coral{color:#FFFFFF;background-color:#F54242;border-color:#F54242}.button-philco-error-coral:hover{color:#F54242;background-color:#FFFFFF}.button-philco-gray-30{color:#FFFFFF;background-color:#BBBBBB;border-color:#BBBBBB}.button-philco-gray-30:hover{color:#BBBBBB;background-color:#FFFFFF}.button-philco-gray-20{color:#FFFFFF;background-color:#F6F6F6;border-color:#F6F6F6}.button-philco-gray-20:hover{color:#F6F6F6;background-color:#FFFFFF}.button-secondary{color:#000000}.button-secondary:hover{color:#000000;background-color:#FFFFFF;border-color:#000000}.button-brand-grey{color:#FFFFFF}.button-brand-grey:hover{background-color:#000000}.button-brand-mhf-turquoise:hover{background-color:#000000}.button-brand-afa-pink:hover{background-color:#000000}.button-white{color:#2C089B}.button-white:hover{color:#000000;background-color:#2AF135}.button-philco-gray-90{font-size:16px;color:#FFFFFF}.button-philco-gray-90:hover{color:#1d1d1B;background-color:#f18a00}.button-philco-orange{font-size:16px;color:#1d1d1B}.button-philco-orange:hover{color:#FFFFFF;background-color:#1d1d1B}.button-philco-white{font-size:16px;color:#1d1d1B}.button-philco-white:hover{color:#1d1d1B !important;background-color:#f18a00 !important}.container.philco a{border-color:transparent}.container.disabled.philco .button{cursor:not-allowed;background-color:#BBBBBB !important;color:#FFFFFF}.container.disabled.philco .button:hover{background-color:#BBBBBB;color:#FFFFFF}.button-black{color:#FFFFFF}.button-black:hover{background-color:#FFFFFF}.button-grey-extra-light{color:#000000}.button-grey-extra-light:hover{background-color:#000000}.button-grey-light{color:#000000}.button-grey-light:hover{background-color:#000000}.button-grey-medium{color:#FFFFFF}.button-grey-medium:hover{background-color:#FFFFFF}.button-grey-dark{color:#FFFFFF}.button-grey-dark:hover{background-color:#FFFFFF}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{color:#2C089B;text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{color:#2AF135;text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{color:#FF7272;text-decoration:none;background-color:transparent}.button-clear-brand-cc-red{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-cc-red:hover{color:#B30510;text-decoration:none;background-color:transparent}.button-clear-brand-wgmf-purple{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-wgmf-purple:hover{color:#6E0887;text-decoration:none;background-color:transparent}.button-clear-brand-gmf-green{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-gmf-green:hover{color:#50B400;text-decoration:none;background-color:transparent}.button-clear-brand-er-green{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-er-green:hover{color:#50B400;text-decoration:none;background-color:transparent}.button-clear-brand-er-dark-green{color:#002413;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-er-dark-green:hover{color:#002413;text-decoration:none;background-color:transparent}.button-clear-brand-er-dark-blue{color:#0c0068;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-er-dark-blue:hover{color:#0c0068;text-decoration:none;background-color:transparent}.button-clear-brand-er-teal{color:#00a76d;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-er-teal:hover{color:#00a76d;text-decoration:none;background-color:transparent}.button-clear-brand-emf-yellow{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-emf-yellow:hover{color:#FFE500;text-decoration:none;background-color:transparent}.button-clear-brand-c4c-orange{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-c4c-orange:hover{color:#F07D00;text-decoration:none;background-color:transparent}.button-clear-brand-afa-pink{color:#BF387D;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-afa-pink:hover{color:#BF387D;text-decoration:none;background-color:transparent}.button-clear-brand-scw-magenta{color:#EE2C65;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-scw-magenta:hover{color:#EE2C65;text-decoration:none;background-color:transparent}.button-clear-brand-mhf-turquoise{color:#62CFC9;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-mhf-turquoise:hover{color:#62CFC9;text-decoration:none;background-color:transparent}.button-clear-brand-grey{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-grey:hover{color:#CBC8C8;text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-clear-black{color:#000000;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-black:hover{color:#000000;text-decoration:none;background-color:transparent}.button-clear-grey-extra-light{color:#D7D7D7;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-extra-light:hover{color:#D7D7D7;text-decoration:none;background-color:transparent}.button-clear-grey-light{color:#E8E8E8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-light:hover{color:#E8E8E8;text-decoration:none;background-color:transparent}.button-clear-grey-medium{color:#8A8A8A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-medium:hover{color:#8A8A8A;text-decoration:none;background-color:transparent}.button-clear-grey-dark{color:#4A4A4A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-dark:hover{color:#4A4A4A;text-decoration:none;background-color:transparent}.button-clear-philco-orange{color:#f18a00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-orange:hover{color:#f18a00;text-decoration:none;background-color:transparent}.button-clear-philco-gray-90{color:#1d1d1B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-gray-90:hover{color:#1d1d1B;text-decoration:none;background-color:transparent}.button-clear-philco-gray-70{color:#7D7D7D;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-gray-70:hover{color:#7D7D7D;text-decoration:none;background-color:transparent}.button-clear-philco-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-clear-philco-success-green{color:#1Ec691;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-success-green:hover{color:#1Ec691;text-decoration:none;background-color:transparent}.button-clear-philco-error-coral{color:#F54242;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-error-coral:hover{color:#F54242;text-decoration:none;background-color:transparent}.button-clear-philco-gray-30{color:#BBBBBB;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-gray-30:hover{color:#BBBBBB;text-decoration:none;background-color:transparent}.button-clear-philco-gray-20{color:#F6F6F6;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-philco-gray-20:hover{color:#F6F6F6;text-decoration:none;background-color:transparent}";
 const BiggiveButton = /*@__PURE__*/ proxyCustomElement(class BiggiveButton extends HTMLElement {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
         this.__attachShadow();
         this.doButtonClick = createEvent(this, "doButtonClick", 7);
         /**