@biggive/components 202606230803.0.0 → 202606301318.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.
- package/dist/biggive/biggive.esm.js +1 -1
- package/dist/biggive/{p-9d63fe98.entry.js → p-034bc308.entry.js} +1 -1
- package/dist/biggive/{p-a0070f43.entry.js → p-074c95a5.entry.js} +1 -1
- package/dist/biggive/{p-c9436468.entry.js → p-07bd58dd.entry.js} +1 -1
- package/dist/biggive/{p-9e64817e.entry.js → p-08c0d7a0.entry.js} +1 -1
- package/dist/biggive/p-12e780cb.entry.js +1 -0
- package/dist/biggive/{p-b7d3a6ab.entry.js → p-13840401.entry.js} +1 -1
- package/dist/biggive/{p-ebf67952.entry.js → p-167ac0d3.entry.js} +1 -1
- package/dist/biggive/{p-a7622ab7.entry.js → p-22f2e1e4.entry.js} +1 -1
- package/dist/biggive/p-2f0e2375.entry.js +1 -0
- package/dist/biggive/{p-7ab14477.entry.js → p-342e0587.entry.js} +1 -1
- package/dist/biggive/{p-b0874950.entry.js → p-35742632.entry.js} +1 -1
- package/dist/biggive/{p-4a6d979f.entry.js → p-486b0443.entry.js} +1 -1
- package/dist/biggive/{p-3d80c5b4.entry.js → p-4c8d3d7b.entry.js} +1 -1
- package/dist/biggive/{p-1c39307b.entry.js → p-53d2459c.entry.js} +1 -1
- package/dist/biggive/{p-461ca12d.entry.js → p-53efa890.entry.js} +1 -1
- package/dist/biggive/{p-be1828d2.entry.js → p-60824941.entry.js} +1 -1
- package/dist/biggive/{p-921ecc1a.entry.js → p-63bbe726.entry.js} +1 -1
- package/dist/biggive/{p-b8afbd5b.entry.js → p-6db0805c.entry.js} +1 -1
- package/dist/biggive/{p-b8d67e54.entry.js → p-6ef8f1c8.entry.js} +1 -1
- package/dist/biggive/{p-d2b89a35.entry.js → p-6f0ab7de.entry.js} +1 -1
- package/dist/biggive/{p-a5873e6c.entry.js → p-76d8edf3.entry.js} +1 -1
- package/dist/biggive/{p-aaf986b7.entry.js → p-79233862.entry.js} +1 -1
- package/dist/biggive/{p-9b695dc8.entry.js → p-7b142f0c.entry.js} +1 -1
- package/dist/biggive/{p-ab3d62f9.entry.js → p-7e9f3522.entry.js} +1 -1
- package/dist/biggive/p-925b1eab.entry.js +1 -0
- package/dist/biggive/{p-9f907107.entry.js → p-a987b466.entry.js} +1 -1
- package/dist/biggive/{p-120a8b58.entry.js → p-ac53a19e.entry.js} +1 -1
- package/dist/biggive/{p-f576564a.entry.js → p-acc61e55.entry.js} +1 -1
- package/dist/biggive/{p-4e91b90c.entry.js → p-b00c2ca8.entry.js} +1 -1
- package/dist/biggive/p-b09d4083.entry.js +1 -0
- package/dist/biggive/p-b0d1c784.entry.js +1 -0
- package/dist/biggive/{p-8ec27398.entry.js → p-b5de3f93.entry.js} +1 -1
- package/dist/biggive/{p-8109ba6c.entry.js → p-c11a2f3b.entry.js} +1 -1
- package/dist/biggive/{p-1aec0011.entry.js → p-c50881e4.entry.js} +1 -1
- package/dist/biggive/{p-d4c0daba.entry.js → p-d277fe34.entry.js} +1 -1
- package/dist/biggive/{p-39f5df3a.entry.js → p-d2c312e0.entry.js} +1 -1
- package/dist/biggive/{p-7d3d0149.entry.js → p-d3112cb1.entry.js} +1 -1
- package/dist/biggive/p-d4462885.entry.js +1 -0
- package/dist/biggive/{p-a8e5b837.entry.js → p-dddee0ad.entry.js} +1 -1
- package/dist/biggive/{p-ed688cf9.entry.js → p-e8517ccd.entry.js} +1 -1
- package/dist/biggive/{p-a4021922.entry.js → p-ebdf0f2a.entry.js} +1 -1
- package/dist/biggive/{p-9c0c28cf.entry.js → p-ed7b04d2.entry.js} +1 -1
- package/dist/biggive/{p-05e0f91c.entry.js → p-ed92d2b0.entry.js} +1 -1
- package/dist/biggive/{p-e497653a.entry.js → p-f04eaebb.entry.js} +1 -1
- package/dist/biggive/{p-f7a05c60.entry.js → p-f2d44bb0.entry.js} +1 -1
- package/dist/biggive/{p-4d4724bb.entry.js → p-f2f9ce31.entry.js} +1 -1
- package/dist/biggive/{p-fc277669.entry.js → p-fb0a9e11.entry.js} +1 -1
- package/dist/biggive/{p-25d081a8.entry.js → p-fd2f1a72.entry.js} +1 -1
- package/dist/biggive/pages/biggive.html +2 -0
- package/dist/cjs/biggive-accordion.cjs.entry.js +1 -1
- package/dist/cjs/biggive-article-card.cjs.entry.js +2 -2
- package/dist/cjs/biggive-back-to-top.cjs.entry.js +1 -1
- package/dist/cjs/biggive-basic-card.cjs.entry.js +2 -2
- package/dist/cjs/biggive-boxed-content.cjs.entry.js +2 -2
- package/dist/cjs/biggive-branded-image.cjs.entry.js +1 -1
- package/dist/cjs/biggive-button.cjs.entry.js +1 -1
- package/dist/cjs/biggive-call-to-action.cjs.entry.js +1 -1
- package/dist/cjs/biggive-campaign-card-filter-grid.cjs.entry.js +21 -4
- package/dist/cjs/biggive-campaign-card.cjs.entry.js +2 -2
- package/dist/cjs/biggive-campaign-highlights.cjs.entry.js +1 -1
- package/dist/cjs/biggive-container-card.cjs.entry.js +1 -1
- package/dist/cjs/biggive-cookie-banner.cjs.entry.js +1 -1
- package/dist/cjs/biggive-form-field-select.cjs.entry.js +2 -2
- package/dist/cjs/biggive-form.cjs.entry.js +1 -1
- package/dist/cjs/biggive-formatted-text.cjs.entry.js +1 -1
- package/dist/cjs/biggive-grid.cjs.entry.js +1 -1
- package/dist/cjs/biggive-heading-banner.cjs.entry.js +2 -2
- package/dist/cjs/biggive-heading.cjs.entry.js +1 -1
- package/dist/cjs/biggive-hero-image.cjs.entry.js +2 -2
- package/dist/cjs/biggive-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/biggive-image-button.cjs.entry.js +2 -2
- package/dist/cjs/biggive-image-card.cjs.entry.js +2 -2
- package/dist/cjs/biggive-image-feature.cjs.entry.js +1 -1
- package/dist/cjs/biggive-image.cjs.entry.js +1 -1
- package/dist/cjs/biggive-main-menu.cjs.entry.js +1 -1
- package/dist/cjs/biggive-misc-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive-nav-group.cjs.entry.js +1 -1
- package/dist/cjs/biggive-nav-item.cjs.entry.js +1 -1
- package/dist/cjs/biggive-page-column.cjs.entry.js +1 -1
- package/dist/cjs/biggive-page-columns.cjs.entry.js +1 -1
- package/dist/cjs/biggive-page-section.cjs.entry.js +2 -2
- package/dist/cjs/biggive-popup.cjs.entry.js +1 -1
- package/dist/cjs/biggive-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/biggive-quote.cjs.entry.js +3 -3
- package/dist/cjs/biggive-sheet.cjs.entry.js +1 -1
- package/dist/cjs/biggive-social-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive-tab.cjs.entry.js +1 -1
- package/dist/cjs/biggive-tabbed-content.cjs.entry.js +2 -2
- package/dist/cjs/biggive-table.cjs.entry.js +2 -2
- package/dist/cjs/biggive-text-input.cjs.entry.js +1 -1
- package/dist/cjs/biggive-timeline.cjs.entry.js +2 -2
- package/dist/cjs/biggive-totalizer-ticker-item.cjs.entry.js +1 -1
- package/dist/cjs/biggive-totalizer.cjs.entry.js +1 -1
- package/dist/cjs/biggive-video-feature.cjs.entry.js +1 -1
- package/dist/cjs/biggive-video.cjs.entry.js +1 -1
- package/dist/cjs/biggive.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/philco-footer.cjs.entry.js +1 -1
- package/dist/cjs/philco-main-menu.cjs.entry.js +1 -1
- package/dist/collection/components/biggive-accordion/biggive-accordion.js +1 -1
- package/dist/collection/components/biggive-article-card/biggive-article-card.js +2 -2
- package/dist/collection/components/biggive-back-to-top/biggive-back-to-top.js +1 -1
- package/dist/collection/components/biggive-basic-card/biggive-basic-card.js +2 -2
- package/dist/collection/components/biggive-boxed-content/biggive-boxed-content.js +2 -2
- package/dist/collection/components/biggive-branded-image/biggive-branded-image.js +1 -1
- package/dist/collection/components/biggive-button/biggive-button.js +1 -1
- package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.js +1 -1
- package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js +2 -2
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js +117 -4
- package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.js +1 -1
- package/dist/collection/components/biggive-container-card/biggive-container-card.js +1 -1
- package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.js +1 -1
- package/dist/collection/components/biggive-form/biggive-form.js +1 -1
- package/dist/collection/components/biggive-form-field-select/biggive-form-field-select.js +2 -2
- package/dist/collection/components/biggive-formatted-text/biggive-formatted-text.js +1 -1
- package/dist/collection/components/biggive-grid/biggive-grid.js +1 -1
- package/dist/collection/components/biggive-heading/biggive-heading.js +1 -1
- package/dist/collection/components/biggive-heading-banner/biggive-heading-banner.js +2 -2
- package/dist/collection/components/biggive-hero-image/biggive-hero-image.js +2 -2
- package/dist/collection/components/biggive-icon-button/biggive-icon-button.js +2 -2
- package/dist/collection/components/biggive-image/biggive-image.js +1 -1
- package/dist/collection/components/biggive-image-button/biggive-image-button.js +2 -2
- package/dist/collection/components/biggive-image-card/biggive-image-card.js +2 -2
- package/dist/collection/components/biggive-image-feature/biggive-image-feature.js +1 -1
- package/dist/collection/components/biggive-main-menu/biggive-main-menu.js +1 -1
- package/dist/collection/components/biggive-misc-icon/biggive-misc-icon.js +1 -1
- package/dist/collection/components/biggive-nav-group/biggive-nav-group.js +1 -1
- package/dist/collection/components/biggive-nav-item/biggive-nav-item.js +1 -1
- package/dist/collection/components/biggive-page-column/biggive-page-column.js +1 -1
- package/dist/collection/components/biggive-page-columns/biggive-page-columns.js +1 -1
- package/dist/collection/components/biggive-page-section/biggive-page-section.js +2 -2
- package/dist/collection/components/biggive-popup/biggive-popup.js +1 -1
- package/dist/collection/components/biggive-progress-bar/biggive-progress-bar.js +1 -1
- package/dist/collection/components/biggive-quote/biggive-quote.js +3 -3
- package/dist/collection/components/biggive-sheet/biggive-sheet.js +1 -1
- package/dist/collection/components/biggive-social-icon/biggive-social-icon.js +1 -1
- package/dist/collection/components/biggive-tab/biggive-tab.js +1 -1
- package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.js +2 -2
- package/dist/collection/components/biggive-table/biggive-table.js +2 -2
- package/dist/collection/components/biggive-text-input/biggive-text-input.js +1 -1
- package/dist/collection/components/biggive-timeline/biggive-timeline.js +2 -2
- package/dist/collection/components/biggive-totalizer/biggive-totalizer.js +1 -1
- package/dist/collection/components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item.js +1 -1
- package/dist/collection/components/biggive-video/biggive-video.js +1 -1
- package/dist/collection/components/biggive-video-feature/biggive-video-feature.js +1 -1
- package/dist/collection/components/philco-footer/philco-footer.js +1 -1
- package/dist/collection/components/philco-main-menu/philco-main-menu.js +1 -1
- package/dist/collection/pages/biggive.html +2 -0
- package/dist/components/biggive-accordion.js +1 -1
- package/dist/components/biggive-article-card.js +1 -1
- package/dist/components/biggive-back-to-top.js +1 -1
- package/dist/components/biggive-basic-card.js +1 -1
- package/dist/components/biggive-boxed-content.js +1 -1
- package/dist/components/biggive-branded-image.js +1 -1
- package/dist/components/biggive-button2.js +1 -1
- package/dist/components/biggive-call-to-action.js +1 -1
- package/dist/components/biggive-campaign-card-filter-grid.js +1 -1
- package/dist/components/biggive-campaign-card.js +1 -1
- package/dist/components/biggive-campaign-highlights.js +1 -1
- package/dist/components/biggive-container-card.js +1 -1
- package/dist/components/biggive-cookie-banner.js +1 -1
- package/dist/components/biggive-form-field-select2.js +1 -1
- package/dist/components/biggive-form.js +1 -1
- package/dist/components/biggive-formatted-text.js +1 -1
- package/dist/components/biggive-grid.js +1 -1
- package/dist/components/biggive-heading-banner.js +1 -1
- package/dist/components/biggive-heading.js +1 -1
- package/dist/components/biggive-hero-image.js +1 -1
- package/dist/components/biggive-icon-button.js +1 -1
- package/dist/components/biggive-image-button.js +1 -1
- package/dist/components/biggive-image-card.js +1 -1
- package/dist/components/biggive-image-feature.js +1 -1
- package/dist/components/biggive-image.js +1 -1
- package/dist/components/biggive-main-menu.js +1 -1
- package/dist/components/biggive-misc-icon2.js +1 -1
- package/dist/components/biggive-nav-group.js +1 -1
- package/dist/components/biggive-nav-item.js +1 -1
- package/dist/components/biggive-page-column.js +1 -1
- package/dist/components/biggive-page-columns.js +1 -1
- package/dist/components/biggive-page-section.js +1 -1
- package/dist/components/biggive-popup2.js +1 -1
- package/dist/components/biggive-progress-bar2.js +1 -1
- package/dist/components/biggive-quote.js +1 -1
- package/dist/components/biggive-sheet.js +1 -1
- package/dist/components/biggive-social-icon2.js +1 -1
- package/dist/components/biggive-tab.js +1 -1
- package/dist/components/biggive-tabbed-content.js +1 -1
- package/dist/components/biggive-table.js +1 -1
- package/dist/components/biggive-text-input.js +1 -1
- package/dist/components/biggive-timeline.js +1 -1
- package/dist/components/biggive-totalizer-ticker-item.js +1 -1
- package/dist/components/biggive-totalizer.js +1 -1
- package/dist/components/biggive-video-feature.js +1 -1
- package/dist/components/biggive-video.js +1 -1
- package/dist/components/philco-footer.js +1 -1
- package/dist/components/philco-main-menu.js +1 -1
- package/dist/esm/biggive-accordion.entry.js +1 -1
- package/dist/esm/biggive-article-card.entry.js +2 -2
- package/dist/esm/biggive-back-to-top.entry.js +1 -1
- package/dist/esm/biggive-basic-card.entry.js +2 -2
- package/dist/esm/biggive-boxed-content.entry.js +2 -2
- package/dist/esm/biggive-branded-image.entry.js +1 -1
- package/dist/esm/biggive-button.entry.js +1 -1
- package/dist/esm/biggive-call-to-action.entry.js +1 -1
- package/dist/esm/biggive-campaign-card-filter-grid.entry.js +21 -4
- package/dist/esm/biggive-campaign-card.entry.js +2 -2
- package/dist/esm/biggive-campaign-highlights.entry.js +1 -1
- package/dist/esm/biggive-container-card.entry.js +1 -1
- package/dist/esm/biggive-cookie-banner.entry.js +1 -1
- package/dist/esm/biggive-form-field-select.entry.js +2 -2
- package/dist/esm/biggive-form.entry.js +1 -1
- package/dist/esm/biggive-formatted-text.entry.js +1 -1
- package/dist/esm/biggive-grid.entry.js +1 -1
- package/dist/esm/biggive-heading-banner.entry.js +2 -2
- package/dist/esm/biggive-heading.entry.js +1 -1
- package/dist/esm/biggive-hero-image.entry.js +2 -2
- package/dist/esm/biggive-icon-button.entry.js +2 -2
- package/dist/esm/biggive-image-button.entry.js +2 -2
- package/dist/esm/biggive-image-card.entry.js +2 -2
- package/dist/esm/biggive-image-feature.entry.js +1 -1
- package/dist/esm/biggive-image.entry.js +1 -1
- package/dist/esm/biggive-main-menu.entry.js +1 -1
- package/dist/esm/biggive-misc-icon.entry.js +1 -1
- package/dist/esm/biggive-nav-group.entry.js +1 -1
- package/dist/esm/biggive-nav-item.entry.js +1 -1
- package/dist/esm/biggive-page-column.entry.js +1 -1
- package/dist/esm/biggive-page-columns.entry.js +1 -1
- package/dist/esm/biggive-page-section.entry.js +2 -2
- package/dist/esm/biggive-popup.entry.js +1 -1
- package/dist/esm/biggive-progress-bar.entry.js +1 -1
- package/dist/esm/biggive-quote.entry.js +3 -3
- package/dist/esm/biggive-sheet.entry.js +1 -1
- package/dist/esm/biggive-social-icon.entry.js +1 -1
- package/dist/esm/biggive-tab.entry.js +1 -1
- package/dist/esm/biggive-tabbed-content.entry.js +2 -2
- package/dist/esm/biggive-table.entry.js +2 -2
- package/dist/esm/biggive-text-input.entry.js +1 -1
- package/dist/esm/biggive-timeline.entry.js +2 -2
- package/dist/esm/biggive-totalizer-ticker-item.entry.js +1 -1
- package/dist/esm/biggive-totalizer.entry.js +1 -1
- package/dist/esm/biggive-video-feature.entry.js +1 -1
- package/dist/esm/biggive-video.entry.js +1 -1
- package/dist/esm/biggive.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/philco-footer.entry.js +1 -1
- package/dist/esm/philco-main-menu.entry.js +1 -1
- package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.d.ts +22 -0
- package/dist/types/components.d.ts +46 -0
- package/hydrate/index.js +88 -67
- package/hydrate/index.mjs +88 -67
- package/package.json +1 -1
- package/dist/biggive/p-176e7c45.entry.js +0 -1
- package/dist/biggive/p-3340063a.entry.js +0 -1
- package/dist/biggive/p-5f18c157.entry.js +0 -1
- package/dist/biggive/p-705b4705.entry.js +0 -1
- package/dist/biggive/p-7b98b0af.entry.js +0 -1
- package/dist/biggive/p-d24f2c67.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as o,HTMLElement as e,h as r,transformTag as t}from"@stencil/core/internal/client";const a=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.defaultTextColour="black",this.quote="",this.attribution="",this.quoteIconColour="primary",this.siteDesign="biggive"}render(){const o="philco"===this.siteDesign?this.quote:`“${this.quote}”`,e="philco"===this.siteDesign?this.attribution:"- "+this.attribution,t=r("svg",{key:"
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as e,h as r,transformTag as t}from"@stencil/core/internal/client";const a=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.defaultTextColour="black",this.quote="",this.attribution="",this.quoteIconColour="primary",this.siteDesign="biggive"}render(){const o="philco"===this.siteDesign?this.quote:`“${this.quote}”`,e="philco"===this.siteDesign?this.attribution:"- "+this.attribution,t=r("svg",{key:"d76904a911cd582e50c416ecda409856c5b4491a",width:"34",height:"24",viewBox:"0 0 34 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"e54bafd9dba170259cf11f930d82bbd754099ff7",d:"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z",fill:"#2C089B"})),a=r("svg",{key:"4b9a137888be57c0c662ed4ea19de5f44d06b762",width:"96",height:"86",overflow:"hidden",viewBox:"0 0 96 81",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"6f2f63800ef19a69f27af508515d75f92a100814",d:"m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z",fill:"#f18a00"}));return r("div",{key:"c6c9ac21fda22be391f8624f0ea8f84ac2cb7f63",class:"container text-colour-"+this.defaultTextColour+" quote-icon-colour-"+this.quoteIconColour+" space-below-"+this.spaceBelow+" "+this.siteDesign},r("div",{key:"4deffa2b9cfa3232a90027a56f159b2482a9ec88",class:"image-wrap"},"philco"===this.siteDesign?a:t),r("div",{key:"58af6a07b22582b2f89e04af3a69ee90d6b01aa6",class:"quote"},o),r("div",{key:"4d3785e05771553ff8d3e4f853b9d7a995c7f768",class:"attribution"},e))}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-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;height:100%;background-color:white;text-align:center;margin-left:auto;margin-right:auto;max-width:600px;padding:60px}.container.philco{font-family:"Bitter", serif;font-size:16px;line-height:1.2rem;background-color:transparent}.container.philco .image-wrap{overflow:hidden}.container.philco .image-wrap svg{width:100px;height:90px;}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}.container.quote-icon-colour-primary .image-wrap path{fill:#2C089B}.container.quote-icon-colour-secondary .image-wrap path{fill:#2AF135}.container.quote-icon-colour-tertiary .image-wrap path{fill:#FF7272}.container.quote-icon-colour-brand-cc-red .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-wgmf-purple .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-gmf-green .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-er-green .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-er-dark-green .image-wrap path{fill:#002413}.container.quote-icon-colour-brand-er-dark-blue .image-wrap path{fill:#0c0068}.container.quote-icon-colour-brand-er-teal .image-wrap path{fill:#00a76d}.container.quote-icon-colour-brand-emf-yellow .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-c4c-orange .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-afa-pink .image-wrap path{fill:#BF387D}.container.quote-icon-colour-brand-scw-magenta .image-wrap path{fill:#EE2C65}.container.quote-icon-colour-brand-mhf-turquoise .image-wrap path{fill:#62CFC9}.container.quote-icon-colour-brand-grey .image-wrap path{fill:#CBC8C8}.container.quote-icon-colour-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-black .image-wrap path{fill:#000000}.container.quote-icon-colour-grey-extra-light .image-wrap path{fill:#D7D7D7}.container.quote-icon-colour-grey-light .image-wrap path{fill:#E8E8E8}.container.quote-icon-colour-grey-medium .image-wrap path{fill:#8A8A8A}.container.quote-icon-colour-grey-dark .image-wrap path{fill:#4A4A4A}.container.quote-icon-colour-philco-orange .image-wrap path{fill:#f18a00}.container.quote-icon-colour-philco-gray-90 .image-wrap path{fill:#1d1d1B}.container.quote-icon-colour-philco-gray-70 .image-wrap path{fill:#7D7D7D}.container.quote-icon-colour-philco-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-philco-success-green .image-wrap path{fill:#1Ec691}.container.quote-icon-colour-philco-error-coral .image-wrap path{fill:#F54242}.container.quote-icon-colour-philco-gray-30 .image-wrap path{fill:#BBBBBB}.container.quote-icon-colour-philco-gray-20 .image-wrap path{fill:#F6F6F6}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:16px;line-height:22px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}.container.philco .attribution{font-weight:bolder;color:#7D7D7D}'}},[1,"biggive-quote",{spaceBelow:[2,"space-below"],defaultTextColour:[1,"default-text-colour"],quote:[1],attribution:[1],quoteIconColour:[1,"quote-icon-colour"],siteDesign:[1,"site-design"]}]),c=a,i=function(){"undefined"!=typeof customElements&&["biggive-quote"].forEach((o=>{"biggive-quote"===o&&(customElements.get(t(o))||customElements.define(t(o),a))}))};export{c as BiggiveQuote,i as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as o,HTMLElement as r,h as e,transformTag as a}from"@stencil/core/internal/client";const l=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.sheetId="",this.backgroundColour="primary",this.textColour="white",this.closeSheet=()=>{var o,r;null===(r=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".container"))||void 0===r||r.classList.remove("active"),history.pushState("",document.title,window.location.pathname)}}componentWillLoad(){window.addEventListener("hashchange",(()=>{this.openSheet(window.location.hash)}))}componentDidRender(){this.openSheet(window.location.hash)}openSheet(o){var r,e;""!=o&&o==this.sheetId&&(null===(e=null===(r=this.host.shadowRoot)||void 0===r?void 0:r.querySelector(".container"))||void 0===e||e.classList.add("active"))}render(){return e("div",{key:"ab4e506493d823f2e73651976b6a2f7653afc92d",class:"container"},e("div",{key:"9d491d11ad7c6cd39c8e59eb642e465fd1e4fbe4",class:"background"}),e("div",{key:"74428a3b5b961a1794a6b95482535d9f92f53d37",class:"popup background-colour-"+this.backgroundColour+" text-colour-"+this.textColour},e("div",{key:"3df78556a45674aa218d690e0f6ec3c06250cb6d",class:"header"},e("div",{key:"94897351cb294ed20b7ab0c3a9ea9502432f73c0",class:"back-link",onClick:this.closeSheet},e("span",{key:"a65f39dce0710224ec5b120646cd2df6a7572dab",class:"svg-wrap colour-"+this.textColour},e("svg",{key:"8ad914eeab51877a115f5f97a0d7555814938490",width:"33",height:"16",viewBox:"0 0 33 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"a36db1be90f0468d5597e89296cbf97da7c30ed4",d:"M0.292892 7.29289C-0.0976295 7.68342 -0.0976295 8.31658 0.292892 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292892 7.29289ZM33 7L1 7V9L33 9V7Z",fill:"black"}))),"Back"),e("div",{key:"f62728bcf250166d2c4e31f2fb134c31c7d6226a",class:"close-link",onClick:this.closeSheet},e("span",{key:"fb407a3ddae07070b6a1686916a754e244c9baac",class:"svg-wrap"},e("svg",{key:"ea6fa6159300190c0dd8e5fecacf2d312473efb1",width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"a154d72b7d8b65887239f38fe2c6c03c38b2972f",d:"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z"}))))),e("div",{key:"d7ec5ea7916020b7c82e11fc3aec0f3e985af234",class:"content"},e("slot",{key:"b5f7a0ecd874f30e96ba348b3772730a2d2fdb7b"}))))}get host(){return this}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-er-green{fill:#50B400}.fill-brand-er-dark-green{fill:#002413}.fill-brand-er-dark-blue{fill:#0c0068}.fill-brand-er-teal{fill:#00a76d}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}:host{display:contents;font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.container.active .popup{transform:translateX(0)}.container.active .background{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.6);z-index:99}.container .popup{position:fixed;transition:transform 1s ease-in-out;transform:translateX(100%);z-index:999;top:0;bottom:0;right:0;width:66%}.container .popup .header{padding:45px;display:flex;justify-content:space-between}.container .popup .header .back-link{cursor:pointer;display:flex;font-size:14px}.container .popup .header .back-link .svg-wrap{display:flex;margin:5px 15px auto 0}.container .popup .header .back-link .svg-wrap.colour-primary svg path{fill:#2C089B}.container .popup .header .back-link .svg-wrap.colour-secondary svg path{fill:#2AF135}.container .popup .header .back-link .svg-wrap.colour-tertiary svg path{fill:#FF7272}.container .popup .header .back-link .svg-wrap.colour-brand-cc-red svg path{fill:#B30510}.container .popup .header .back-link .svg-wrap.colour-brand-wgmf-purple svg path{fill:#6E0887}.container .popup .header .back-link .svg-wrap.colour-brand-gmf-green svg path{fill:#50B400}.container .popup .header .back-link .svg-wrap.colour-brand-er-green svg path{fill:#50B400}.container .popup .header .back-link .svg-wrap.colour-brand-er-dark-green svg path{fill:#002413}.container .popup .header .back-link .svg-wrap.colour-brand-er-dark-blue svg path{fill:#0c0068}.container .popup .header .back-link .svg-wrap.colour-brand-er-teal svg path{fill:#00a76d}.container .popup .header .back-link .svg-wrap.colour-brand-emf-yellow svg path{fill:#FFE500}.container .popup .header .back-link .svg-wrap.colour-brand-c4c-orange svg path{fill:#F07D00}.container .popup .header .back-link .svg-wrap.colour-brand-afa-pink svg path{fill:#BF387D}.container .popup .header .back-link .svg-wrap.colour-brand-scw-magenta svg path{fill:#EE2C65}.container .popup .header .back-link .svg-wrap.colour-brand-mhf-turquoise svg path{fill:#62CFC9}.container .popup .header .back-link .svg-wrap.colour-brand-grey svg path{fill:#CBC8C8}.container .popup .header .back-link .svg-wrap.colour-white svg path{fill:#FFFFFF}.container .popup .header .back-link .svg-wrap.colour-black svg path{fill:#000000}.container .popup .header .back-link .svg-wrap.colour-grey-extra-light svg path{fill:#D7D7D7}.container .popup .header .back-link .svg-wrap.colour-grey-light svg path{fill:#E8E8E8}.container .popup .header .back-link .svg-wrap.colour-grey-medium svg path{fill:#8A8A8A}.container .popup .header .back-link .svg-wrap.colour-grey-dark svg path{fill:#4A4A4A}.container .popup .header .back-link .svg-wrap.colour-philco-orange svg path{fill:#f18a00}.container .popup .header .back-link .svg-wrap.colour-philco-gray-90 svg path{fill:#1d1d1B}.container .popup .header .back-link .svg-wrap.colour-philco-gray-70 svg path{fill:#7D7D7D}.container .popup .header .back-link .svg-wrap.colour-philco-white svg path{fill:#FFFFFF}.container .popup .header .back-link .svg-wrap.colour-philco-success-green svg path{fill:#1Ec691}.container .popup .header .back-link .svg-wrap.colour-philco-error-coral svg path{fill:#F54242}.container .popup .header .back-link .svg-wrap.colour-philco-gray-30 svg path{fill:#BBBBBB}.container .popup .header .back-link .svg-wrap.colour-philco-gray-20 svg path{fill:#F6F6F6}.container .popup .header .back-link .svg-wrap svg{height:14px;width:auto}.container .popup .header .close-link{margin-bottom:auto;cursor:pointer}.container .popup .header .close-link .svg-wrap{display:block;width:30px;height:30px;background-color:#FFFFFF;border-radius:50%;text-align:center;padding:6.5px;box-sizing:border-box}.container .popup .header .close-link .svg-wrap svg{display:inline-block;top:-1.5px;position:relative;stroke-width:1;stroke:#000000;height:15px;width:15px;transform:rotate(45deg)}.container .popup .content{padding:0 45px 90px 90px;margin-right:45px;max-height:calc(100vh - 200px);overflow-y:scroll;box-sizing:border-box}@media screen and (max-width: 768px){.container .header{padding:15px}.container .content{padding:0 15px 30px 30px;margin-right:15px;max-height:calc(100vh - 90px)}.container .popup{width:100%}}@media screen and (max-width: 576px){.container .header{padding:15px}.container .content{padding:0 15px 30px 30px;margin-right:15px;max-height:calc(100vh - 90px)}.container .popup{width:100%}}'}},[257,"biggive-sheet",{sheetId:[1,"sheet-id"],backgroundColour:[1,"background-colour"],textColour:[1,"text-colour"]}]),c=l,n=function(){"undefined"!=typeof customElements&&["biggive-sheet"].forEach((o=>{"biggive-sheet"===o&&(customElements.get(a(o))||customElements.define(a(o),l))}))};export{c as BiggiveSheet,n as defineCustomElement}
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as r,h as e,transformTag as c}from"@stencil/core/internal/client";const l=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.sheetId="",this.backgroundColour="primary",this.textColour="white",this.closeSheet=()=>{var o,r;null===(r=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".container"))||void 0===r||r.classList.remove("active"),history.pushState("",document.title,window.location.pathname)}}componentWillLoad(){window.addEventListener("hashchange",(()=>{this.openSheet(window.location.hash)}))}componentDidRender(){this.openSheet(window.location.hash)}openSheet(o){var r,e;""!=o&&o==this.sheetId&&(null===(e=null===(r=this.host.shadowRoot)||void 0===r?void 0:r.querySelector(".container"))||void 0===e||e.classList.add("active"))}render(){return e("div",{key:"8a17af7178e1c15e94d6036894262c01ee8ece2a",class:"container"},e("div",{key:"0df5c8741c8ed37c1b6d27e1a30700687e25e62c",class:"background"}),e("div",{key:"6bfbc2d5ca5a93cec576f603498581a2b16f9220",class:"popup background-colour-"+this.backgroundColour+" text-colour-"+this.textColour},e("div",{key:"e52e89059f6eecc1c36b7404467ae452bacd6cf7",class:"header"},e("div",{key:"626c368cc81471328e3f3b3740c6d365459907ac",class:"back-link",onClick:this.closeSheet},e("span",{key:"b48fcbe6ffd4544b9b35361243b700c97423f031",class:"svg-wrap colour-"+this.textColour},e("svg",{key:"a6ce20c5b59a27c56b3305b144d09ac37140e024",width:"33",height:"16",viewBox:"0 0 33 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"b9f110b3f812803b89d33ec90580605dee634216",d:"M0.292892 7.29289C-0.0976295 7.68342 -0.0976295 8.31658 0.292892 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292892 7.29289ZM33 7L1 7V9L33 9V7Z",fill:"black"}))),"Back"),e("div",{key:"11e867a38506c414e80effe4fc0cc88215d120c1",class:"close-link",onClick:this.closeSheet},e("span",{key:"aa02f409859cdfe920f0e82026b7ef2131e29614",class:"svg-wrap"},e("svg",{key:"abc14200cc518f3705cf71af09b99096c52ad92e",width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"55a0b826fa66bb0d729753939b6eef1b69eeb8c6",d:"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z"}))))),e("div",{key:"279409c91ed0dfa0f1da716e03ae0279f853856a",class:"content"},e("slot",{key:"c8e6a745e6ee0aa5d67ad0c011f9e65e12845fe9"}))))}get host(){return this}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-er-green{fill:#50B400}.fill-brand-er-dark-green{fill:#002413}.fill-brand-er-dark-blue{fill:#0c0068}.fill-brand-er-teal{fill:#00a76d}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}:host{display:contents;font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.container.active .popup{transform:translateX(0)}.container.active .background{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.6);z-index:99}.container .popup{position:fixed;transition:transform 1s ease-in-out;transform:translateX(100%);z-index:999;top:0;bottom:0;right:0;width:66%}.container .popup .header{padding:45px;display:flex;justify-content:space-between}.container .popup .header .back-link{cursor:pointer;display:flex;font-size:14px}.container .popup .header .back-link .svg-wrap{display:flex;margin:5px 15px auto 0}.container .popup .header .back-link .svg-wrap.colour-primary svg path{fill:#2C089B}.container .popup .header .back-link .svg-wrap.colour-secondary svg path{fill:#2AF135}.container .popup .header .back-link .svg-wrap.colour-tertiary svg path{fill:#FF7272}.container .popup .header .back-link .svg-wrap.colour-brand-cc-red svg path{fill:#B30510}.container .popup .header .back-link .svg-wrap.colour-brand-wgmf-purple svg path{fill:#6E0887}.container .popup .header .back-link .svg-wrap.colour-brand-gmf-green svg path{fill:#50B400}.container .popup .header .back-link .svg-wrap.colour-brand-er-green svg path{fill:#50B400}.container .popup .header .back-link .svg-wrap.colour-brand-er-dark-green svg path{fill:#002413}.container .popup .header .back-link .svg-wrap.colour-brand-er-dark-blue svg path{fill:#0c0068}.container .popup .header .back-link .svg-wrap.colour-brand-er-teal svg path{fill:#00a76d}.container .popup .header .back-link .svg-wrap.colour-brand-emf-yellow svg path{fill:#FFE500}.container .popup .header .back-link .svg-wrap.colour-brand-c4c-orange svg path{fill:#F07D00}.container .popup .header .back-link .svg-wrap.colour-brand-afa-pink svg path{fill:#BF387D}.container .popup .header .back-link .svg-wrap.colour-brand-scw-magenta svg path{fill:#EE2C65}.container .popup .header .back-link .svg-wrap.colour-brand-mhf-turquoise svg path{fill:#62CFC9}.container .popup .header .back-link .svg-wrap.colour-brand-grey svg path{fill:#CBC8C8}.container .popup .header .back-link .svg-wrap.colour-white svg path{fill:#FFFFFF}.container .popup .header .back-link .svg-wrap.colour-black svg path{fill:#000000}.container .popup .header .back-link .svg-wrap.colour-grey-extra-light svg path{fill:#D7D7D7}.container .popup .header .back-link .svg-wrap.colour-grey-light svg path{fill:#E8E8E8}.container .popup .header .back-link .svg-wrap.colour-grey-medium svg path{fill:#8A8A8A}.container .popup .header .back-link .svg-wrap.colour-grey-dark svg path{fill:#4A4A4A}.container .popup .header .back-link .svg-wrap.colour-philco-orange svg path{fill:#f18a00}.container .popup .header .back-link .svg-wrap.colour-philco-gray-90 svg path{fill:#1d1d1B}.container .popup .header .back-link .svg-wrap.colour-philco-gray-70 svg path{fill:#7D7D7D}.container .popup .header .back-link .svg-wrap.colour-philco-white svg path{fill:#FFFFFF}.container .popup .header .back-link .svg-wrap.colour-philco-success-green svg path{fill:#1Ec691}.container .popup .header .back-link .svg-wrap.colour-philco-error-coral svg path{fill:#F54242}.container .popup .header .back-link .svg-wrap.colour-philco-gray-30 svg path{fill:#BBBBBB}.container .popup .header .back-link .svg-wrap.colour-philco-gray-20 svg path{fill:#F6F6F6}.container .popup .header .back-link .svg-wrap svg{height:14px;width:auto}.container .popup .header .close-link{margin-bottom:auto;cursor:pointer}.container .popup .header .close-link .svg-wrap{display:block;width:30px;height:30px;background-color:#FFFFFF;border-radius:50%;text-align:center;padding:6.5px;box-sizing:border-box}.container .popup .header .close-link .svg-wrap svg{display:inline-block;top:-1.5px;position:relative;stroke-width:1;stroke:#000000;height:15px;width:15px;transform:rotate(45deg)}.container .popup .content{padding:0 45px 90px 90px;margin-right:45px;max-height:calc(100vh - 200px);overflow-y:scroll;box-sizing:border-box}@media screen and (max-width: 768px){.container .header{padding:15px}.container .content{padding:0 15px 30px 30px;margin-right:15px;max-height:calc(100vh - 90px)}.container .popup{width:100%}}@media screen and (max-width: 576px){.container .header{padding:15px}.container .content{padding:0 15px 30px 30px;margin-right:15px;max-height:calc(100vh - 90px)}.container .popup{width:100%}}'}},[257,"biggive-sheet",{sheetId:[1,"sheet-id"],backgroundColour:[1,"background-colour"],textColour:[1,"text-colour"]}]),a=l,n=function(){"undefined"!=typeof customElements&&["biggive-sheet"].forEach((o=>{"biggive-sheet"===o&&(customElements.get(c(o))||customElements.define(c(o),l))}))};export{a as BiggiveSheet,n as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as o,HTMLElement as c,h as r,transformTag as l}from"@stencil/core/internal/client";import{F as i}from"./fontawesome-icons.js";const e=o(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.labelPrefix="Big Give",this.backgroundColour="primary",this.iconColour="white",this.wide=!1,this.url="#"}render(){const o=i.getSocialIcon(this.service);return r("div",{key:"6e0201436f53836f9b1ad806ecae1377068310bf",class:"social-icon-item background-colour-"+this.backgroundColour+(this.wide?" wide":"")},r("a",{key:"0b667fe791e32aecbafc4918f7157b3022aba5de",href:this.url,"aria-label":`${this.labelPrefix} on ${this.service}`,target:"_blank",rel:"noopener"},r("svg",{key:"b53ffde6408cdc4d040b935a2c77c4d10b32906f",width:o.icon[0],height:o.icon[1],xmlns:"http://www.w3.org/2000/svg",class:"fill-"+this.iconColour,viewBox:"0 0 "+o.icon[0]+" "+o.icon[1],overflow:"hidden"},r("path",{key:"78a6425e1f76189dfde1d68009b0e5bbf1f2f24d",d:o.icon[4].toString()}))))}static get style(){return"a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-er-green{fill:#50B400}.fill-brand-er-dark-green{fill:#002413}.fill-brand-er-dark-blue{fill:#0c0068}.fill-brand-er-teal{fill:#00a76d}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}:host{display:contents}.social-icon-item{width:40px;height:40px;overflow:hidden;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px}.social-icon-item.colour-scheme-primary{background-color:#2C089B}.social-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.social-icon-item.colour-scheme-secondary{background-color:#2AF135}.social-icon-item.colour-scheme-secondary svg{fill:#000000}.social-icon-item.colour-scheme-tertiary{background-color:#FF7272}.social-icon-item.colour-scheme-tertiary svg{fill:#000000}.social-icon-item.colour-scheme-mhf-turquoise{background-color:#62CFC9}.social-icon-item.colour-scheme-mhf-turquoise svg{fill:#000000}.social-icon-item.colour-scheme-brand-grey{background-color:#CBC8C8}.social-icon-item.colour-scheme-brand-grey svg{fill:#000000}.social-icon-item.colour-scheme-brand-afa-pink{background-color:#BF387D}.social-icon-item.colour-scheme-brand-afa-pink svg{fill:#000000}.social-icon-item.colour-scheme-white{background-color:#FFFFFF}.social-icon-item.colour-scheme-white svg{fill:#000000}.social-icon-item.colour-scheme-black{background-color:#000000}.social-icon-item.colour-scheme-black svg{fill:#FFFFFF}.social-icon-item.colour-scheme-black{background-color:#D7D7D7}.social-icon-item.colour-scheme-black svg{fill:#D7D7D7}.social-icon-item.colour-scheme-black{background-color:#E8E8E8}.social-icon-item.colour-scheme-black svg{fill:#E8E8E8}.social-icon-item.colour-scheme-black{background-color:#8A8A8A}.social-icon-item.colour-scheme-black svg{fill:#8A8A8A}.social-icon-item.colour-scheme-black{background-color:#4A4A4A}.social-icon-item.colour-scheme-black svg{fill:#4A4A4A}.social-icon-item a{display:grid;box-sizing:border-box;padding:10px;height:100%;width:100%}.social-icon-item a svg{width:100%;height:100%}.social-icon-item:hover{background-color:#FFFFFF}.social-icon-item:hover svg{fill:#000000}.social-icon-item.wide{margin-right:30px}@media screen and (max-width: 576px){.social-icon-item{width:40px;height:40px;overflow:hidden;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px;margin-right:6px}.social-icon-item.colour-scheme-primary{background-color:#2C089B}.social-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.social-icon-item.colour-scheme-secondary{background-color:#2AF135}.social-icon-item.colour-scheme-secondary svg{fill:#000000}.social-icon-item.colour-scheme-tertiary{background-color:#FF7272}.social-icon-item.colour-scheme-tertiary svg{fill:#000000}.social-icon-item.colour-scheme-mhf-turquoise{background-color:#62CFC9}.social-icon-item.colour-scheme-mhf-turquoise svg{fill:#000000}.social-icon-item.colour-scheme-brand-grey{background-color:#CBC8C8}.social-icon-item.colour-scheme-brand-grey svg{fill:#000000}.social-icon-item.colour-scheme-brand-afa-pink{background-color:#BF387D}.social-icon-item.colour-scheme-brand-afa-pink svg{fill:#000000}.social-icon-item.colour-scheme-white{background-color:#FFFFFF}.social-icon-item.colour-scheme-white svg{fill:#000000}.social-icon-item.colour-scheme-black{background-color:#000000}.social-icon-item.colour-scheme-black svg{fill:#FFFFFF}.social-icon-item.colour-scheme-black{background-color:#D7D7D7}.social-icon-item.colour-scheme-black svg{fill:#D7D7D7}.social-icon-item.colour-scheme-black{background-color:#E8E8E8}.social-icon-item.colour-scheme-black svg{fill:#E8E8E8}.social-icon-item.colour-scheme-black{background-color:#8A8A8A}.social-icon-item.colour-scheme-black svg{fill:#8A8A8A}.social-icon-item.colour-scheme-black{background-color:#4A4A4A}.social-icon-item.colour-scheme-black svg{fill:#4A4A4A}.social-icon-item a{display:grid;box-sizing:border-box;padding:10px;height:100%;width:100%}.social-icon-item a svg{width:100%;height:100%}.social-icon-item a{padding:6px}.social-icon-item.wide{width:40px;height:40px;overflow:hidden;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px;margin-right:6px}.social-icon-item.wide.colour-scheme-primary{background-color:#2C089B}.social-icon-item.wide.colour-scheme-primary svg{fill:#FFFFFF}.social-icon-item.wide.colour-scheme-secondary{background-color:#2AF135}.social-icon-item.wide.colour-scheme-secondary svg{fill:#000000}.social-icon-item.wide.colour-scheme-tertiary{background-color:#FF7272}.social-icon-item.wide.colour-scheme-tertiary svg{fill:#000000}.social-icon-item.wide.colour-scheme-mhf-turquoise{background-color:#62CFC9}.social-icon-item.wide.colour-scheme-mhf-turquoise svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-grey{background-color:#CBC8C8}.social-icon-item.wide.colour-scheme-brand-grey svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-afa-pink{background-color:#BF387D}.social-icon-item.wide.colour-scheme-brand-afa-pink svg{fill:#000000}.social-icon-item.wide.colour-scheme-white{background-color:#FFFFFF}.social-icon-item.wide.colour-scheme-white svg{fill:#000000}.social-icon-item.wide.colour-scheme-black{background-color:#000000}.social-icon-item.wide.colour-scheme-black svg{fill:#FFFFFF}.social-icon-item.wide.colour-scheme-black{background-color:#D7D7D7}.social-icon-item.wide.colour-scheme-black svg{fill:#D7D7D7}.social-icon-item.wide.colour-scheme-black{background-color:#E8E8E8}.social-icon-item.wide.colour-scheme-black svg{fill:#E8E8E8}.social-icon-item.wide.colour-scheme-black{background-color:#8A8A8A}.social-icon-item.wide.colour-scheme-black svg{fill:#8A8A8A}.social-icon-item.wide.colour-scheme-black{background-color:#4A4A4A}.social-icon-item.wide.colour-scheme-black svg{fill:#4A4A4A}.social-icon-item.wide a{display:grid;box-sizing:border-box;padding:10px;height:100%;width:100%}.social-icon-item.wide a svg{width:100%;height:100%}.social-icon-item.wide a{padding:6px}}"}},[1,"biggive-social-icon",{service:[1],labelPrefix:[1,"label-prefix"],backgroundColour:[1,"background-colour"],iconColour:[1,"icon-colour"],wide:[4],url:[1]}]);function a(){"undefined"!=typeof customElements&&["biggive-social-icon"].forEach((o=>{"biggive-social-icon"===o&&(customElements.get(l(o))||customElements.define(l(o),e))}))}export{e as B,a as d}
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as c,h as r,transformTag as l}from"@stencil/core/internal/client";import{F as i}from"./fontawesome-icons.js";const e=o(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.labelPrefix="Big Give",this.backgroundColour="primary",this.iconColour="white",this.wide=!1,this.url="#"}render(){const o=i.getSocialIcon(this.service);return r("div",{key:"4f73a15093b130a00537f4489f0c747206a9542e",class:"social-icon-item background-colour-"+this.backgroundColour+(this.wide?" wide":"")},r("a",{key:"69150ecf7976bc43666ac4d4f5e8d68076d14bd3",href:this.url,"aria-label":`${this.labelPrefix} on ${this.service}`,target:"_blank",rel:"noopener"},r("svg",{key:"0f37d036daa5d00bfab40c65d690f3b69ac5b836",width:o.icon[0],height:o.icon[1],xmlns:"http://www.w3.org/2000/svg",class:"fill-"+this.iconColour,viewBox:"0 0 "+o.icon[0]+" "+o.icon[1],overflow:"hidden"},r("path",{key:"c9d6896a55a0ef35110e26676e08ea4215f2933d",d:o.icon[4].toString()}))))}static get style(){return"a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-er-green{fill:#50B400}.fill-brand-er-dark-green{fill:#002413}.fill-brand-er-dark-blue{fill:#0c0068}.fill-brand-er-teal{fill:#00a76d}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}:host{display:contents}.social-icon-item{width:40px;height:40px;overflow:hidden;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px}.social-icon-item.colour-scheme-primary{background-color:#2C089B}.social-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.social-icon-item.colour-scheme-secondary{background-color:#2AF135}.social-icon-item.colour-scheme-secondary svg{fill:#000000}.social-icon-item.colour-scheme-tertiary{background-color:#FF7272}.social-icon-item.colour-scheme-tertiary svg{fill:#000000}.social-icon-item.colour-scheme-mhf-turquoise{background-color:#62CFC9}.social-icon-item.colour-scheme-mhf-turquoise svg{fill:#000000}.social-icon-item.colour-scheme-brand-grey{background-color:#CBC8C8}.social-icon-item.colour-scheme-brand-grey svg{fill:#000000}.social-icon-item.colour-scheme-brand-afa-pink{background-color:#BF387D}.social-icon-item.colour-scheme-brand-afa-pink svg{fill:#000000}.social-icon-item.colour-scheme-white{background-color:#FFFFFF}.social-icon-item.colour-scheme-white svg{fill:#000000}.social-icon-item.colour-scheme-black{background-color:#000000}.social-icon-item.colour-scheme-black svg{fill:#FFFFFF}.social-icon-item.colour-scheme-black{background-color:#D7D7D7}.social-icon-item.colour-scheme-black svg{fill:#D7D7D7}.social-icon-item.colour-scheme-black{background-color:#E8E8E8}.social-icon-item.colour-scheme-black svg{fill:#E8E8E8}.social-icon-item.colour-scheme-black{background-color:#8A8A8A}.social-icon-item.colour-scheme-black svg{fill:#8A8A8A}.social-icon-item.colour-scheme-black{background-color:#4A4A4A}.social-icon-item.colour-scheme-black svg{fill:#4A4A4A}.social-icon-item a{display:grid;box-sizing:border-box;padding:10px;height:100%;width:100%}.social-icon-item a svg{width:100%;height:100%}.social-icon-item:hover{background-color:#FFFFFF}.social-icon-item:hover svg{fill:#000000}.social-icon-item.wide{margin-right:30px}@media screen and (max-width: 576px){.social-icon-item{width:40px;height:40px;overflow:hidden;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px;margin-right:6px}.social-icon-item.colour-scheme-primary{background-color:#2C089B}.social-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.social-icon-item.colour-scheme-secondary{background-color:#2AF135}.social-icon-item.colour-scheme-secondary svg{fill:#000000}.social-icon-item.colour-scheme-tertiary{background-color:#FF7272}.social-icon-item.colour-scheme-tertiary svg{fill:#000000}.social-icon-item.colour-scheme-mhf-turquoise{background-color:#62CFC9}.social-icon-item.colour-scheme-mhf-turquoise svg{fill:#000000}.social-icon-item.colour-scheme-brand-grey{background-color:#CBC8C8}.social-icon-item.colour-scheme-brand-grey svg{fill:#000000}.social-icon-item.colour-scheme-brand-afa-pink{background-color:#BF387D}.social-icon-item.colour-scheme-brand-afa-pink svg{fill:#000000}.social-icon-item.colour-scheme-white{background-color:#FFFFFF}.social-icon-item.colour-scheme-white svg{fill:#000000}.social-icon-item.colour-scheme-black{background-color:#000000}.social-icon-item.colour-scheme-black svg{fill:#FFFFFF}.social-icon-item.colour-scheme-black{background-color:#D7D7D7}.social-icon-item.colour-scheme-black svg{fill:#D7D7D7}.social-icon-item.colour-scheme-black{background-color:#E8E8E8}.social-icon-item.colour-scheme-black svg{fill:#E8E8E8}.social-icon-item.colour-scheme-black{background-color:#8A8A8A}.social-icon-item.colour-scheme-black svg{fill:#8A8A8A}.social-icon-item.colour-scheme-black{background-color:#4A4A4A}.social-icon-item.colour-scheme-black svg{fill:#4A4A4A}.social-icon-item a{display:grid;box-sizing:border-box;padding:10px;height:100%;width:100%}.social-icon-item a svg{width:100%;height:100%}.social-icon-item a{padding:6px}.social-icon-item.wide{width:40px;height:40px;overflow:hidden;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px;margin-right:6px}.social-icon-item.wide.colour-scheme-primary{background-color:#2C089B}.social-icon-item.wide.colour-scheme-primary svg{fill:#FFFFFF}.social-icon-item.wide.colour-scheme-secondary{background-color:#2AF135}.social-icon-item.wide.colour-scheme-secondary svg{fill:#000000}.social-icon-item.wide.colour-scheme-tertiary{background-color:#FF7272}.social-icon-item.wide.colour-scheme-tertiary svg{fill:#000000}.social-icon-item.wide.colour-scheme-mhf-turquoise{background-color:#62CFC9}.social-icon-item.wide.colour-scheme-mhf-turquoise svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-grey{background-color:#CBC8C8}.social-icon-item.wide.colour-scheme-brand-grey svg{fill:#000000}.social-icon-item.wide.colour-scheme-brand-afa-pink{background-color:#BF387D}.social-icon-item.wide.colour-scheme-brand-afa-pink svg{fill:#000000}.social-icon-item.wide.colour-scheme-white{background-color:#FFFFFF}.social-icon-item.wide.colour-scheme-white svg{fill:#000000}.social-icon-item.wide.colour-scheme-black{background-color:#000000}.social-icon-item.wide.colour-scheme-black svg{fill:#FFFFFF}.social-icon-item.wide.colour-scheme-black{background-color:#D7D7D7}.social-icon-item.wide.colour-scheme-black svg{fill:#D7D7D7}.social-icon-item.wide.colour-scheme-black{background-color:#E8E8E8}.social-icon-item.wide.colour-scheme-black svg{fill:#E8E8E8}.social-icon-item.wide.colour-scheme-black{background-color:#8A8A8A}.social-icon-item.wide.colour-scheme-black svg{fill:#8A8A8A}.social-icon-item.wide.colour-scheme-black{background-color:#4A4A4A}.social-icon-item.wide.colour-scheme-black svg{fill:#4A4A4A}.social-icon-item.wide a{display:grid;box-sizing:border-box;padding:10px;height:100%;width:100%}.social-icon-item.wide a svg{width:100%;height:100%}.social-icon-item.wide a{padding:6px}}"}},[1,"biggive-social-icon",{service:[1],labelPrefix:[1,"label-prefix"],backgroundColour:[1,"background-colour"],iconColour:[1,"icon-colour"],wide:[4],url:[1]}]);function a(){"undefined"!=typeof customElements&&["biggive-social-icon"].forEach((o=>{"biggive-social-icon"===o&&(customElements.get(l(o))||customElements.define(l(o),e))}))}export{e as B,a as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as t,h as n,transformTag as i}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tabTitle=""}render(){return n("div",{key:"
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as t,h as n,transformTag as i}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tabTitle=""}render(){return n("div",{key:"634d0777fc3a489e00d7f8a02aa3326d541c2e6b",class:"container"},n("slot",{key:"e8795466ed8af18d9fb01dfe08e3a1945e262674"}))}static get style(){return'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}'}},[257,"biggive-tab",{tabTitle:[1,"tab-title"]}]),o=s,a=function(){"undefined"!=typeof customElements&&["biggive-tab"].forEach((e=>{"biggive-tab"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))};export{o as BiggiveTab,a as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as o,HTMLElement as t,h as r,transformTag as n}from"@stencil/core/internal/client";const e=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.textColour="black",this.selectedTextColour="primary",this.navigationHighlightColour="grey-medium",this.selectedNavigationHighlightColour="primary",this.buttonBackgroundColour="white",this.buttonIconColour="primary",this.scrollOffset=0,this.children=[],this.clickTabHandler=o=>{let t=0;const r=o.target.parentElement;for(let n of Array.from(r.children)){if(n==o.target)return void this.showTab(t);t++}},this.clickPrevHandler=()=>{this.scrollTab("PREV")},this.clickNextHandler=()=>{this.scrollTab("NEXT")}}componentWillLoad(){this.children=Array.from(this.host.children)}componentDidRender(){var o,t,r,n;this.showTab(0),this.scrollContextTab=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".navigation .sleeve ul li");const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".navigation .sleeve");e.scrollWidth>e.offsetWidth?null===(r=this.host.shadowRoot)||void 0===r||r.querySelectorAll(".navigation .button").forEach((function(o){o.style.display="block"})):null===(n=this.host.shadowRoot)||void 0===n||n.querySelectorAll(".navigation .button").forEach((function(o){o.style.display="none"}))}showTab(o){var t;const r=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(".navigation ul li");if(o>=0&&o<=(null==r?void 0:r.length)-1){let t=0;null==r||r.forEach((function(r){o==t?r.classList.add("selected"):r.classList.remove("selected"),t++})),t=0,this.host.querySelectorAll("biggive-tab").forEach((function(r){r.style.display=o==t?"block":"none",t++}))}}scrollTab(o){var t;if(!this.scrollContextTab)return;let r=this.scrollContextTab.parentElement,n=r.scrollWidth-(null===(t=r.parentElement)||void 0===t?void 0:t.offsetWidth);if("PREV"==o){if(this.scrollOffset+this.scrollContextTab.offsetWidth>0)return;this.scrollOffset=this.scrollOffset+this.scrollContextTab.offsetWidth,this.scrollContextTab.previousElementSibling&&(this.scrollContextTab=this.scrollContextTab.previousElementSibling)}else if("NEXT"==o){if(0-this.scrollOffset>n)return;this.scrollOffset=this.scrollOffset-this.scrollContextTab.offsetWidth,this.scrollContextTab.nextElementSibling&&(this.scrollContextTab=this.scrollContextTab.nextElementSibling)}r.querySelectorAll("li").forEach((o=>{o.style.transitionDuration="0.3s",o.style.transitionTimingFunction="ease-out",o.style.transform="translate3d("+this.scrollOffset+"px, 0, 0)"}))}render(){return r("div",{key:"a3a6e6a8973c5f9ce375802604c86d185f2c4e21",class:"container space-below-"+this.spaceBelow+" text-colour-"+this.textColour+" selected-text-colour-"+this.selectedTextColour+" navigation-highlight-colour-"+this.navigationHighlightColour+" selected-navigation-highlight-colour-"+this.selectedNavigationHighlightColour+" button-background-colour-"+this.buttonBackgroundColour+" button-icon-colour-"+this.buttonIconColour},r("div",{key:"6c6c89a3674c1a61d3fd7385dcc75dc03d633fb1",class:"navigation"},r("div",{key:"412bfb622862cd7f1c2a6b29eb43005cba1046b5",class:"button prev",onClick:this.clickPrevHandler,title:"Previous"},r("svg",{key:"a2f31c6d0bd2c59dd01377e9ad8ee3a4b8c747ab",width:"9",height:"16",viewBox:"0 0 9 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"9ccc951794ea7e584cd18d0984ca423283f12682",d:"M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261",stroke:"#000000","stroke-width":"2"}))),r("div",{key:"24afe78ecb54079f01d9051c5c673dd1adc9c140",class:"sleeve"},r("ul",{key:"21bd70c080d937e2ceb4c7bb5b9daf17cee9e198"},this.children.map((o=>r("li",{onClick:this.clickTabHandler},o.tabTitle))))),r("div",{key:"0cc0ccf18b9156154a05d6377745eb40c47f529f",class:"button next",onClick:this.clickNextHandler,title:"Next"},r("svg",{key:"ce8f610685db60a537817ffd3b7ae204f762849f",width:"9",height:"16",viewBox:"0 0 9 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"d9b8764b135178e0df1d7ffb0fc9e4d95153542b",d:"M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686",stroke:"#000000","stroke-width":"2"})))),r("slot",{key:"37506653fac975afe4df95625b1d00067cb8f430"}))}get host(){return this}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}::slotted(*){display:none}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative}.container .navigation{padding:0 40px}.container .navigation .button{position:absolute;top:5px;display:block;width:30px;height:30px;padding:2.5px 10px;box-sizing:border-box;background-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);border-radius:50%;cursor:pointer;text-align:center}.container .navigation .button.prev{left:0}.container .navigation .button.next{right:0}.container .navigation .button svg{width:10px;height:10px}.container .navigation .sleeve{border-bottom:1px solid #E8E8E8;overflow:hidden}.container .navigation .sleeve ul{margin:0;padding:0;list-style-type:none;display:flex}.container .navigation .sleeve ul li{flex-grow:1;padding:10px 20px;margin:0;width:calc(33.3% - 20px);border-bottom:3px solid transparent;text-align:center;white-space:nowrap;cursor:pointer}.container .navigation .sleeve ul li.selected{font-weight:bold}.container.text-colour-primary .navigation li{color:#2C089B}.container.navigation-highlight-colour-primary .navigation ul{border-color:#2C089B}.container.selected-text-colour-primary .navigation li.selected{color:#2C089B;border-color:#2C089B}.container.selected-navigation-highlight-colour-primary .navigation li.selected{border-color:#2C089B}.container.button-background-colour-primary .navigation .button{background-color:#2C089B}.container.button-icon-colour-primary .navigation .button svg path{stroke:#2C089B}.container.text-colour-secondary .navigation li{color:#2AF135}.container.navigation-highlight-colour-secondary .navigation ul{border-color:#2AF135}.container.selected-text-colour-secondary .navigation li.selected{color:#2AF135;border-color:#2AF135}.container.selected-navigation-highlight-colour-secondary .navigation li.selected{border-color:#2AF135}.container.button-background-colour-secondary .navigation .button{background-color:#2AF135}.container.button-icon-colour-secondary .navigation .button svg path{stroke:#2AF135}.container.text-colour-tertiary .navigation li{color:#FF7272}.container.navigation-highlight-colour-tertiary .navigation ul{border-color:#FF7272}.container.selected-text-colour-tertiary .navigation li.selected{color:#FF7272;border-color:#FF7272}.container.selected-navigation-highlight-colour-tertiary .navigation li.selected{border-color:#FF7272}.container.button-background-colour-tertiary .navigation .button{background-color:#FF7272}.container.button-icon-colour-tertiary .navigation .button svg path{stroke:#FF7272}.container.text-colour-brand-cc-red .navigation li{color:#B30510}.container.navigation-highlight-colour-brand-cc-red .navigation ul{border-color:#B30510}.container.selected-text-colour-brand-cc-red .navigation li.selected{color:#B30510;border-color:#B30510}.container.selected-navigation-highlight-colour-brand-cc-red .navigation li.selected{border-color:#B30510}.container.button-background-colour-brand-cc-red .navigation .button{background-color:#B30510}.container.button-icon-colour-brand-cc-red .navigation .button svg path{stroke:#B30510}.container.text-colour-brand-wgmf-purple .navigation li{color:#6E0887}.container.navigation-highlight-colour-brand-wgmf-purple .navigation ul{border-color:#6E0887}.container.selected-text-colour-brand-wgmf-purple .navigation li.selected{color:#6E0887;border-color:#6E0887}.container.selected-navigation-highlight-colour-brand-wgmf-purple .navigation li.selected{border-color:#6E0887}.container.button-background-colour-brand-wgmf-purple .navigation .button{background-color:#6E0887}.container.button-icon-colour-brand-wgmf-purple .navigation .button svg path{stroke:#6E0887}.container.text-colour-brand-gmf-green .navigation li{color:#50B400}.container.navigation-highlight-colour-brand-gmf-green .navigation ul{border-color:#50B400}.container.selected-text-colour-brand-gmf-green .navigation li.selected{color:#50B400;border-color:#50B400}.container.selected-navigation-highlight-colour-brand-gmf-green .navigation li.selected{border-color:#50B400}.container.button-background-colour-brand-gmf-green .navigation .button{background-color:#50B400}.container.button-icon-colour-brand-gmf-green .navigation .button svg path{stroke:#50B400}.container.text-colour-brand-er-green .navigation li{color:#50B400}.container.navigation-highlight-colour-brand-er-green .navigation ul{border-color:#50B400}.container.selected-text-colour-brand-er-green .navigation li.selected{color:#50B400;border-color:#50B400}.container.selected-navigation-highlight-colour-brand-er-green .navigation li.selected{border-color:#50B400}.container.button-background-colour-brand-er-green .navigation .button{background-color:#50B400}.container.button-icon-colour-brand-er-green .navigation .button svg path{stroke:#50B400}.container.text-colour-brand-er-dark-green .navigation li{color:#002413}.container.navigation-highlight-colour-brand-er-dark-green .navigation ul{border-color:#002413}.container.selected-text-colour-brand-er-dark-green .navigation li.selected{color:#002413;border-color:#002413}.container.selected-navigation-highlight-colour-brand-er-dark-green .navigation li.selected{border-color:#002413}.container.button-background-colour-brand-er-dark-green .navigation .button{background-color:#002413}.container.button-icon-colour-brand-er-dark-green .navigation .button svg path{stroke:#002413}.container.text-colour-brand-er-dark-blue .navigation li{color:#0c0068}.container.navigation-highlight-colour-brand-er-dark-blue .navigation ul{border-color:#0c0068}.container.selected-text-colour-brand-er-dark-blue .navigation li.selected{color:#0c0068;border-color:#0c0068}.container.selected-navigation-highlight-colour-brand-er-dark-blue .navigation li.selected{border-color:#0c0068}.container.button-background-colour-brand-er-dark-blue .navigation .button{background-color:#0c0068}.container.button-icon-colour-brand-er-dark-blue .navigation .button svg path{stroke:#0c0068}.container.text-colour-brand-er-teal .navigation li{color:#00a76d}.container.navigation-highlight-colour-brand-er-teal .navigation ul{border-color:#00a76d}.container.selected-text-colour-brand-er-teal .navigation li.selected{color:#00a76d;border-color:#00a76d}.container.selected-navigation-highlight-colour-brand-er-teal .navigation li.selected{border-color:#00a76d}.container.button-background-colour-brand-er-teal .navigation .button{background-color:#00a76d}.container.button-icon-colour-brand-er-teal .navigation .button svg path{stroke:#00a76d}.container.text-colour-brand-emf-yellow .navigation li{color:#FFE500}.container.navigation-highlight-colour-brand-emf-yellow .navigation ul{border-color:#FFE500}.container.selected-text-colour-brand-emf-yellow .navigation li.selected{color:#FFE500;border-color:#FFE500}.container.selected-navigation-highlight-colour-brand-emf-yellow .navigation li.selected{border-color:#FFE500}.container.button-background-colour-brand-emf-yellow .navigation .button{background-color:#FFE500}.container.button-icon-colour-brand-emf-yellow .navigation .button svg path{stroke:#FFE500}.container.text-colour-brand-c4c-orange .navigation li{color:#F07D00}.container.navigation-highlight-colour-brand-c4c-orange .navigation ul{border-color:#F07D00}.container.selected-text-colour-brand-c4c-orange .navigation li.selected{color:#F07D00;border-color:#F07D00}.container.selected-navigation-highlight-colour-brand-c4c-orange .navigation li.selected{border-color:#F07D00}.container.button-background-colour-brand-c4c-orange .navigation .button{background-color:#F07D00}.container.button-icon-colour-brand-c4c-orange .navigation .button svg path{stroke:#F07D00}.container.text-colour-brand-afa-pink .navigation li{color:#BF387D}.container.navigation-highlight-colour-brand-afa-pink .navigation ul{border-color:#BF387D}.container.selected-text-colour-brand-afa-pink .navigation li.selected{color:#BF387D;border-color:#BF387D}.container.selected-navigation-highlight-colour-brand-afa-pink .navigation li.selected{border-color:#BF387D}.container.button-background-colour-brand-afa-pink .navigation .button{background-color:#BF387D}.container.button-icon-colour-brand-afa-pink .navigation .button svg path{stroke:#BF387D}.container.text-colour-brand-scw-magenta .navigation li{color:#EE2C65}.container.navigation-highlight-colour-brand-scw-magenta .navigation ul{border-color:#EE2C65}.container.selected-text-colour-brand-scw-magenta .navigation li.selected{color:#EE2C65;border-color:#EE2C65}.container.selected-navigation-highlight-colour-brand-scw-magenta .navigation li.selected{border-color:#EE2C65}.container.button-background-colour-brand-scw-magenta .navigation .button{background-color:#EE2C65}.container.button-icon-colour-brand-scw-magenta .navigation .button svg path{stroke:#EE2C65}.container.text-colour-brand-mhf-turquoise .navigation li{color:#62CFC9}.container.navigation-highlight-colour-brand-mhf-turquoise .navigation ul{border-color:#62CFC9}.container.selected-text-colour-brand-mhf-turquoise .navigation li.selected{color:#62CFC9;border-color:#62CFC9}.container.selected-navigation-highlight-colour-brand-mhf-turquoise .navigation li.selected{border-color:#62CFC9}.container.button-background-colour-brand-mhf-turquoise .navigation .button{background-color:#62CFC9}.container.button-icon-colour-brand-mhf-turquoise .navigation .button svg path{stroke:#62CFC9}.container.text-colour-brand-grey .navigation li{color:#CBC8C8}.container.navigation-highlight-colour-brand-grey .navigation ul{border-color:#CBC8C8}.container.selected-text-colour-brand-grey .navigation li.selected{color:#CBC8C8;border-color:#CBC8C8}.container.selected-navigation-highlight-colour-brand-grey .navigation li.selected{border-color:#CBC8C8}.container.button-background-colour-brand-grey .navigation .button{background-color:#CBC8C8}.container.button-icon-colour-brand-grey .navigation .button svg path{stroke:#CBC8C8}.container.text-colour-white .navigation li{color:#FFFFFF}.container.navigation-highlight-colour-white .navigation ul{border-color:#FFFFFF}.container.selected-text-colour-white .navigation li.selected{color:#FFFFFF;border-color:#FFFFFF}.container.selected-navigation-highlight-colour-white .navigation li.selected{border-color:#FFFFFF}.container.button-background-colour-white .navigation .button{background-color:#FFFFFF}.container.button-icon-colour-white .navigation .button svg path{stroke:#FFFFFF}.container.text-colour-black .navigation li{color:#000000}.container.navigation-highlight-colour-black .navigation ul{border-color:#000000}.container.selected-text-colour-black .navigation li.selected{color:#000000;border-color:#000000}.container.selected-navigation-highlight-colour-black .navigation li.selected{border-color:#000000}.container.button-background-colour-black .navigation .button{background-color:#000000}.container.button-icon-colour-black .navigation .button svg path{stroke:#000000}.container.text-colour-grey-extra-light .navigation li{color:#D7D7D7}.container.navigation-highlight-colour-grey-extra-light .navigation ul{border-color:#D7D7D7}.container.selected-text-colour-grey-extra-light .navigation li.selected{color:#D7D7D7;border-color:#D7D7D7}.container.selected-navigation-highlight-colour-grey-extra-light .navigation li.selected{border-color:#D7D7D7}.container.button-background-colour-grey-extra-light .navigation .button{background-color:#D7D7D7}.container.button-icon-colour-grey-extra-light .navigation .button svg path{stroke:#D7D7D7}.container.text-colour-grey-light .navigation li{color:#E8E8E8}.container.navigation-highlight-colour-grey-light .navigation ul{border-color:#E8E8E8}.container.selected-text-colour-grey-light .navigation li.selected{color:#E8E8E8;border-color:#E8E8E8}.container.selected-navigation-highlight-colour-grey-light .navigation li.selected{border-color:#E8E8E8}.container.button-background-colour-grey-light .navigation .button{background-color:#E8E8E8}.container.button-icon-colour-grey-light .navigation .button svg path{stroke:#E8E8E8}.container.text-colour-grey-medium .navigation li{color:#8A8A8A}.container.navigation-highlight-colour-grey-medium .navigation ul{border-color:#8A8A8A}.container.selected-text-colour-grey-medium .navigation li.selected{color:#8A8A8A;border-color:#8A8A8A}.container.selected-navigation-highlight-colour-grey-medium .navigation li.selected{border-color:#8A8A8A}.container.button-background-colour-grey-medium .navigation .button{background-color:#8A8A8A}.container.button-icon-colour-grey-medium .navigation .button svg path{stroke:#8A8A8A}.container.text-colour-grey-dark .navigation li{color:#4A4A4A}.container.navigation-highlight-colour-grey-dark .navigation ul{border-color:#4A4A4A}.container.selected-text-colour-grey-dark .navigation li.selected{color:#4A4A4A;border-color:#4A4A4A}.container.selected-navigation-highlight-colour-grey-dark .navigation li.selected{border-color:#4A4A4A}.container.button-background-colour-grey-dark .navigation .button{background-color:#4A4A4A}.container.button-icon-colour-grey-dark .navigation .button svg path{stroke:#4A4A4A}.container.text-colour-philco-orange .navigation li{color:#f18a00}.container.navigation-highlight-colour-philco-orange .navigation ul{border-color:#f18a00}.container.selected-text-colour-philco-orange .navigation li.selected{color:#f18a00;border-color:#f18a00}.container.selected-navigation-highlight-colour-philco-orange .navigation li.selected{border-color:#f18a00}.container.button-background-colour-philco-orange .navigation .button{background-color:#f18a00}.container.button-icon-colour-philco-orange .navigation .button svg path{stroke:#f18a00}.container.text-colour-philco-gray-90 .navigation li{color:#1d1d1B}.container.navigation-highlight-colour-philco-gray-90 .navigation ul{border-color:#1d1d1B}.container.selected-text-colour-philco-gray-90 .navigation li.selected{color:#1d1d1B;border-color:#1d1d1B}.container.selected-navigation-highlight-colour-philco-gray-90 .navigation li.selected{border-color:#1d1d1B}.container.button-background-colour-philco-gray-90 .navigation .button{background-color:#1d1d1B}.container.button-icon-colour-philco-gray-90 .navigation .button svg path{stroke:#1d1d1B}.container.text-colour-philco-gray-70 .navigation li{color:#7D7D7D}.container.navigation-highlight-colour-philco-gray-70 .navigation ul{border-color:#7D7D7D}.container.selected-text-colour-philco-gray-70 .navigation li.selected{color:#7D7D7D;border-color:#7D7D7D}.container.selected-navigation-highlight-colour-philco-gray-70 .navigation li.selected{border-color:#7D7D7D}.container.button-background-colour-philco-gray-70 .navigation .button{background-color:#7D7D7D}.container.button-icon-colour-philco-gray-70 .navigation .button svg path{stroke:#7D7D7D}.container.text-colour-philco-white .navigation li{color:#FFFFFF}.container.navigation-highlight-colour-philco-white .navigation ul{border-color:#FFFFFF}.container.selected-text-colour-philco-white .navigation li.selected{color:#FFFFFF;border-color:#FFFFFF}.container.selected-navigation-highlight-colour-philco-white .navigation li.selected{border-color:#FFFFFF}.container.button-background-colour-philco-white .navigation .button{background-color:#FFFFFF}.container.button-icon-colour-philco-white .navigation .button svg path{stroke:#FFFFFF}.container.text-colour-philco-success-green .navigation li{color:#1Ec691}.container.navigation-highlight-colour-philco-success-green .navigation ul{border-color:#1Ec691}.container.selected-text-colour-philco-success-green .navigation li.selected{color:#1Ec691;border-color:#1Ec691}.container.selected-navigation-highlight-colour-philco-success-green .navigation li.selected{border-color:#1Ec691}.container.button-background-colour-philco-success-green .navigation .button{background-color:#1Ec691}.container.button-icon-colour-philco-success-green .navigation .button svg path{stroke:#1Ec691}.container.text-colour-philco-error-coral .navigation li{color:#F54242}.container.navigation-highlight-colour-philco-error-coral .navigation ul{border-color:#F54242}.container.selected-text-colour-philco-error-coral .navigation li.selected{color:#F54242;border-color:#F54242}.container.selected-navigation-highlight-colour-philco-error-coral .navigation li.selected{border-color:#F54242}.container.button-background-colour-philco-error-coral .navigation .button{background-color:#F54242}.container.button-icon-colour-philco-error-coral .navigation .button svg path{stroke:#F54242}.container.text-colour-philco-gray-30 .navigation li{color:#BBBBBB}.container.navigation-highlight-colour-philco-gray-30 .navigation ul{border-color:#BBBBBB}.container.selected-text-colour-philco-gray-30 .navigation li.selected{color:#BBBBBB;border-color:#BBBBBB}.container.selected-navigation-highlight-colour-philco-gray-30 .navigation li.selected{border-color:#BBBBBB}.container.button-background-colour-philco-gray-30 .navigation .button{background-color:#BBBBBB}.container.button-icon-colour-philco-gray-30 .navigation .button svg path{stroke:#BBBBBB}.container.text-colour-philco-gray-20 .navigation li{color:#F6F6F6}.container.navigation-highlight-colour-philco-gray-20 .navigation ul{border-color:#F6F6F6}.container.selected-text-colour-philco-gray-20 .navigation li.selected{color:#F6F6F6;border-color:#F6F6F6}.container.selected-navigation-highlight-colour-philco-gray-20 .navigation li.selected{border-color:#F6F6F6}.container.button-background-colour-philco-gray-20 .navigation .button{background-color:#F6F6F6}.container.button-icon-colour-philco-gray-20 .navigation .button svg path{stroke:#F6F6F6}'}},[257,"biggive-tabbed-content",{spaceBelow:[2,"space-below"],textColour:[1,"text-colour"],selectedTextColour:[1,"selected-text-colour"],navigationHighlightColour:[1,"navigation-highlight-colour"],selectedNavigationHighlightColour:[1,"selected-navigation-highlight-colour"],buttonBackgroundColour:[1,"button-background-colour"],buttonIconColour:[1,"button-icon-colour"]}]),i=e,a=function(){"undefined"!=typeof customElements&&["biggive-tabbed-content"].forEach((o=>{"biggive-tabbed-content"===o&&(customElements.get(n(o))||customElements.define(n(o),e))}))};export{i as BiggiveTabbedContent,a as defineCustomElement}
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as t,h as r,transformTag as n}from"@stencil/core/internal/client";const e=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.textColour="black",this.selectedTextColour="primary",this.navigationHighlightColour="grey-medium",this.selectedNavigationHighlightColour="primary",this.buttonBackgroundColour="white",this.buttonIconColour="primary",this.scrollOffset=0,this.children=[],this.clickTabHandler=o=>{let t=0;const r=o.target.parentElement;for(let n of Array.from(r.children)){if(n==o.target)return void this.showTab(t);t++}},this.clickPrevHandler=()=>{this.scrollTab("PREV")},this.clickNextHandler=()=>{this.scrollTab("NEXT")}}componentWillLoad(){this.children=Array.from(this.host.children)}componentDidRender(){var o,t,r,n;this.showTab(0),this.scrollContextTab=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".navigation .sleeve ul li");const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".navigation .sleeve");e.scrollWidth>e.offsetWidth?null===(r=this.host.shadowRoot)||void 0===r||r.querySelectorAll(".navigation .button").forEach((function(o){o.style.display="block"})):null===(n=this.host.shadowRoot)||void 0===n||n.querySelectorAll(".navigation .button").forEach((function(o){o.style.display="none"}))}showTab(o){var t;const r=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(".navigation ul li");if(o>=0&&o<=(null==r?void 0:r.length)-1){let t=0;null==r||r.forEach((function(r){o==t?r.classList.add("selected"):r.classList.remove("selected"),t++})),t=0,this.host.querySelectorAll("biggive-tab").forEach((function(r){r.style.display=o==t?"block":"none",t++}))}}scrollTab(o){var t;if(!this.scrollContextTab)return;let r=this.scrollContextTab.parentElement,n=r.scrollWidth-(null===(t=r.parentElement)||void 0===t?void 0:t.offsetWidth);if("PREV"==o){if(this.scrollOffset+this.scrollContextTab.offsetWidth>0)return;this.scrollOffset=this.scrollOffset+this.scrollContextTab.offsetWidth,this.scrollContextTab.previousElementSibling&&(this.scrollContextTab=this.scrollContextTab.previousElementSibling)}else if("NEXT"==o){if(0-this.scrollOffset>n)return;this.scrollOffset=this.scrollOffset-this.scrollContextTab.offsetWidth,this.scrollContextTab.nextElementSibling&&(this.scrollContextTab=this.scrollContextTab.nextElementSibling)}r.querySelectorAll("li").forEach((o=>{o.style.transitionDuration="0.3s",o.style.transitionTimingFunction="ease-out",o.style.transform="translate3d("+this.scrollOffset+"px, 0, 0)"}))}render(){return r("div",{key:"56a1058e2afdbfb00bf3b97a7c2923ff9c3c605c",class:"container space-below-"+this.spaceBelow+" text-colour-"+this.textColour+" selected-text-colour-"+this.selectedTextColour+" navigation-highlight-colour-"+this.navigationHighlightColour+" selected-navigation-highlight-colour-"+this.selectedNavigationHighlightColour+" button-background-colour-"+this.buttonBackgroundColour+" button-icon-colour-"+this.buttonIconColour},r("div",{key:"2ce86bf800b773d48a07201c01caebdc71f3d2c5",class:"navigation"},r("div",{key:"79d84b732e2e5a260890832ddfbf1b066b4ed864",class:"button prev",onClick:this.clickPrevHandler,title:"Previous"},r("svg",{key:"b70cfa0db4e5062d768f2e36f28430633d826440",width:"9",height:"16",viewBox:"0 0 9 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"6c853287cd2d432e3e7c4dcea5c3a0b30f86926d",d:"M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261",stroke:"#000000","stroke-width":"2"}))),r("div",{key:"9d858aa5c2f4c5a5d14c92c6eb4232ec59880157",class:"sleeve"},r("ul",{key:"05dbfc1f5aa6d7799563ed0fa777f10836672608"},this.children.map((o=>r("li",{onClick:this.clickTabHandler},o.tabTitle))))),r("div",{key:"ec6c108592d455f367621a798c8982bb5f4a8edb",class:"button next",onClick:this.clickNextHandler,title:"Next"},r("svg",{key:"bac3306039b4bd5e930d754ad37bbdad8157b93c",width:"9",height:"16",viewBox:"0 0 9 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{key:"6cbeae5a890107353796f6b8138deb03028e4ab4",d:"M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686",stroke:"#000000","stroke-width":"2"})))),r("slot",{key:"d0498e8dffea7d61b57be499d93961ce8d0dcbf8"}))}get host(){return this}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}::slotted(*){display:none}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative}.container .navigation{padding:0 40px}.container .navigation .button{position:absolute;top:5px;display:block;width:30px;height:30px;padding:2.5px 10px;box-sizing:border-box;background-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);border-radius:50%;cursor:pointer;text-align:center}.container .navigation .button.prev{left:0}.container .navigation .button.next{right:0}.container .navigation .button svg{width:10px;height:10px}.container .navigation .sleeve{border-bottom:1px solid #E8E8E8;overflow:hidden}.container .navigation .sleeve ul{margin:0;padding:0;list-style-type:none;display:flex}.container .navigation .sleeve ul li{flex-grow:1;padding:10px 20px;margin:0;width:calc(33.3% - 20px);border-bottom:3px solid transparent;text-align:center;white-space:nowrap;cursor:pointer}.container .navigation .sleeve ul li.selected{font-weight:bold}.container.text-colour-primary .navigation li{color:#2C089B}.container.navigation-highlight-colour-primary .navigation ul{border-color:#2C089B}.container.selected-text-colour-primary .navigation li.selected{color:#2C089B;border-color:#2C089B}.container.selected-navigation-highlight-colour-primary .navigation li.selected{border-color:#2C089B}.container.button-background-colour-primary .navigation .button{background-color:#2C089B}.container.button-icon-colour-primary .navigation .button svg path{stroke:#2C089B}.container.text-colour-secondary .navigation li{color:#2AF135}.container.navigation-highlight-colour-secondary .navigation ul{border-color:#2AF135}.container.selected-text-colour-secondary .navigation li.selected{color:#2AF135;border-color:#2AF135}.container.selected-navigation-highlight-colour-secondary .navigation li.selected{border-color:#2AF135}.container.button-background-colour-secondary .navigation .button{background-color:#2AF135}.container.button-icon-colour-secondary .navigation .button svg path{stroke:#2AF135}.container.text-colour-tertiary .navigation li{color:#FF7272}.container.navigation-highlight-colour-tertiary .navigation ul{border-color:#FF7272}.container.selected-text-colour-tertiary .navigation li.selected{color:#FF7272;border-color:#FF7272}.container.selected-navigation-highlight-colour-tertiary .navigation li.selected{border-color:#FF7272}.container.button-background-colour-tertiary .navigation .button{background-color:#FF7272}.container.button-icon-colour-tertiary .navigation .button svg path{stroke:#FF7272}.container.text-colour-brand-cc-red .navigation li{color:#B30510}.container.navigation-highlight-colour-brand-cc-red .navigation ul{border-color:#B30510}.container.selected-text-colour-brand-cc-red .navigation li.selected{color:#B30510;border-color:#B30510}.container.selected-navigation-highlight-colour-brand-cc-red .navigation li.selected{border-color:#B30510}.container.button-background-colour-brand-cc-red .navigation .button{background-color:#B30510}.container.button-icon-colour-brand-cc-red .navigation .button svg path{stroke:#B30510}.container.text-colour-brand-wgmf-purple .navigation li{color:#6E0887}.container.navigation-highlight-colour-brand-wgmf-purple .navigation ul{border-color:#6E0887}.container.selected-text-colour-brand-wgmf-purple .navigation li.selected{color:#6E0887;border-color:#6E0887}.container.selected-navigation-highlight-colour-brand-wgmf-purple .navigation li.selected{border-color:#6E0887}.container.button-background-colour-brand-wgmf-purple .navigation .button{background-color:#6E0887}.container.button-icon-colour-brand-wgmf-purple .navigation .button svg path{stroke:#6E0887}.container.text-colour-brand-gmf-green .navigation li{color:#50B400}.container.navigation-highlight-colour-brand-gmf-green .navigation ul{border-color:#50B400}.container.selected-text-colour-brand-gmf-green .navigation li.selected{color:#50B400;border-color:#50B400}.container.selected-navigation-highlight-colour-brand-gmf-green .navigation li.selected{border-color:#50B400}.container.button-background-colour-brand-gmf-green .navigation .button{background-color:#50B400}.container.button-icon-colour-brand-gmf-green .navigation .button svg path{stroke:#50B400}.container.text-colour-brand-er-green .navigation li{color:#50B400}.container.navigation-highlight-colour-brand-er-green .navigation ul{border-color:#50B400}.container.selected-text-colour-brand-er-green .navigation li.selected{color:#50B400;border-color:#50B400}.container.selected-navigation-highlight-colour-brand-er-green .navigation li.selected{border-color:#50B400}.container.button-background-colour-brand-er-green .navigation .button{background-color:#50B400}.container.button-icon-colour-brand-er-green .navigation .button svg path{stroke:#50B400}.container.text-colour-brand-er-dark-green .navigation li{color:#002413}.container.navigation-highlight-colour-brand-er-dark-green .navigation ul{border-color:#002413}.container.selected-text-colour-brand-er-dark-green .navigation li.selected{color:#002413;border-color:#002413}.container.selected-navigation-highlight-colour-brand-er-dark-green .navigation li.selected{border-color:#002413}.container.button-background-colour-brand-er-dark-green .navigation .button{background-color:#002413}.container.button-icon-colour-brand-er-dark-green .navigation .button svg path{stroke:#002413}.container.text-colour-brand-er-dark-blue .navigation li{color:#0c0068}.container.navigation-highlight-colour-brand-er-dark-blue .navigation ul{border-color:#0c0068}.container.selected-text-colour-brand-er-dark-blue .navigation li.selected{color:#0c0068;border-color:#0c0068}.container.selected-navigation-highlight-colour-brand-er-dark-blue .navigation li.selected{border-color:#0c0068}.container.button-background-colour-brand-er-dark-blue .navigation .button{background-color:#0c0068}.container.button-icon-colour-brand-er-dark-blue .navigation .button svg path{stroke:#0c0068}.container.text-colour-brand-er-teal .navigation li{color:#00a76d}.container.navigation-highlight-colour-brand-er-teal .navigation ul{border-color:#00a76d}.container.selected-text-colour-brand-er-teal .navigation li.selected{color:#00a76d;border-color:#00a76d}.container.selected-navigation-highlight-colour-brand-er-teal .navigation li.selected{border-color:#00a76d}.container.button-background-colour-brand-er-teal .navigation .button{background-color:#00a76d}.container.button-icon-colour-brand-er-teal .navigation .button svg path{stroke:#00a76d}.container.text-colour-brand-emf-yellow .navigation li{color:#FFE500}.container.navigation-highlight-colour-brand-emf-yellow .navigation ul{border-color:#FFE500}.container.selected-text-colour-brand-emf-yellow .navigation li.selected{color:#FFE500;border-color:#FFE500}.container.selected-navigation-highlight-colour-brand-emf-yellow .navigation li.selected{border-color:#FFE500}.container.button-background-colour-brand-emf-yellow .navigation .button{background-color:#FFE500}.container.button-icon-colour-brand-emf-yellow .navigation .button svg path{stroke:#FFE500}.container.text-colour-brand-c4c-orange .navigation li{color:#F07D00}.container.navigation-highlight-colour-brand-c4c-orange .navigation ul{border-color:#F07D00}.container.selected-text-colour-brand-c4c-orange .navigation li.selected{color:#F07D00;border-color:#F07D00}.container.selected-navigation-highlight-colour-brand-c4c-orange .navigation li.selected{border-color:#F07D00}.container.button-background-colour-brand-c4c-orange .navigation .button{background-color:#F07D00}.container.button-icon-colour-brand-c4c-orange .navigation .button svg path{stroke:#F07D00}.container.text-colour-brand-afa-pink .navigation li{color:#BF387D}.container.navigation-highlight-colour-brand-afa-pink .navigation ul{border-color:#BF387D}.container.selected-text-colour-brand-afa-pink .navigation li.selected{color:#BF387D;border-color:#BF387D}.container.selected-navigation-highlight-colour-brand-afa-pink .navigation li.selected{border-color:#BF387D}.container.button-background-colour-brand-afa-pink .navigation .button{background-color:#BF387D}.container.button-icon-colour-brand-afa-pink .navigation .button svg path{stroke:#BF387D}.container.text-colour-brand-scw-magenta .navigation li{color:#EE2C65}.container.navigation-highlight-colour-brand-scw-magenta .navigation ul{border-color:#EE2C65}.container.selected-text-colour-brand-scw-magenta .navigation li.selected{color:#EE2C65;border-color:#EE2C65}.container.selected-navigation-highlight-colour-brand-scw-magenta .navigation li.selected{border-color:#EE2C65}.container.button-background-colour-brand-scw-magenta .navigation .button{background-color:#EE2C65}.container.button-icon-colour-brand-scw-magenta .navigation .button svg path{stroke:#EE2C65}.container.text-colour-brand-mhf-turquoise .navigation li{color:#62CFC9}.container.navigation-highlight-colour-brand-mhf-turquoise .navigation ul{border-color:#62CFC9}.container.selected-text-colour-brand-mhf-turquoise .navigation li.selected{color:#62CFC9;border-color:#62CFC9}.container.selected-navigation-highlight-colour-brand-mhf-turquoise .navigation li.selected{border-color:#62CFC9}.container.button-background-colour-brand-mhf-turquoise .navigation .button{background-color:#62CFC9}.container.button-icon-colour-brand-mhf-turquoise .navigation .button svg path{stroke:#62CFC9}.container.text-colour-brand-grey .navigation li{color:#CBC8C8}.container.navigation-highlight-colour-brand-grey .navigation ul{border-color:#CBC8C8}.container.selected-text-colour-brand-grey .navigation li.selected{color:#CBC8C8;border-color:#CBC8C8}.container.selected-navigation-highlight-colour-brand-grey .navigation li.selected{border-color:#CBC8C8}.container.button-background-colour-brand-grey .navigation .button{background-color:#CBC8C8}.container.button-icon-colour-brand-grey .navigation .button svg path{stroke:#CBC8C8}.container.text-colour-white .navigation li{color:#FFFFFF}.container.navigation-highlight-colour-white .navigation ul{border-color:#FFFFFF}.container.selected-text-colour-white .navigation li.selected{color:#FFFFFF;border-color:#FFFFFF}.container.selected-navigation-highlight-colour-white .navigation li.selected{border-color:#FFFFFF}.container.button-background-colour-white .navigation .button{background-color:#FFFFFF}.container.button-icon-colour-white .navigation .button svg path{stroke:#FFFFFF}.container.text-colour-black .navigation li{color:#000000}.container.navigation-highlight-colour-black .navigation ul{border-color:#000000}.container.selected-text-colour-black .navigation li.selected{color:#000000;border-color:#000000}.container.selected-navigation-highlight-colour-black .navigation li.selected{border-color:#000000}.container.button-background-colour-black .navigation .button{background-color:#000000}.container.button-icon-colour-black .navigation .button svg path{stroke:#000000}.container.text-colour-grey-extra-light .navigation li{color:#D7D7D7}.container.navigation-highlight-colour-grey-extra-light .navigation ul{border-color:#D7D7D7}.container.selected-text-colour-grey-extra-light .navigation li.selected{color:#D7D7D7;border-color:#D7D7D7}.container.selected-navigation-highlight-colour-grey-extra-light .navigation li.selected{border-color:#D7D7D7}.container.button-background-colour-grey-extra-light .navigation .button{background-color:#D7D7D7}.container.button-icon-colour-grey-extra-light .navigation .button svg path{stroke:#D7D7D7}.container.text-colour-grey-light .navigation li{color:#E8E8E8}.container.navigation-highlight-colour-grey-light .navigation ul{border-color:#E8E8E8}.container.selected-text-colour-grey-light .navigation li.selected{color:#E8E8E8;border-color:#E8E8E8}.container.selected-navigation-highlight-colour-grey-light .navigation li.selected{border-color:#E8E8E8}.container.button-background-colour-grey-light .navigation .button{background-color:#E8E8E8}.container.button-icon-colour-grey-light .navigation .button svg path{stroke:#E8E8E8}.container.text-colour-grey-medium .navigation li{color:#8A8A8A}.container.navigation-highlight-colour-grey-medium .navigation ul{border-color:#8A8A8A}.container.selected-text-colour-grey-medium .navigation li.selected{color:#8A8A8A;border-color:#8A8A8A}.container.selected-navigation-highlight-colour-grey-medium .navigation li.selected{border-color:#8A8A8A}.container.button-background-colour-grey-medium .navigation .button{background-color:#8A8A8A}.container.button-icon-colour-grey-medium .navigation .button svg path{stroke:#8A8A8A}.container.text-colour-grey-dark .navigation li{color:#4A4A4A}.container.navigation-highlight-colour-grey-dark .navigation ul{border-color:#4A4A4A}.container.selected-text-colour-grey-dark .navigation li.selected{color:#4A4A4A;border-color:#4A4A4A}.container.selected-navigation-highlight-colour-grey-dark .navigation li.selected{border-color:#4A4A4A}.container.button-background-colour-grey-dark .navigation .button{background-color:#4A4A4A}.container.button-icon-colour-grey-dark .navigation .button svg path{stroke:#4A4A4A}.container.text-colour-philco-orange .navigation li{color:#f18a00}.container.navigation-highlight-colour-philco-orange .navigation ul{border-color:#f18a00}.container.selected-text-colour-philco-orange .navigation li.selected{color:#f18a00;border-color:#f18a00}.container.selected-navigation-highlight-colour-philco-orange .navigation li.selected{border-color:#f18a00}.container.button-background-colour-philco-orange .navigation .button{background-color:#f18a00}.container.button-icon-colour-philco-orange .navigation .button svg path{stroke:#f18a00}.container.text-colour-philco-gray-90 .navigation li{color:#1d1d1B}.container.navigation-highlight-colour-philco-gray-90 .navigation ul{border-color:#1d1d1B}.container.selected-text-colour-philco-gray-90 .navigation li.selected{color:#1d1d1B;border-color:#1d1d1B}.container.selected-navigation-highlight-colour-philco-gray-90 .navigation li.selected{border-color:#1d1d1B}.container.button-background-colour-philco-gray-90 .navigation .button{background-color:#1d1d1B}.container.button-icon-colour-philco-gray-90 .navigation .button svg path{stroke:#1d1d1B}.container.text-colour-philco-gray-70 .navigation li{color:#7D7D7D}.container.navigation-highlight-colour-philco-gray-70 .navigation ul{border-color:#7D7D7D}.container.selected-text-colour-philco-gray-70 .navigation li.selected{color:#7D7D7D;border-color:#7D7D7D}.container.selected-navigation-highlight-colour-philco-gray-70 .navigation li.selected{border-color:#7D7D7D}.container.button-background-colour-philco-gray-70 .navigation .button{background-color:#7D7D7D}.container.button-icon-colour-philco-gray-70 .navigation .button svg path{stroke:#7D7D7D}.container.text-colour-philco-white .navigation li{color:#FFFFFF}.container.navigation-highlight-colour-philco-white .navigation ul{border-color:#FFFFFF}.container.selected-text-colour-philco-white .navigation li.selected{color:#FFFFFF;border-color:#FFFFFF}.container.selected-navigation-highlight-colour-philco-white .navigation li.selected{border-color:#FFFFFF}.container.button-background-colour-philco-white .navigation .button{background-color:#FFFFFF}.container.button-icon-colour-philco-white .navigation .button svg path{stroke:#FFFFFF}.container.text-colour-philco-success-green .navigation li{color:#1Ec691}.container.navigation-highlight-colour-philco-success-green .navigation ul{border-color:#1Ec691}.container.selected-text-colour-philco-success-green .navigation li.selected{color:#1Ec691;border-color:#1Ec691}.container.selected-navigation-highlight-colour-philco-success-green .navigation li.selected{border-color:#1Ec691}.container.button-background-colour-philco-success-green .navigation .button{background-color:#1Ec691}.container.button-icon-colour-philco-success-green .navigation .button svg path{stroke:#1Ec691}.container.text-colour-philco-error-coral .navigation li{color:#F54242}.container.navigation-highlight-colour-philco-error-coral .navigation ul{border-color:#F54242}.container.selected-text-colour-philco-error-coral .navigation li.selected{color:#F54242;border-color:#F54242}.container.selected-navigation-highlight-colour-philco-error-coral .navigation li.selected{border-color:#F54242}.container.button-background-colour-philco-error-coral .navigation .button{background-color:#F54242}.container.button-icon-colour-philco-error-coral .navigation .button svg path{stroke:#F54242}.container.text-colour-philco-gray-30 .navigation li{color:#BBBBBB}.container.navigation-highlight-colour-philco-gray-30 .navigation ul{border-color:#BBBBBB}.container.selected-text-colour-philco-gray-30 .navigation li.selected{color:#BBBBBB;border-color:#BBBBBB}.container.selected-navigation-highlight-colour-philco-gray-30 .navigation li.selected{border-color:#BBBBBB}.container.button-background-colour-philco-gray-30 .navigation .button{background-color:#BBBBBB}.container.button-icon-colour-philco-gray-30 .navigation .button svg path{stroke:#BBBBBB}.container.text-colour-philco-gray-20 .navigation li{color:#F6F6F6}.container.navigation-highlight-colour-philco-gray-20 .navigation ul{border-color:#F6F6F6}.container.selected-text-colour-philco-gray-20 .navigation li.selected{color:#F6F6F6;border-color:#F6F6F6}.container.selected-navigation-highlight-colour-philco-gray-20 .navigation li.selected{border-color:#F6F6F6}.container.button-background-colour-philco-gray-20 .navigation .button{background-color:#F6F6F6}.container.button-icon-colour-philco-gray-20 .navigation .button svg path{stroke:#F6F6F6}'}},[257,"biggive-tabbed-content",{spaceBelow:[2,"space-below"],textColour:[1,"text-colour"],selectedTextColour:[1,"selected-text-colour"],navigationHighlightColour:[1,"navigation-highlight-colour"],selectedNavigationHighlightColour:[1,"selected-navigation-highlight-colour"],buttonBackgroundColour:[1,"button-background-colour"],buttonIconColour:[1,"button-icon-colour"]}]),i=e,a=function(){"undefined"!=typeof customElements&&["biggive-tabbed-content"].forEach((o=>{"biggive-tabbed-content"===o&&(customElements.get(n(o))||customElements.define(n(o),e))}))};export{i as BiggiveTabbedContent,a as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as o,HTMLElement as r,h as c,transformTag as e}from"@stencil/core/internal/client";const a=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.headerTextColour="primary",this.headerBackgroundColour="white",this.bodyTextColour="black",this.bodyBackgroundColour="grey-light"}render(){return c("div",{key:"abd68af2392c2034df0f28ef0e02748caba42683",class:"container header-text-colour-"+this.headerTextColour+" header-background-colour-"+this.headerBackgroundColour+" body-text-colour-"+this.bodyTextColour+" body-background-colour-"+this.bodyBackgroundColour+" space-below-"+this.spaceBelow},c("slot",{key:"8413ae4417883293064752aff362d74323e5ebed"}))}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-er-green{fill:#50B400}.fill-brand-er-dark-green{fill:#002413}.fill-brand-er-dark-blue{fill:#0c0068}.fill-brand-er-teal{fill:#00a76d}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}:host{display:contents;font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.container.header-text-colour-primary thead{color:#2C089B}.container.header-background-colour-primary thead{background-color:#2C089B}.container.body-text-colour-primary tbody{color:#2C089B}.container.body-background-colour-primary tbody{background-color:#2C089B}.container.header-text-colour-secondary thead{color:#2AF135}.container.header-background-colour-secondary thead{background-color:#2AF135}.container.body-text-colour-secondary tbody{color:#2AF135}.container.body-background-colour-secondary tbody{background-color:#2AF135}.container.header-text-colour-tertiary thead{color:#FF7272}.container.header-background-colour-tertiary thead{background-color:#FF7272}.container.body-text-colour-tertiary tbody{color:#FF7272}.container.body-background-colour-tertiary tbody{background-color:#FF7272}.container.header-text-colour-brand-cc-red thead{color:#B30510}.container.header-background-colour-brand-cc-red thead{background-color:#B30510}.container.body-text-colour-brand-cc-red tbody{color:#B30510}.container.body-background-colour-brand-cc-red tbody{background-color:#B30510}.container.header-text-colour-brand-wgmf-purple thead{color:#6E0887}.container.header-background-colour-brand-wgmf-purple thead{background-color:#6E0887}.container.body-text-colour-brand-wgmf-purple tbody{color:#6E0887}.container.body-background-colour-brand-wgmf-purple tbody{background-color:#6E0887}.container.header-text-colour-brand-gmf-green thead{color:#50B400}.container.header-background-colour-brand-gmf-green thead{background-color:#50B400}.container.body-text-colour-brand-gmf-green tbody{color:#50B400}.container.body-background-colour-brand-gmf-green tbody{background-color:#50B400}.container.header-text-colour-brand-er-green thead{color:#50B400}.container.header-background-colour-brand-er-green thead{background-color:#50B400}.container.body-text-colour-brand-er-green tbody{color:#50B400}.container.body-background-colour-brand-er-green tbody{background-color:#50B400}.container.header-text-colour-brand-er-dark-green thead{color:#002413}.container.header-background-colour-brand-er-dark-green thead{background-color:#002413}.container.body-text-colour-brand-er-dark-green tbody{color:#002413}.container.body-background-colour-brand-er-dark-green tbody{background-color:#002413}.container.header-text-colour-brand-er-dark-blue thead{color:#0c0068}.container.header-background-colour-brand-er-dark-blue thead{background-color:#0c0068}.container.body-text-colour-brand-er-dark-blue tbody{color:#0c0068}.container.body-background-colour-brand-er-dark-blue tbody{background-color:#0c0068}.container.header-text-colour-brand-er-teal thead{color:#00a76d}.container.header-background-colour-brand-er-teal thead{background-color:#00a76d}.container.body-text-colour-brand-er-teal tbody{color:#00a76d}.container.body-background-colour-brand-er-teal tbody{background-color:#00a76d}.container.header-text-colour-brand-emf-yellow thead{color:#FFE500}.container.header-background-colour-brand-emf-yellow thead{background-color:#FFE500}.container.body-text-colour-brand-emf-yellow tbody{color:#FFE500}.container.body-background-colour-brand-emf-yellow tbody{background-color:#FFE500}.container.header-text-colour-brand-c4c-orange thead{color:#F07D00}.container.header-background-colour-brand-c4c-orange thead{background-color:#F07D00}.container.body-text-colour-brand-c4c-orange tbody{color:#F07D00}.container.body-background-colour-brand-c4c-orange tbody{background-color:#F07D00}.container.header-text-colour-brand-afa-pink thead{color:#BF387D}.container.header-background-colour-brand-afa-pink thead{background-color:#BF387D}.container.body-text-colour-brand-afa-pink tbody{color:#BF387D}.container.body-background-colour-brand-afa-pink tbody{background-color:#BF387D}.container.header-text-colour-brand-scw-magenta thead{color:#EE2C65}.container.header-background-colour-brand-scw-magenta thead{background-color:#EE2C65}.container.body-text-colour-brand-scw-magenta tbody{color:#EE2C65}.container.body-background-colour-brand-scw-magenta tbody{background-color:#EE2C65}.container.header-text-colour-brand-mhf-turquoise thead{color:#62CFC9}.container.header-background-colour-brand-mhf-turquoise thead{background-color:#62CFC9}.container.body-text-colour-brand-mhf-turquoise tbody{color:#62CFC9}.container.body-background-colour-brand-mhf-turquoise tbody{background-color:#62CFC9}.container.header-text-colour-brand-grey thead{color:#CBC8C8}.container.header-background-colour-brand-grey thead{background-color:#CBC8C8}.container.body-text-colour-brand-grey tbody{color:#CBC8C8}.container.body-background-colour-brand-grey tbody{background-color:#CBC8C8}.container.header-text-colour-white thead{color:#FFFFFF}.container.header-background-colour-white thead{background-color:#FFFFFF}.container.body-text-colour-white tbody{color:#FFFFFF}.container.body-background-colour-white tbody{background-color:#FFFFFF}.container.header-text-colour-black thead{color:#000000}.container.header-background-colour-black thead{background-color:#000000}.container.body-text-colour-black tbody{color:#000000}.container.body-background-colour-black tbody{background-color:#000000}.container.header-text-colour-grey-extra-light thead{color:#D7D7D7}.container.header-background-colour-grey-extra-light thead{background-color:#D7D7D7}.container.body-text-colour-grey-extra-light tbody{color:#D7D7D7}.container.body-background-colour-grey-extra-light tbody{background-color:#D7D7D7}.container.header-text-colour-grey-light thead{color:#E8E8E8}.container.header-background-colour-grey-light thead{background-color:#E8E8E8}.container.body-text-colour-grey-light tbody{color:#E8E8E8}.container.body-background-colour-grey-light tbody{background-color:#E8E8E8}.container.header-text-colour-grey-medium thead{color:#8A8A8A}.container.header-background-colour-grey-medium thead{background-color:#8A8A8A}.container.body-text-colour-grey-medium tbody{color:#8A8A8A}.container.body-background-colour-grey-medium tbody{background-color:#8A8A8A}.container.header-text-colour-grey-dark thead{color:#4A4A4A}.container.header-background-colour-grey-dark thead{background-color:#4A4A4A}.container.body-text-colour-grey-dark tbody{color:#4A4A4A}.container.body-background-colour-grey-dark tbody{background-color:#4A4A4A}.container.header-text-colour-philco-orange thead{color:#f18a00}.container.header-background-colour-philco-orange thead{background-color:#f18a00}.container.body-text-colour-philco-orange tbody{color:#f18a00}.container.body-background-colour-philco-orange tbody{background-color:#f18a00}.container.header-text-colour-philco-gray-90 thead{color:#1d1d1B}.container.header-background-colour-philco-gray-90 thead{background-color:#1d1d1B}.container.body-text-colour-philco-gray-90 tbody{color:#1d1d1B}.container.body-background-colour-philco-gray-90 tbody{background-color:#1d1d1B}.container.header-text-colour-philco-gray-70 thead{color:#7D7D7D}.container.header-background-colour-philco-gray-70 thead{background-color:#7D7D7D}.container.body-text-colour-philco-gray-70 tbody{color:#7D7D7D}.container.body-background-colour-philco-gray-70 tbody{background-color:#7D7D7D}.container.header-text-colour-philco-white thead{color:#FFFFFF}.container.header-background-colour-philco-white thead{background-color:#FFFFFF}.container.body-text-colour-philco-white tbody{color:#FFFFFF}.container.body-background-colour-philco-white tbody{background-color:#FFFFFF}.container.header-text-colour-philco-success-green thead{color:#1Ec691}.container.header-background-colour-philco-success-green thead{background-color:#1Ec691}.container.body-text-colour-philco-success-green tbody{color:#1Ec691}.container.body-background-colour-philco-success-green tbody{background-color:#1Ec691}.container.header-text-colour-philco-error-coral thead{color:#F54242}.container.header-background-colour-philco-error-coral thead{background-color:#F54242}.container.body-text-colour-philco-error-coral tbody{color:#F54242}.container.body-background-colour-philco-error-coral tbody{background-color:#F54242}.container.header-text-colour-philco-gray-30 thead{color:#BBBBBB}.container.header-background-colour-philco-gray-30 thead{background-color:#BBBBBB}.container.body-text-colour-philco-gray-30 tbody{color:#BBBBBB}.container.body-background-colour-philco-gray-30 tbody{background-color:#BBBBBB}.container.header-text-colour-philco-gray-20 thead{color:#F6F6F6}.container.header-background-colour-philco-gray-20 thead{background-color:#F6F6F6}.container.body-text-colour-philco-gray-20 tbody{color:#F6F6F6}.container.body-background-colour-philco-gray-20 tbody{background-color:#F6F6F6}.container table{width:100%;border-collapse:collapse;border:0}.container table td,.container table th{padding:10px 20px;border:0;font-size:inherit}.container table thead{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.15))}.container table thead td,.container table thead th{font-weight:bold}.container table tbody tr.odd{background-color:rgba(255, 255, 255, 0.3)}.container table tbody td,.container table tbody th{font-size:80%}'}},[257,"biggive-table",{spaceBelow:[2,"space-below"],headerTextColour:[1,"header-text-colour"],headerBackgroundColour:[1,"header-background-colour"],bodyTextColour:[1,"body-text-colour"],bodyBackgroundColour:[1,"body-background-colour"]}]),n=a,d=function(){"undefined"!=typeof customElements&&["biggive-table"].forEach((o=>{"biggive-table"===o&&(customElements.get(e(o))||customElements.define(e(o),a))}))};export{n as BiggiveTable,d as defineCustomElement}
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as r,h as c,transformTag as e}from"@stencil/core/internal/client";const a=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.headerTextColour="primary",this.headerBackgroundColour="white",this.bodyTextColour="black",this.bodyBackgroundColour="grey-light"}render(){return c("div",{key:"c190425c3313a3822bc252936f17806f7145cf5d",class:"container header-text-colour-"+this.headerTextColour+" header-background-colour-"+this.headerBackgroundColour+" body-text-colour-"+this.bodyTextColour+" body-background-colour-"+this.bodyBackgroundColour+" space-below-"+this.spaceBelow},c("slot",{key:"817e824f66a49a4d3aed94fa74e1a6a17df25b13"}))}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-er-green{fill:#50B400}.fill-brand-er-dark-green{fill:#002413}.fill-brand-er-dark-blue{fill:#0c0068}.fill-brand-er-teal{fill:#00a76d}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-philco-orange{fill:#f18a00}.fill-philco-gray-90{fill:#1d1d1B}.fill-philco-gray-70{fill:#7D7D7D}.fill-philco-white{fill:#FFFFFF}.fill-philco-success-green{fill:#1Ec691}.fill-philco-error-coral{fill:#F54242}.fill-philco-gray-30{fill:#BBBBBB}.fill-philco-gray-20{fill:#F6F6F6}:host{display:contents;font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.container.header-text-colour-primary thead{color:#2C089B}.container.header-background-colour-primary thead{background-color:#2C089B}.container.body-text-colour-primary tbody{color:#2C089B}.container.body-background-colour-primary tbody{background-color:#2C089B}.container.header-text-colour-secondary thead{color:#2AF135}.container.header-background-colour-secondary thead{background-color:#2AF135}.container.body-text-colour-secondary tbody{color:#2AF135}.container.body-background-colour-secondary tbody{background-color:#2AF135}.container.header-text-colour-tertiary thead{color:#FF7272}.container.header-background-colour-tertiary thead{background-color:#FF7272}.container.body-text-colour-tertiary tbody{color:#FF7272}.container.body-background-colour-tertiary tbody{background-color:#FF7272}.container.header-text-colour-brand-cc-red thead{color:#B30510}.container.header-background-colour-brand-cc-red thead{background-color:#B30510}.container.body-text-colour-brand-cc-red tbody{color:#B30510}.container.body-background-colour-brand-cc-red tbody{background-color:#B30510}.container.header-text-colour-brand-wgmf-purple thead{color:#6E0887}.container.header-background-colour-brand-wgmf-purple thead{background-color:#6E0887}.container.body-text-colour-brand-wgmf-purple tbody{color:#6E0887}.container.body-background-colour-brand-wgmf-purple tbody{background-color:#6E0887}.container.header-text-colour-brand-gmf-green thead{color:#50B400}.container.header-background-colour-brand-gmf-green thead{background-color:#50B400}.container.body-text-colour-brand-gmf-green tbody{color:#50B400}.container.body-background-colour-brand-gmf-green tbody{background-color:#50B400}.container.header-text-colour-brand-er-green thead{color:#50B400}.container.header-background-colour-brand-er-green thead{background-color:#50B400}.container.body-text-colour-brand-er-green tbody{color:#50B400}.container.body-background-colour-brand-er-green tbody{background-color:#50B400}.container.header-text-colour-brand-er-dark-green thead{color:#002413}.container.header-background-colour-brand-er-dark-green thead{background-color:#002413}.container.body-text-colour-brand-er-dark-green tbody{color:#002413}.container.body-background-colour-brand-er-dark-green tbody{background-color:#002413}.container.header-text-colour-brand-er-dark-blue thead{color:#0c0068}.container.header-background-colour-brand-er-dark-blue thead{background-color:#0c0068}.container.body-text-colour-brand-er-dark-blue tbody{color:#0c0068}.container.body-background-colour-brand-er-dark-blue tbody{background-color:#0c0068}.container.header-text-colour-brand-er-teal thead{color:#00a76d}.container.header-background-colour-brand-er-teal thead{background-color:#00a76d}.container.body-text-colour-brand-er-teal tbody{color:#00a76d}.container.body-background-colour-brand-er-teal tbody{background-color:#00a76d}.container.header-text-colour-brand-emf-yellow thead{color:#FFE500}.container.header-background-colour-brand-emf-yellow thead{background-color:#FFE500}.container.body-text-colour-brand-emf-yellow tbody{color:#FFE500}.container.body-background-colour-brand-emf-yellow tbody{background-color:#FFE500}.container.header-text-colour-brand-c4c-orange thead{color:#F07D00}.container.header-background-colour-brand-c4c-orange thead{background-color:#F07D00}.container.body-text-colour-brand-c4c-orange tbody{color:#F07D00}.container.body-background-colour-brand-c4c-orange tbody{background-color:#F07D00}.container.header-text-colour-brand-afa-pink thead{color:#BF387D}.container.header-background-colour-brand-afa-pink thead{background-color:#BF387D}.container.body-text-colour-brand-afa-pink tbody{color:#BF387D}.container.body-background-colour-brand-afa-pink tbody{background-color:#BF387D}.container.header-text-colour-brand-scw-magenta thead{color:#EE2C65}.container.header-background-colour-brand-scw-magenta thead{background-color:#EE2C65}.container.body-text-colour-brand-scw-magenta tbody{color:#EE2C65}.container.body-background-colour-brand-scw-magenta tbody{background-color:#EE2C65}.container.header-text-colour-brand-mhf-turquoise thead{color:#62CFC9}.container.header-background-colour-brand-mhf-turquoise thead{background-color:#62CFC9}.container.body-text-colour-brand-mhf-turquoise tbody{color:#62CFC9}.container.body-background-colour-brand-mhf-turquoise tbody{background-color:#62CFC9}.container.header-text-colour-brand-grey thead{color:#CBC8C8}.container.header-background-colour-brand-grey thead{background-color:#CBC8C8}.container.body-text-colour-brand-grey tbody{color:#CBC8C8}.container.body-background-colour-brand-grey tbody{background-color:#CBC8C8}.container.header-text-colour-white thead{color:#FFFFFF}.container.header-background-colour-white thead{background-color:#FFFFFF}.container.body-text-colour-white tbody{color:#FFFFFF}.container.body-background-colour-white tbody{background-color:#FFFFFF}.container.header-text-colour-black thead{color:#000000}.container.header-background-colour-black thead{background-color:#000000}.container.body-text-colour-black tbody{color:#000000}.container.body-background-colour-black tbody{background-color:#000000}.container.header-text-colour-grey-extra-light thead{color:#D7D7D7}.container.header-background-colour-grey-extra-light thead{background-color:#D7D7D7}.container.body-text-colour-grey-extra-light tbody{color:#D7D7D7}.container.body-background-colour-grey-extra-light tbody{background-color:#D7D7D7}.container.header-text-colour-grey-light thead{color:#E8E8E8}.container.header-background-colour-grey-light thead{background-color:#E8E8E8}.container.body-text-colour-grey-light tbody{color:#E8E8E8}.container.body-background-colour-grey-light tbody{background-color:#E8E8E8}.container.header-text-colour-grey-medium thead{color:#8A8A8A}.container.header-background-colour-grey-medium thead{background-color:#8A8A8A}.container.body-text-colour-grey-medium tbody{color:#8A8A8A}.container.body-background-colour-grey-medium tbody{background-color:#8A8A8A}.container.header-text-colour-grey-dark thead{color:#4A4A4A}.container.header-background-colour-grey-dark thead{background-color:#4A4A4A}.container.body-text-colour-grey-dark tbody{color:#4A4A4A}.container.body-background-colour-grey-dark tbody{background-color:#4A4A4A}.container.header-text-colour-philco-orange thead{color:#f18a00}.container.header-background-colour-philco-orange thead{background-color:#f18a00}.container.body-text-colour-philco-orange tbody{color:#f18a00}.container.body-background-colour-philco-orange tbody{background-color:#f18a00}.container.header-text-colour-philco-gray-90 thead{color:#1d1d1B}.container.header-background-colour-philco-gray-90 thead{background-color:#1d1d1B}.container.body-text-colour-philco-gray-90 tbody{color:#1d1d1B}.container.body-background-colour-philco-gray-90 tbody{background-color:#1d1d1B}.container.header-text-colour-philco-gray-70 thead{color:#7D7D7D}.container.header-background-colour-philco-gray-70 thead{background-color:#7D7D7D}.container.body-text-colour-philco-gray-70 tbody{color:#7D7D7D}.container.body-background-colour-philco-gray-70 tbody{background-color:#7D7D7D}.container.header-text-colour-philco-white thead{color:#FFFFFF}.container.header-background-colour-philco-white thead{background-color:#FFFFFF}.container.body-text-colour-philco-white tbody{color:#FFFFFF}.container.body-background-colour-philco-white tbody{background-color:#FFFFFF}.container.header-text-colour-philco-success-green thead{color:#1Ec691}.container.header-background-colour-philco-success-green thead{background-color:#1Ec691}.container.body-text-colour-philco-success-green tbody{color:#1Ec691}.container.body-background-colour-philco-success-green tbody{background-color:#1Ec691}.container.header-text-colour-philco-error-coral thead{color:#F54242}.container.header-background-colour-philco-error-coral thead{background-color:#F54242}.container.body-text-colour-philco-error-coral tbody{color:#F54242}.container.body-background-colour-philco-error-coral tbody{background-color:#F54242}.container.header-text-colour-philco-gray-30 thead{color:#BBBBBB}.container.header-background-colour-philco-gray-30 thead{background-color:#BBBBBB}.container.body-text-colour-philco-gray-30 tbody{color:#BBBBBB}.container.body-background-colour-philco-gray-30 tbody{background-color:#BBBBBB}.container.header-text-colour-philco-gray-20 thead{color:#F6F6F6}.container.header-background-colour-philco-gray-20 thead{background-color:#F6F6F6}.container.body-text-colour-philco-gray-20 tbody{color:#F6F6F6}.container.body-background-colour-philco-gray-20 tbody{background-color:#F6F6F6}.container table{width:100%;border-collapse:collapse;border:0}.container table td,.container table th{padding:10px 20px;border:0;font-size:inherit}.container table thead{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.15))}.container table thead td,.container table thead th{font-weight:bold}.container table tbody tr.odd{background-color:rgba(255, 255, 255, 0.3)}.container table tbody td,.container table tbody th{font-size:80%}'}},[257,"biggive-table",{spaceBelow:[2,"space-below"],headerTextColour:[1,"header-text-colour"],headerBackgroundColour:[1,"header-background-colour"],bodyTextColour:[1,"body-text-colour"],bodyBackgroundColour:[1,"body-background-colour"]}]),n=a,d=function(){"undefined"!=typeof customElements&&["biggive-table"].forEach((o=>{"biggive-table"===o&&(customElements.get(e(o))||customElements.define(e(o),a))}))};export{n as BiggiveTable,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as t,h as o,transformTag as i}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.selectStyle="bordered",this.siteDesign="biggive"}render(){const e="GBP"===this.currency?"£":"USD"===this.currency?"$":void 0;return o("div",{key:"
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as t,h as o,transformTag as i}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.selectStyle="bordered",this.siteDesign="biggive"}render(){const e="GBP"===this.currency?"£":"USD"===this.currency?"$":void 0;return o("div",{key:"0041454271ee084fd8f8ab12b94824d89d5385b8",class:"text-input space-below-"+this.spaceBelow+" select-style-"+this.selectStyle+" "+this.siteDesign},o("div",{key:"2a743801751f0af588e8aecc825c9b78d4d8b259",class:"prompt"},o("span",{key:"9b0aa37d25f1ab6e47c6350da4b87d920e8229f6"},o("slot",{key:"8fc9612258d3a4f7c949fb35db11304f2d21231d",name:"label"}))),o("div",{key:"c07e5cb27554d3398f7d26a074cd1ed9b128950c",class:"sleeve"},o("div",{key:"58f4809aa7105d008425fb3ae009d67c9d7cadcb",class:"inner-sleeve"},e&&o("span",{key:"d699bbef4abbf50d456ff6d83a793ee6ef866bff",class:"currency-symbol"},e),o("slot",{key:"c031d6b833740172af73676ee61aafe4d0996db5",name:"input"}),o("div",{key:"863534292ade813043b741b0dc40b18fd483bb3a",style:{clear:"both"}}))))}componentDidLoad(){const e=this.host.querySelector('[slot="input"]'),t=this.host.shadowRoot.querySelector(".sleeve");if(!e)throw Error("Input slot element required for biggive-text-input");e.addEventListener("focusin",(()=>t.classList.add("focused"))),e.addEventListener("focusout",(()=>t.classList.remove("focused")))}get host(){return this}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}::slotted([slot=label]){display:inline-block;line-height:1.2}.text-input{position:relative;font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.text-input .currency-symbol{position:absolute}.text-input .prompt{position:relative;z-index:2;font-size:small;top:1em;left:4em;color:#2C089B;max-width:calc(100% - 10em);display:inline-block}.text-input .prompt>span{padding-left:1em;padding-right:1em;background-color:#F6F6F6}.text-input.philco .prompt{color:#1d1d1B}.text-input.philco .prompt>span{background-color:#FFFFFF}.text-input.select-style-bordered.biggive .sleeve{font-size:24px;line-height:30px;font-weight:bolder;padding:2px;position:relative;background-color:#2C089B;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 15px) 0%, 100% 15px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered.biggive .sleeve .inner-sleeve{background-color:#F6F6F6;color:#2C089B;display:block;position:relative;padding:10px 30px 10px 10px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 14px) 0%, 100% 14px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.text-input.select-style-bordered.biggive .sleeve .inner-sleeve:after{content:"";display:block;position:absolute;right:20px;top:18px;width:10px;height:10px;background-size:contain;background-repeat:no-repeat;background-position:center center}.text-input.select-style-bordered.biggive .sleeve.focused{background-color:#2AF135}.text-input.select-style-bordered.philco .inner-sleeve{border:2px solid #1d1d1B;border-radius:6px;padding:12px}'}},[257,"biggive-text-input",{currency:[1],spaceBelow:[2,"space-below"],selectStyle:[1,"select-style"],siteDesign:[1,"site-design"]}]),n=s,p=function(){"undefined"!=typeof customElements&&["biggive-text-input"].forEach((e=>{"biggive-text-input"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))};export{n as BiggiveTextInput,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as o,HTMLElement as r,h as t,transformTag as n}from"@stencil/core/internal/client";const e=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.textColour="black",this.selectedTextColour="primary",this.navigationHighlightColour="grey-medium",this.selectedNavigationHighlightColour="primary",this.buttonBackgroundColour="white",this.buttonIconColour="primary",this.entryBackgroundColour="white",this.entryHighlightColour="secondary",this.entryDateColour="black",this.entryTitleColour="primary",this.entryTextColour="black",this.scrollOffset=0,this.tabHeadings=[],this.children=[],this.clickTabHandler=o=>{let r=0;for(let t of o.target.parentElement.children){if(t==o.target)return void this.showTab(r);r++}},this.clickPrevHandler=()=>{this.scrollTab("PREV")},this.clickNextHandler=()=>{this.scrollTab("NEXT")}}componentWillLoad(){this.children=Array.from(this.host.children);let o=this.tabHeadings;this.children.forEach((function(r){let t=r.date.substring(0,4);o.includes(t)||o.push(t)}))}componentDidRender(){this.showTab(0)}showTab(o){var r,t,n,e;const c=null===(r=this.host.shadowRoot)||void 0===r?void 0:r.querySelectorAll(".navigation ul li"),i=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(".entry");if(c.length>0&&(this.scrollContextTab=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector(".navigation ul li")),o>=0&&o<=(null==c?void 0:c.length)-1){let r=null===(e=c[o])||void 0===e?void 0:e.innerHTML,t=0;null==c||c.forEach((function(r){o==t?r.classList.add("selected"):r.classList.remove("selected"),t++})),i.forEach((function(o){var t;o.style.display=(null===(t=o.getAttribute("data-date"))||void 0===t?void 0:t.substring(0,4))==r?"block":"none"}))}}scrollTab(o){var r;if(!this.scrollContextTab)return;let t=this.scrollContextTab.parentElement,n=t.scrollWidth-(null===(r=t.parentElement)||void 0===r?void 0:r.offsetWidth);if("PREV"==o){if(this.scrollOffset+this.scrollContextTab.offsetWidth>0)return;this.scrollOffset=this.scrollOffset+this.scrollContextTab.offsetWidth,this.scrollContextTab.previousElementSibling&&(this.scrollContextTab=this.scrollContextTab.previousElementSibling)}else if("NEXT"==o){if(0-this.scrollOffset>n)return;this.scrollOffset=this.scrollOffset-this.scrollContextTab.offsetWidth,this.scrollContextTab.nextElementSibling&&(this.scrollContextTab=this.scrollContextTab.nextElementSibling)}t.querySelectorAll("li").forEach((o=>{o.style.transitionDuration="0.3s",o.style.transitionTimingFunction="ease-out",o.style.transform="translate3d("+this.scrollOffset+"px, 0, 0)"}))}render(){return t("div",{key:"1c7172d9f77028c52eca56754b55567482e62aed",class:"container space-below-"+this.spaceBelow+" text-colour-"+this.textColour+" selected-text-colour-"+this.selectedTextColour+" navigation-highlight-colour-"+this.navigationHighlightColour+" selected-navigation-highlight-colour-"+this.selectedNavigationHighlightColour+" button-background-colour-"+this.buttonBackgroundColour+" button-icon-colour-"+this.buttonIconColour+" entry-background-colour-"+this.entryBackgroundColour+" entry-highlight-colour-"+this.entryHighlightColour+" entry-date-colour-"+this.entryDateColour+" entry-title-colour-"+this.entryTitleColour+" entry-text-colour-"+this.entryTextColour},t("div",{key:"c14d4e0900004203055ef256764d4defa52ca9fb",class:"navigation"},t("div",{key:"caa0cc6cfa2dc41cd6c33f03ab6d48e2822dbd83",class:"button prev",onClick:this.clickPrevHandler,title:"Previous"},t("svg",{key:"24a655914c707c4d6ae94e6015bf472c3f62daf7",width:"9",height:"16",viewBox:"0 0 9 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"51f25df809909438bafe9ba5883f4fe2074144ae",d:"M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261",stroke:"#000000","stroke-width":"2"}))),t("div",{key:"4be11d07c6983d283cd25f85fdff86fa17670237",class:"sleeve"},t("ul",{key:"bbaecab4ca42ed05bdd19a0f5d483efe20654ce9"},this.tabHeadings.map((o=>t("li",{onClick:this.clickTabHandler},o))))),t("div",{key:"df56fe5329703a94edd53cc35c6c2b6db24b349f",class:"button next",onClick:this.clickNextHandler,title:"Next"},t("svg",{key:"32138a63b868cfc47fc9dadf1b80b732846e236b",width:"9",height:"16",viewBox:"0 0 9 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"233ed7dedff44369a6dd9eee5c2a17c4d449204a",d:"M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686",stroke:"#000000","stroke-width":"2"})))),t("div",{key:"3ecfaa0c5658e641fe2b216bdf41ebe128efba93",class:"entry-wrap"},this.children.map((o=>t("div",{class:"entry","data-date":o.date},t("h4",{class:"title"},o.heading),t("div",{class:"content",innerHTML:o.innerHTML}))))))}get host(){return this}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}::slotted(*){display:none}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative}.container .navigation{padding:0 40px}.container .navigation .button{position:absolute;top:5px;display:block;width:30px;height:30px;padding:2.5px 10px;box-sizing:border-box;background-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);border-radius:50%;cursor:pointer;text-align:center}.container .navigation .button.prev{left:0}.container .navigation .button.next{right:0}.container .navigation .button svg{width:10px;height:10px}.container .navigation .sleeve{overflow-x:hidden}.container .navigation .sleeve ul{margin:0;padding:0;list-style-type:none;display:flex;border-bottom:1px solid #E8E8E8}.container .navigation .sleeve ul li{flex-grow:1;padding:10px 20px;margin:0 0 -1px 0;width:calc(33.3% - 20px);border-bottom:3px solid transparent;text-align:center;cursor:pointer}.container .navigation .sleeve ul li.selected{font-weight:bold}.container .entry-wrap{padding:40px}.container .entry-wrap .entry{margin-bottom:15px;border-left:15px solid transparent;padding:15px 40px 15px 40px}.container .entry-wrap .entry .title{font-weight:bold;margin:0 0 5px 0;padding:0}.container .entry-wrap .entry .content p{margin:0 0 5px 0}.container.text-colour-primary .navigation li{color:#2C089B}.container.navigation-highlight-colour-primary .navigation ul{border-color:#2C089B}.container.selected-text-colour-primary .navigation li.selected{color:#2C089B}.container.selected-navigation-highlight-colour-primary .navigation li.selected{border-color:#2C089B}.container.button-background-colour-primary .navigation .button{background-color:#2C089B}.container.button-icon-colour-primary .navigation .button svg path{stroke:#2C089B}.container.entry-background-colour-primary .entry{background-color:#2C089B}.container.entry-highlight-colour-primary .entry{border-color:#2C089B}.container.entry-date-colour-primary .entry .date{color:#2C089B}.container.entry-title-colour-primary .entry .title{color:#2C089B}.container.entry-text-colour-primary .entry .content{color:#2C089B}.container.text-colour-secondary .navigation li{color:#2AF135}.container.navigation-highlight-colour-secondary .navigation ul{border-color:#2AF135}.container.selected-text-colour-secondary .navigation li.selected{color:#2AF135}.container.selected-navigation-highlight-colour-secondary .navigation li.selected{border-color:#2AF135}.container.button-background-colour-secondary .navigation .button{background-color:#2AF135}.container.button-icon-colour-secondary .navigation .button svg path{stroke:#2AF135}.container.entry-background-colour-secondary .entry{background-color:#2AF135}.container.entry-highlight-colour-secondary .entry{border-color:#2AF135}.container.entry-date-colour-secondary .entry .date{color:#2AF135}.container.entry-title-colour-secondary .entry .title{color:#2AF135}.container.entry-text-colour-secondary .entry .content{color:#2AF135}.container.text-colour-tertiary .navigation li{color:#FF7272}.container.navigation-highlight-colour-tertiary .navigation ul{border-color:#FF7272}.container.selected-text-colour-tertiary .navigation li.selected{color:#FF7272}.container.selected-navigation-highlight-colour-tertiary .navigation li.selected{border-color:#FF7272}.container.button-background-colour-tertiary .navigation .button{background-color:#FF7272}.container.button-icon-colour-tertiary .navigation .button svg path{stroke:#FF7272}.container.entry-background-colour-tertiary .entry{background-color:#FF7272}.container.entry-highlight-colour-tertiary .entry{border-color:#FF7272}.container.entry-date-colour-tertiary .entry .date{color:#FF7272}.container.entry-title-colour-tertiary .entry .title{color:#FF7272}.container.entry-text-colour-tertiary .entry .content{color:#FF7272}.container.text-colour-brand-cc-red .navigation li{color:#B30510}.container.navigation-highlight-colour-brand-cc-red .navigation ul{border-color:#B30510}.container.selected-text-colour-brand-cc-red .navigation li.selected{color:#B30510}.container.selected-navigation-highlight-colour-brand-cc-red .navigation li.selected{border-color:#B30510}.container.button-background-colour-brand-cc-red .navigation .button{background-color:#B30510}.container.button-icon-colour-brand-cc-red .navigation .button svg path{stroke:#B30510}.container.entry-background-colour-brand-cc-red .entry{background-color:#B30510}.container.entry-highlight-colour-brand-cc-red .entry{border-color:#B30510}.container.entry-date-colour-brand-cc-red .entry .date{color:#B30510}.container.entry-title-colour-brand-cc-red .entry .title{color:#B30510}.container.entry-text-colour-brand-cc-red .entry .content{color:#B30510}.container.text-colour-brand-wgmf-purple .navigation li{color:#6E0887}.container.navigation-highlight-colour-brand-wgmf-purple .navigation ul{border-color:#6E0887}.container.selected-text-colour-brand-wgmf-purple .navigation li.selected{color:#6E0887}.container.selected-navigation-highlight-colour-brand-wgmf-purple .navigation li.selected{border-color:#6E0887}.container.button-background-colour-brand-wgmf-purple .navigation .button{background-color:#6E0887}.container.button-icon-colour-brand-wgmf-purple .navigation .button svg path{stroke:#6E0887}.container.entry-background-colour-brand-wgmf-purple .entry{background-color:#6E0887}.container.entry-highlight-colour-brand-wgmf-purple .entry{border-color:#6E0887}.container.entry-date-colour-brand-wgmf-purple .entry .date{color:#6E0887}.container.entry-title-colour-brand-wgmf-purple .entry .title{color:#6E0887}.container.entry-text-colour-brand-wgmf-purple .entry .content{color:#6E0887}.container.text-colour-brand-gmf-green .navigation li{color:#50B400}.container.navigation-highlight-colour-brand-gmf-green .navigation ul{border-color:#50B400}.container.selected-text-colour-brand-gmf-green .navigation li.selected{color:#50B400}.container.selected-navigation-highlight-colour-brand-gmf-green .navigation li.selected{border-color:#50B400}.container.button-background-colour-brand-gmf-green .navigation .button{background-color:#50B400}.container.button-icon-colour-brand-gmf-green .navigation .button svg path{stroke:#50B400}.container.entry-background-colour-brand-gmf-green .entry{background-color:#50B400}.container.entry-highlight-colour-brand-gmf-green .entry{border-color:#50B400}.container.entry-date-colour-brand-gmf-green .entry .date{color:#50B400}.container.entry-title-colour-brand-gmf-green .entry .title{color:#50B400}.container.entry-text-colour-brand-gmf-green .entry .content{color:#50B400}.container.text-colour-brand-er-green .navigation li{color:#50B400}.container.navigation-highlight-colour-brand-er-green .navigation ul{border-color:#50B400}.container.selected-text-colour-brand-er-green .navigation li.selected{color:#50B400}.container.selected-navigation-highlight-colour-brand-er-green .navigation li.selected{border-color:#50B400}.container.button-background-colour-brand-er-green .navigation .button{background-color:#50B400}.container.button-icon-colour-brand-er-green .navigation .button svg path{stroke:#50B400}.container.entry-background-colour-brand-er-green .entry{background-color:#50B400}.container.entry-highlight-colour-brand-er-green .entry{border-color:#50B400}.container.entry-date-colour-brand-er-green .entry .date{color:#50B400}.container.entry-title-colour-brand-er-green .entry .title{color:#50B400}.container.entry-text-colour-brand-er-green .entry .content{color:#50B400}.container.text-colour-brand-er-dark-green .navigation li{color:#002413}.container.navigation-highlight-colour-brand-er-dark-green .navigation ul{border-color:#002413}.container.selected-text-colour-brand-er-dark-green .navigation li.selected{color:#002413}.container.selected-navigation-highlight-colour-brand-er-dark-green .navigation li.selected{border-color:#002413}.container.button-background-colour-brand-er-dark-green .navigation .button{background-color:#002413}.container.button-icon-colour-brand-er-dark-green .navigation .button svg path{stroke:#002413}.container.entry-background-colour-brand-er-dark-green .entry{background-color:#002413}.container.entry-highlight-colour-brand-er-dark-green .entry{border-color:#002413}.container.entry-date-colour-brand-er-dark-green .entry .date{color:#002413}.container.entry-title-colour-brand-er-dark-green .entry .title{color:#002413}.container.entry-text-colour-brand-er-dark-green .entry .content{color:#002413}.container.text-colour-brand-er-dark-blue .navigation li{color:#0c0068}.container.navigation-highlight-colour-brand-er-dark-blue .navigation ul{border-color:#0c0068}.container.selected-text-colour-brand-er-dark-blue .navigation li.selected{color:#0c0068}.container.selected-navigation-highlight-colour-brand-er-dark-blue .navigation li.selected{border-color:#0c0068}.container.button-background-colour-brand-er-dark-blue .navigation .button{background-color:#0c0068}.container.button-icon-colour-brand-er-dark-blue .navigation .button svg path{stroke:#0c0068}.container.entry-background-colour-brand-er-dark-blue .entry{background-color:#0c0068}.container.entry-highlight-colour-brand-er-dark-blue .entry{border-color:#0c0068}.container.entry-date-colour-brand-er-dark-blue .entry .date{color:#0c0068}.container.entry-title-colour-brand-er-dark-blue .entry .title{color:#0c0068}.container.entry-text-colour-brand-er-dark-blue .entry .content{color:#0c0068}.container.text-colour-brand-er-teal .navigation li{color:#00a76d}.container.navigation-highlight-colour-brand-er-teal .navigation ul{border-color:#00a76d}.container.selected-text-colour-brand-er-teal .navigation li.selected{color:#00a76d}.container.selected-navigation-highlight-colour-brand-er-teal .navigation li.selected{border-color:#00a76d}.container.button-background-colour-brand-er-teal .navigation .button{background-color:#00a76d}.container.button-icon-colour-brand-er-teal .navigation .button svg path{stroke:#00a76d}.container.entry-background-colour-brand-er-teal .entry{background-color:#00a76d}.container.entry-highlight-colour-brand-er-teal .entry{border-color:#00a76d}.container.entry-date-colour-brand-er-teal .entry .date{color:#00a76d}.container.entry-title-colour-brand-er-teal .entry .title{color:#00a76d}.container.entry-text-colour-brand-er-teal .entry .content{color:#00a76d}.container.text-colour-brand-emf-yellow .navigation li{color:#FFE500}.container.navigation-highlight-colour-brand-emf-yellow .navigation ul{border-color:#FFE500}.container.selected-text-colour-brand-emf-yellow .navigation li.selected{color:#FFE500}.container.selected-navigation-highlight-colour-brand-emf-yellow .navigation li.selected{border-color:#FFE500}.container.button-background-colour-brand-emf-yellow .navigation .button{background-color:#FFE500}.container.button-icon-colour-brand-emf-yellow .navigation .button svg path{stroke:#FFE500}.container.entry-background-colour-brand-emf-yellow .entry{background-color:#FFE500}.container.entry-highlight-colour-brand-emf-yellow .entry{border-color:#FFE500}.container.entry-date-colour-brand-emf-yellow .entry .date{color:#FFE500}.container.entry-title-colour-brand-emf-yellow .entry .title{color:#FFE500}.container.entry-text-colour-brand-emf-yellow .entry .content{color:#FFE500}.container.text-colour-brand-c4c-orange .navigation li{color:#F07D00}.container.navigation-highlight-colour-brand-c4c-orange .navigation ul{border-color:#F07D00}.container.selected-text-colour-brand-c4c-orange .navigation li.selected{color:#F07D00}.container.selected-navigation-highlight-colour-brand-c4c-orange .navigation li.selected{border-color:#F07D00}.container.button-background-colour-brand-c4c-orange .navigation .button{background-color:#F07D00}.container.button-icon-colour-brand-c4c-orange .navigation .button svg path{stroke:#F07D00}.container.entry-background-colour-brand-c4c-orange .entry{background-color:#F07D00}.container.entry-highlight-colour-brand-c4c-orange .entry{border-color:#F07D00}.container.entry-date-colour-brand-c4c-orange .entry .date{color:#F07D00}.container.entry-title-colour-brand-c4c-orange .entry .title{color:#F07D00}.container.entry-text-colour-brand-c4c-orange .entry .content{color:#F07D00}.container.text-colour-brand-afa-pink .navigation li{color:#BF387D}.container.navigation-highlight-colour-brand-afa-pink .navigation ul{border-color:#BF387D}.container.selected-text-colour-brand-afa-pink .navigation li.selected{color:#BF387D}.container.selected-navigation-highlight-colour-brand-afa-pink .navigation li.selected{border-color:#BF387D}.container.button-background-colour-brand-afa-pink .navigation .button{background-color:#BF387D}.container.button-icon-colour-brand-afa-pink .navigation .button svg path{stroke:#BF387D}.container.entry-background-colour-brand-afa-pink .entry{background-color:#BF387D}.container.entry-highlight-colour-brand-afa-pink .entry{border-color:#BF387D}.container.entry-date-colour-brand-afa-pink .entry .date{color:#BF387D}.container.entry-title-colour-brand-afa-pink .entry .title{color:#BF387D}.container.entry-text-colour-brand-afa-pink .entry .content{color:#BF387D}.container.text-colour-brand-scw-magenta .navigation li{color:#EE2C65}.container.navigation-highlight-colour-brand-scw-magenta .navigation ul{border-color:#EE2C65}.container.selected-text-colour-brand-scw-magenta .navigation li.selected{color:#EE2C65}.container.selected-navigation-highlight-colour-brand-scw-magenta .navigation li.selected{border-color:#EE2C65}.container.button-background-colour-brand-scw-magenta .navigation .button{background-color:#EE2C65}.container.button-icon-colour-brand-scw-magenta .navigation .button svg path{stroke:#EE2C65}.container.entry-background-colour-brand-scw-magenta .entry{background-color:#EE2C65}.container.entry-highlight-colour-brand-scw-magenta .entry{border-color:#EE2C65}.container.entry-date-colour-brand-scw-magenta .entry .date{color:#EE2C65}.container.entry-title-colour-brand-scw-magenta .entry .title{color:#EE2C65}.container.entry-text-colour-brand-scw-magenta .entry .content{color:#EE2C65}.container.text-colour-brand-mhf-turquoise .navigation li{color:#62CFC9}.container.navigation-highlight-colour-brand-mhf-turquoise .navigation ul{border-color:#62CFC9}.container.selected-text-colour-brand-mhf-turquoise .navigation li.selected{color:#62CFC9}.container.selected-navigation-highlight-colour-brand-mhf-turquoise .navigation li.selected{border-color:#62CFC9}.container.button-background-colour-brand-mhf-turquoise .navigation .button{background-color:#62CFC9}.container.button-icon-colour-brand-mhf-turquoise .navigation .button svg path{stroke:#62CFC9}.container.entry-background-colour-brand-mhf-turquoise .entry{background-color:#62CFC9}.container.entry-highlight-colour-brand-mhf-turquoise .entry{border-color:#62CFC9}.container.entry-date-colour-brand-mhf-turquoise .entry .date{color:#62CFC9}.container.entry-title-colour-brand-mhf-turquoise .entry .title{color:#62CFC9}.container.entry-text-colour-brand-mhf-turquoise .entry .content{color:#62CFC9}.container.text-colour-brand-grey .navigation li{color:#CBC8C8}.container.navigation-highlight-colour-brand-grey .navigation ul{border-color:#CBC8C8}.container.selected-text-colour-brand-grey .navigation li.selected{color:#CBC8C8}.container.selected-navigation-highlight-colour-brand-grey .navigation li.selected{border-color:#CBC8C8}.container.button-background-colour-brand-grey .navigation .button{background-color:#CBC8C8}.container.button-icon-colour-brand-grey .navigation .button svg path{stroke:#CBC8C8}.container.entry-background-colour-brand-grey .entry{background-color:#CBC8C8}.container.entry-highlight-colour-brand-grey .entry{border-color:#CBC8C8}.container.entry-date-colour-brand-grey .entry .date{color:#CBC8C8}.container.entry-title-colour-brand-grey .entry .title{color:#CBC8C8}.container.entry-text-colour-brand-grey .entry .content{color:#CBC8C8}.container.text-colour-white .navigation li{color:#FFFFFF}.container.navigation-highlight-colour-white .navigation ul{border-color:#FFFFFF}.container.selected-text-colour-white .navigation li.selected{color:#FFFFFF}.container.selected-navigation-highlight-colour-white .navigation li.selected{border-color:#FFFFFF}.container.button-background-colour-white .navigation .button{background-color:#FFFFFF}.container.button-icon-colour-white .navigation .button svg path{stroke:#FFFFFF}.container.entry-background-colour-white .entry{background-color:#FFFFFF}.container.entry-highlight-colour-white .entry{border-color:#FFFFFF}.container.entry-date-colour-white .entry .date{color:#FFFFFF}.container.entry-title-colour-white .entry .title{color:#FFFFFF}.container.entry-text-colour-white .entry .content{color:#FFFFFF}.container.text-colour-black .navigation li{color:#000000}.container.navigation-highlight-colour-black .navigation ul{border-color:#000000}.container.selected-text-colour-black .navigation li.selected{color:#000000}.container.selected-navigation-highlight-colour-black .navigation li.selected{border-color:#000000}.container.button-background-colour-black .navigation .button{background-color:#000000}.container.button-icon-colour-black .navigation .button svg path{stroke:#000000}.container.entry-background-colour-black .entry{background-color:#000000}.container.entry-highlight-colour-black .entry{border-color:#000000}.container.entry-date-colour-black .entry .date{color:#000000}.container.entry-title-colour-black .entry .title{color:#000000}.container.entry-text-colour-black .entry .content{color:#000000}.container.text-colour-grey-extra-light .navigation li{color:#D7D7D7}.container.navigation-highlight-colour-grey-extra-light .navigation ul{border-color:#D7D7D7}.container.selected-text-colour-grey-extra-light .navigation li.selected{color:#D7D7D7}.container.selected-navigation-highlight-colour-grey-extra-light .navigation li.selected{border-color:#D7D7D7}.container.button-background-colour-grey-extra-light .navigation .button{background-color:#D7D7D7}.container.button-icon-colour-grey-extra-light .navigation .button svg path{stroke:#D7D7D7}.container.entry-background-colour-grey-extra-light .entry{background-color:#D7D7D7}.container.entry-highlight-colour-grey-extra-light .entry{border-color:#D7D7D7}.container.entry-date-colour-grey-extra-light .entry .date{color:#D7D7D7}.container.entry-title-colour-grey-extra-light .entry .title{color:#D7D7D7}.container.entry-text-colour-grey-extra-light .entry .content{color:#D7D7D7}.container.text-colour-grey-light .navigation li{color:#E8E8E8}.container.navigation-highlight-colour-grey-light .navigation ul{border-color:#E8E8E8}.container.selected-text-colour-grey-light .navigation li.selected{color:#E8E8E8}.container.selected-navigation-highlight-colour-grey-light .navigation li.selected{border-color:#E8E8E8}.container.button-background-colour-grey-light .navigation .button{background-color:#E8E8E8}.container.button-icon-colour-grey-light .navigation .button svg path{stroke:#E8E8E8}.container.entry-background-colour-grey-light .entry{background-color:#E8E8E8}.container.entry-highlight-colour-grey-light .entry{border-color:#E8E8E8}.container.entry-date-colour-grey-light .entry .date{color:#E8E8E8}.container.entry-title-colour-grey-light .entry .title{color:#E8E8E8}.container.entry-text-colour-grey-light .entry .content{color:#E8E8E8}.container.text-colour-grey-medium .navigation li{color:#8A8A8A}.container.navigation-highlight-colour-grey-medium .navigation ul{border-color:#8A8A8A}.container.selected-text-colour-grey-medium .navigation li.selected{color:#8A8A8A}.container.selected-navigation-highlight-colour-grey-medium .navigation li.selected{border-color:#8A8A8A}.container.button-background-colour-grey-medium .navigation .button{background-color:#8A8A8A}.container.button-icon-colour-grey-medium .navigation .button svg path{stroke:#8A8A8A}.container.entry-background-colour-grey-medium .entry{background-color:#8A8A8A}.container.entry-highlight-colour-grey-medium .entry{border-color:#8A8A8A}.container.entry-date-colour-grey-medium .entry .date{color:#8A8A8A}.container.entry-title-colour-grey-medium .entry .title{color:#8A8A8A}.container.entry-text-colour-grey-medium .entry .content{color:#8A8A8A}.container.text-colour-grey-dark .navigation li{color:#4A4A4A}.container.navigation-highlight-colour-grey-dark .navigation ul{border-color:#4A4A4A}.container.selected-text-colour-grey-dark .navigation li.selected{color:#4A4A4A}.container.selected-navigation-highlight-colour-grey-dark .navigation li.selected{border-color:#4A4A4A}.container.button-background-colour-grey-dark .navigation .button{background-color:#4A4A4A}.container.button-icon-colour-grey-dark .navigation .button svg path{stroke:#4A4A4A}.container.entry-background-colour-grey-dark .entry{background-color:#4A4A4A}.container.entry-highlight-colour-grey-dark .entry{border-color:#4A4A4A}.container.entry-date-colour-grey-dark .entry .date{color:#4A4A4A}.container.entry-title-colour-grey-dark .entry .title{color:#4A4A4A}.container.entry-text-colour-grey-dark .entry .content{color:#4A4A4A}.container.text-colour-philco-orange .navigation li{color:#f18a00}.container.navigation-highlight-colour-philco-orange .navigation ul{border-color:#f18a00}.container.selected-text-colour-philco-orange .navigation li.selected{color:#f18a00}.container.selected-navigation-highlight-colour-philco-orange .navigation li.selected{border-color:#f18a00}.container.button-background-colour-philco-orange .navigation .button{background-color:#f18a00}.container.button-icon-colour-philco-orange .navigation .button svg path{stroke:#f18a00}.container.entry-background-colour-philco-orange .entry{background-color:#f18a00}.container.entry-highlight-colour-philco-orange .entry{border-color:#f18a00}.container.entry-date-colour-philco-orange .entry .date{color:#f18a00}.container.entry-title-colour-philco-orange .entry .title{color:#f18a00}.container.entry-text-colour-philco-orange .entry .content{color:#f18a00}.container.text-colour-philco-gray-90 .navigation li{color:#1d1d1B}.container.navigation-highlight-colour-philco-gray-90 .navigation ul{border-color:#1d1d1B}.container.selected-text-colour-philco-gray-90 .navigation li.selected{color:#1d1d1B}.container.selected-navigation-highlight-colour-philco-gray-90 .navigation li.selected{border-color:#1d1d1B}.container.button-background-colour-philco-gray-90 .navigation .button{background-color:#1d1d1B}.container.button-icon-colour-philco-gray-90 .navigation .button svg path{stroke:#1d1d1B}.container.entry-background-colour-philco-gray-90 .entry{background-color:#1d1d1B}.container.entry-highlight-colour-philco-gray-90 .entry{border-color:#1d1d1B}.container.entry-date-colour-philco-gray-90 .entry .date{color:#1d1d1B}.container.entry-title-colour-philco-gray-90 .entry .title{color:#1d1d1B}.container.entry-text-colour-philco-gray-90 .entry .content{color:#1d1d1B}.container.text-colour-philco-gray-70 .navigation li{color:#7D7D7D}.container.navigation-highlight-colour-philco-gray-70 .navigation ul{border-color:#7D7D7D}.container.selected-text-colour-philco-gray-70 .navigation li.selected{color:#7D7D7D}.container.selected-navigation-highlight-colour-philco-gray-70 .navigation li.selected{border-color:#7D7D7D}.container.button-background-colour-philco-gray-70 .navigation .button{background-color:#7D7D7D}.container.button-icon-colour-philco-gray-70 .navigation .button svg path{stroke:#7D7D7D}.container.entry-background-colour-philco-gray-70 .entry{background-color:#7D7D7D}.container.entry-highlight-colour-philco-gray-70 .entry{border-color:#7D7D7D}.container.entry-date-colour-philco-gray-70 .entry .date{color:#7D7D7D}.container.entry-title-colour-philco-gray-70 .entry .title{color:#7D7D7D}.container.entry-text-colour-philco-gray-70 .entry .content{color:#7D7D7D}.container.text-colour-philco-white .navigation li{color:#FFFFFF}.container.navigation-highlight-colour-philco-white .navigation ul{border-color:#FFFFFF}.container.selected-text-colour-philco-white .navigation li.selected{color:#FFFFFF}.container.selected-navigation-highlight-colour-philco-white .navigation li.selected{border-color:#FFFFFF}.container.button-background-colour-philco-white .navigation .button{background-color:#FFFFFF}.container.button-icon-colour-philco-white .navigation .button svg path{stroke:#FFFFFF}.container.entry-background-colour-philco-white .entry{background-color:#FFFFFF}.container.entry-highlight-colour-philco-white .entry{border-color:#FFFFFF}.container.entry-date-colour-philco-white .entry .date{color:#FFFFFF}.container.entry-title-colour-philco-white .entry .title{color:#FFFFFF}.container.entry-text-colour-philco-white .entry .content{color:#FFFFFF}.container.text-colour-philco-success-green .navigation li{color:#1Ec691}.container.navigation-highlight-colour-philco-success-green .navigation ul{border-color:#1Ec691}.container.selected-text-colour-philco-success-green .navigation li.selected{color:#1Ec691}.container.selected-navigation-highlight-colour-philco-success-green .navigation li.selected{border-color:#1Ec691}.container.button-background-colour-philco-success-green .navigation .button{background-color:#1Ec691}.container.button-icon-colour-philco-success-green .navigation .button svg path{stroke:#1Ec691}.container.entry-background-colour-philco-success-green .entry{background-color:#1Ec691}.container.entry-highlight-colour-philco-success-green .entry{border-color:#1Ec691}.container.entry-date-colour-philco-success-green .entry .date{color:#1Ec691}.container.entry-title-colour-philco-success-green .entry .title{color:#1Ec691}.container.entry-text-colour-philco-success-green .entry .content{color:#1Ec691}.container.text-colour-philco-error-coral .navigation li{color:#F54242}.container.navigation-highlight-colour-philco-error-coral .navigation ul{border-color:#F54242}.container.selected-text-colour-philco-error-coral .navigation li.selected{color:#F54242}.container.selected-navigation-highlight-colour-philco-error-coral .navigation li.selected{border-color:#F54242}.container.button-background-colour-philco-error-coral .navigation .button{background-color:#F54242}.container.button-icon-colour-philco-error-coral .navigation .button svg path{stroke:#F54242}.container.entry-background-colour-philco-error-coral .entry{background-color:#F54242}.container.entry-highlight-colour-philco-error-coral .entry{border-color:#F54242}.container.entry-date-colour-philco-error-coral .entry .date{color:#F54242}.container.entry-title-colour-philco-error-coral .entry .title{color:#F54242}.container.entry-text-colour-philco-error-coral .entry .content{color:#F54242}.container.text-colour-philco-gray-30 .navigation li{color:#BBBBBB}.container.navigation-highlight-colour-philco-gray-30 .navigation ul{border-color:#BBBBBB}.container.selected-text-colour-philco-gray-30 .navigation li.selected{color:#BBBBBB}.container.selected-navigation-highlight-colour-philco-gray-30 .navigation li.selected{border-color:#BBBBBB}.container.button-background-colour-philco-gray-30 .navigation .button{background-color:#BBBBBB}.container.button-icon-colour-philco-gray-30 .navigation .button svg path{stroke:#BBBBBB}.container.entry-background-colour-philco-gray-30 .entry{background-color:#BBBBBB}.container.entry-highlight-colour-philco-gray-30 .entry{border-color:#BBBBBB}.container.entry-date-colour-philco-gray-30 .entry .date{color:#BBBBBB}.container.entry-title-colour-philco-gray-30 .entry .title{color:#BBBBBB}.container.entry-text-colour-philco-gray-30 .entry .content{color:#BBBBBB}.container.text-colour-philco-gray-20 .navigation li{color:#F6F6F6}.container.navigation-highlight-colour-philco-gray-20 .navigation ul{border-color:#F6F6F6}.container.selected-text-colour-philco-gray-20 .navigation li.selected{color:#F6F6F6}.container.selected-navigation-highlight-colour-philco-gray-20 .navigation li.selected{border-color:#F6F6F6}.container.button-background-colour-philco-gray-20 .navigation .button{background-color:#F6F6F6}.container.button-icon-colour-philco-gray-20 .navigation .button svg path{stroke:#F6F6F6}.container.entry-background-colour-philco-gray-20 .entry{background-color:#F6F6F6}.container.entry-highlight-colour-philco-gray-20 .entry{border-color:#F6F6F6}.container.entry-date-colour-philco-gray-20 .entry .date{color:#F6F6F6}.container.entry-title-colour-philco-gray-20 .entry .title{color:#F6F6F6}.container.entry-text-colour-philco-gray-20 .entry .content{color:#F6F6F6}'}},[1,"biggive-timeline",{spaceBelow:[2,"space-below"],textColour:[1,"text-colour"],selectedTextColour:[1,"selected-text-colour"],navigationHighlightColour:[1,"navigation-highlight-colour"],selectedNavigationHighlightColour:[1,"selected-navigation-highlight-colour"],buttonBackgroundColour:[1,"button-background-colour"],buttonIconColour:[1,"button-icon-colour"],entryBackgroundColour:[1,"entry-background-colour"],entryHighlightColour:[1,"entry-highlight-colour"],entryDateColour:[1,"entry-date-colour"],entryTitleColour:[1,"entry-title-colour"],entryTextColour:[1,"entry-text-colour"]}]),c=e,i=function(){"undefined"!=typeof customElements&&["biggive-timeline"].forEach((o=>{"biggive-timeline"===o&&(customElements.get(n(o))||customElements.define(n(o),e))}))};export{c as BiggiveTimeline,i as defineCustomElement}
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as r,h as t,transformTag as n}from"@stencil/core/internal/client";const e=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.textColour="black",this.selectedTextColour="primary",this.navigationHighlightColour="grey-medium",this.selectedNavigationHighlightColour="primary",this.buttonBackgroundColour="white",this.buttonIconColour="primary",this.entryBackgroundColour="white",this.entryHighlightColour="secondary",this.entryDateColour="black",this.entryTitleColour="primary",this.entryTextColour="black",this.scrollOffset=0,this.tabHeadings=[],this.children=[],this.clickTabHandler=o=>{let r=0;for(let t of o.target.parentElement.children){if(t==o.target)return void this.showTab(r);r++}},this.clickPrevHandler=()=>{this.scrollTab("PREV")},this.clickNextHandler=()=>{this.scrollTab("NEXT")}}componentWillLoad(){this.children=Array.from(this.host.children);let o=this.tabHeadings;this.children.forEach((function(r){let t=r.date.substring(0,4);o.includes(t)||o.push(t)}))}componentDidRender(){this.showTab(0)}showTab(o){var r,t,n,e;const c=null===(r=this.host.shadowRoot)||void 0===r?void 0:r.querySelectorAll(".navigation ul li"),i=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll(".entry");if(c.length>0&&(this.scrollContextTab=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector(".navigation ul li")),o>=0&&o<=(null==c?void 0:c.length)-1){let r=null===(e=c[o])||void 0===e?void 0:e.innerHTML,t=0;null==c||c.forEach((function(r){o==t?r.classList.add("selected"):r.classList.remove("selected"),t++})),i.forEach((function(o){var t;o.style.display=(null===(t=o.getAttribute("data-date"))||void 0===t?void 0:t.substring(0,4))==r?"block":"none"}))}}scrollTab(o){var r;if(!this.scrollContextTab)return;let t=this.scrollContextTab.parentElement,n=t.scrollWidth-(null===(r=t.parentElement)||void 0===r?void 0:r.offsetWidth);if("PREV"==o){if(this.scrollOffset+this.scrollContextTab.offsetWidth>0)return;this.scrollOffset=this.scrollOffset+this.scrollContextTab.offsetWidth,this.scrollContextTab.previousElementSibling&&(this.scrollContextTab=this.scrollContextTab.previousElementSibling)}else if("NEXT"==o){if(0-this.scrollOffset>n)return;this.scrollOffset=this.scrollOffset-this.scrollContextTab.offsetWidth,this.scrollContextTab.nextElementSibling&&(this.scrollContextTab=this.scrollContextTab.nextElementSibling)}t.querySelectorAll("li").forEach((o=>{o.style.transitionDuration="0.3s",o.style.transitionTimingFunction="ease-out",o.style.transform="translate3d("+this.scrollOffset+"px, 0, 0)"}))}render(){return t("div",{key:"54d9be5b43ac918b1b313cc2df11b77af21e7b47",class:"container space-below-"+this.spaceBelow+" text-colour-"+this.textColour+" selected-text-colour-"+this.selectedTextColour+" navigation-highlight-colour-"+this.navigationHighlightColour+" selected-navigation-highlight-colour-"+this.selectedNavigationHighlightColour+" button-background-colour-"+this.buttonBackgroundColour+" button-icon-colour-"+this.buttonIconColour+" entry-background-colour-"+this.entryBackgroundColour+" entry-highlight-colour-"+this.entryHighlightColour+" entry-date-colour-"+this.entryDateColour+" entry-title-colour-"+this.entryTitleColour+" entry-text-colour-"+this.entryTextColour},t("div",{key:"1d32838bf46e3d0fc8d7d774e0b114e4347ee6eb",class:"navigation"},t("div",{key:"a69e6b10ad324b4ce273ebb40b1d319d28030a20",class:"button prev",onClick:this.clickPrevHandler,title:"Previous"},t("svg",{key:"6fbeebdcb0e63331cee868d0d3ea5f9280fba3da",width:"9",height:"16",viewBox:"0 0 9 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"0ae6b4457056103f334096cecb654e67b83dc455",d:"M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261",stroke:"#000000","stroke-width":"2"}))),t("div",{key:"39fd9017fb1e909cca24e2e706ce28cc58b0c1a8",class:"sleeve"},t("ul",{key:"0d274ffcaa6a9e06cc8cc7f5e5a09dd877a303cd"},this.tabHeadings.map((o=>t("li",{onClick:this.clickTabHandler},o))))),t("div",{key:"7af48dca85552b5996ca423bd15ea6bc2351f462",class:"button next",onClick:this.clickNextHandler,title:"Next"},t("svg",{key:"05d921116a18101729f66acde728b869eb089115",width:"9",height:"16",viewBox:"0 0 9 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"2159155bbe857c2fd87d7101d16e264be2cd26e5",d:"M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686",stroke:"#000000","stroke-width":"2"})))),t("div",{key:"a0a5234420c7bf169cc9d7b1f413062f86549531",class:"entry-wrap"},this.children.map((o=>t("div",{class:"entry","data-date":o.date},t("h4",{class:"title"},o.heading),t("div",{class:"content",innerHTML:o.innerHTML}))))))}get host(){return this}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}::slotted(*){display:none}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative}.container .navigation{padding:0 40px}.container .navigation .button{position:absolute;top:5px;display:block;width:30px;height:30px;padding:2.5px 10px;box-sizing:border-box;background-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);border-radius:50%;cursor:pointer;text-align:center}.container .navigation .button.prev{left:0}.container .navigation .button.next{right:0}.container .navigation .button svg{width:10px;height:10px}.container .navigation .sleeve{overflow-x:hidden}.container .navigation .sleeve ul{margin:0;padding:0;list-style-type:none;display:flex;border-bottom:1px solid #E8E8E8}.container .navigation .sleeve ul li{flex-grow:1;padding:10px 20px;margin:0 0 -1px 0;width:calc(33.3% - 20px);border-bottom:3px solid transparent;text-align:center;cursor:pointer}.container .navigation .sleeve ul li.selected{font-weight:bold}.container .entry-wrap{padding:40px}.container .entry-wrap .entry{margin-bottom:15px;border-left:15px solid transparent;padding:15px 40px 15px 40px}.container .entry-wrap .entry .title{font-weight:bold;margin:0 0 5px 0;padding:0}.container .entry-wrap .entry .content p{margin:0 0 5px 0}.container.text-colour-primary .navigation li{color:#2C089B}.container.navigation-highlight-colour-primary .navigation ul{border-color:#2C089B}.container.selected-text-colour-primary .navigation li.selected{color:#2C089B}.container.selected-navigation-highlight-colour-primary .navigation li.selected{border-color:#2C089B}.container.button-background-colour-primary .navigation .button{background-color:#2C089B}.container.button-icon-colour-primary .navigation .button svg path{stroke:#2C089B}.container.entry-background-colour-primary .entry{background-color:#2C089B}.container.entry-highlight-colour-primary .entry{border-color:#2C089B}.container.entry-date-colour-primary .entry .date{color:#2C089B}.container.entry-title-colour-primary .entry .title{color:#2C089B}.container.entry-text-colour-primary .entry .content{color:#2C089B}.container.text-colour-secondary .navigation li{color:#2AF135}.container.navigation-highlight-colour-secondary .navigation ul{border-color:#2AF135}.container.selected-text-colour-secondary .navigation li.selected{color:#2AF135}.container.selected-navigation-highlight-colour-secondary .navigation li.selected{border-color:#2AF135}.container.button-background-colour-secondary .navigation .button{background-color:#2AF135}.container.button-icon-colour-secondary .navigation .button svg path{stroke:#2AF135}.container.entry-background-colour-secondary .entry{background-color:#2AF135}.container.entry-highlight-colour-secondary .entry{border-color:#2AF135}.container.entry-date-colour-secondary .entry .date{color:#2AF135}.container.entry-title-colour-secondary .entry .title{color:#2AF135}.container.entry-text-colour-secondary .entry .content{color:#2AF135}.container.text-colour-tertiary .navigation li{color:#FF7272}.container.navigation-highlight-colour-tertiary .navigation ul{border-color:#FF7272}.container.selected-text-colour-tertiary .navigation li.selected{color:#FF7272}.container.selected-navigation-highlight-colour-tertiary .navigation li.selected{border-color:#FF7272}.container.button-background-colour-tertiary .navigation .button{background-color:#FF7272}.container.button-icon-colour-tertiary .navigation .button svg path{stroke:#FF7272}.container.entry-background-colour-tertiary .entry{background-color:#FF7272}.container.entry-highlight-colour-tertiary .entry{border-color:#FF7272}.container.entry-date-colour-tertiary .entry .date{color:#FF7272}.container.entry-title-colour-tertiary .entry .title{color:#FF7272}.container.entry-text-colour-tertiary .entry .content{color:#FF7272}.container.text-colour-brand-cc-red .navigation li{color:#B30510}.container.navigation-highlight-colour-brand-cc-red .navigation ul{border-color:#B30510}.container.selected-text-colour-brand-cc-red .navigation li.selected{color:#B30510}.container.selected-navigation-highlight-colour-brand-cc-red .navigation li.selected{border-color:#B30510}.container.button-background-colour-brand-cc-red .navigation .button{background-color:#B30510}.container.button-icon-colour-brand-cc-red .navigation .button svg path{stroke:#B30510}.container.entry-background-colour-brand-cc-red .entry{background-color:#B30510}.container.entry-highlight-colour-brand-cc-red .entry{border-color:#B30510}.container.entry-date-colour-brand-cc-red .entry .date{color:#B30510}.container.entry-title-colour-brand-cc-red .entry .title{color:#B30510}.container.entry-text-colour-brand-cc-red .entry .content{color:#B30510}.container.text-colour-brand-wgmf-purple .navigation li{color:#6E0887}.container.navigation-highlight-colour-brand-wgmf-purple .navigation ul{border-color:#6E0887}.container.selected-text-colour-brand-wgmf-purple .navigation li.selected{color:#6E0887}.container.selected-navigation-highlight-colour-brand-wgmf-purple .navigation li.selected{border-color:#6E0887}.container.button-background-colour-brand-wgmf-purple .navigation .button{background-color:#6E0887}.container.button-icon-colour-brand-wgmf-purple .navigation .button svg path{stroke:#6E0887}.container.entry-background-colour-brand-wgmf-purple .entry{background-color:#6E0887}.container.entry-highlight-colour-brand-wgmf-purple .entry{border-color:#6E0887}.container.entry-date-colour-brand-wgmf-purple .entry .date{color:#6E0887}.container.entry-title-colour-brand-wgmf-purple .entry .title{color:#6E0887}.container.entry-text-colour-brand-wgmf-purple .entry .content{color:#6E0887}.container.text-colour-brand-gmf-green .navigation li{color:#50B400}.container.navigation-highlight-colour-brand-gmf-green .navigation ul{border-color:#50B400}.container.selected-text-colour-brand-gmf-green .navigation li.selected{color:#50B400}.container.selected-navigation-highlight-colour-brand-gmf-green .navigation li.selected{border-color:#50B400}.container.button-background-colour-brand-gmf-green .navigation .button{background-color:#50B400}.container.button-icon-colour-brand-gmf-green .navigation .button svg path{stroke:#50B400}.container.entry-background-colour-brand-gmf-green .entry{background-color:#50B400}.container.entry-highlight-colour-brand-gmf-green .entry{border-color:#50B400}.container.entry-date-colour-brand-gmf-green .entry .date{color:#50B400}.container.entry-title-colour-brand-gmf-green .entry .title{color:#50B400}.container.entry-text-colour-brand-gmf-green .entry .content{color:#50B400}.container.text-colour-brand-er-green .navigation li{color:#50B400}.container.navigation-highlight-colour-brand-er-green .navigation ul{border-color:#50B400}.container.selected-text-colour-brand-er-green .navigation li.selected{color:#50B400}.container.selected-navigation-highlight-colour-brand-er-green .navigation li.selected{border-color:#50B400}.container.button-background-colour-brand-er-green .navigation .button{background-color:#50B400}.container.button-icon-colour-brand-er-green .navigation .button svg path{stroke:#50B400}.container.entry-background-colour-brand-er-green .entry{background-color:#50B400}.container.entry-highlight-colour-brand-er-green .entry{border-color:#50B400}.container.entry-date-colour-brand-er-green .entry .date{color:#50B400}.container.entry-title-colour-brand-er-green .entry .title{color:#50B400}.container.entry-text-colour-brand-er-green .entry .content{color:#50B400}.container.text-colour-brand-er-dark-green .navigation li{color:#002413}.container.navigation-highlight-colour-brand-er-dark-green .navigation ul{border-color:#002413}.container.selected-text-colour-brand-er-dark-green .navigation li.selected{color:#002413}.container.selected-navigation-highlight-colour-brand-er-dark-green .navigation li.selected{border-color:#002413}.container.button-background-colour-brand-er-dark-green .navigation .button{background-color:#002413}.container.button-icon-colour-brand-er-dark-green .navigation .button svg path{stroke:#002413}.container.entry-background-colour-brand-er-dark-green .entry{background-color:#002413}.container.entry-highlight-colour-brand-er-dark-green .entry{border-color:#002413}.container.entry-date-colour-brand-er-dark-green .entry .date{color:#002413}.container.entry-title-colour-brand-er-dark-green .entry .title{color:#002413}.container.entry-text-colour-brand-er-dark-green .entry .content{color:#002413}.container.text-colour-brand-er-dark-blue .navigation li{color:#0c0068}.container.navigation-highlight-colour-brand-er-dark-blue .navigation ul{border-color:#0c0068}.container.selected-text-colour-brand-er-dark-blue .navigation li.selected{color:#0c0068}.container.selected-navigation-highlight-colour-brand-er-dark-blue .navigation li.selected{border-color:#0c0068}.container.button-background-colour-brand-er-dark-blue .navigation .button{background-color:#0c0068}.container.button-icon-colour-brand-er-dark-blue .navigation .button svg path{stroke:#0c0068}.container.entry-background-colour-brand-er-dark-blue .entry{background-color:#0c0068}.container.entry-highlight-colour-brand-er-dark-blue .entry{border-color:#0c0068}.container.entry-date-colour-brand-er-dark-blue .entry .date{color:#0c0068}.container.entry-title-colour-brand-er-dark-blue .entry .title{color:#0c0068}.container.entry-text-colour-brand-er-dark-blue .entry .content{color:#0c0068}.container.text-colour-brand-er-teal .navigation li{color:#00a76d}.container.navigation-highlight-colour-brand-er-teal .navigation ul{border-color:#00a76d}.container.selected-text-colour-brand-er-teal .navigation li.selected{color:#00a76d}.container.selected-navigation-highlight-colour-brand-er-teal .navigation li.selected{border-color:#00a76d}.container.button-background-colour-brand-er-teal .navigation .button{background-color:#00a76d}.container.button-icon-colour-brand-er-teal .navigation .button svg path{stroke:#00a76d}.container.entry-background-colour-brand-er-teal .entry{background-color:#00a76d}.container.entry-highlight-colour-brand-er-teal .entry{border-color:#00a76d}.container.entry-date-colour-brand-er-teal .entry .date{color:#00a76d}.container.entry-title-colour-brand-er-teal .entry .title{color:#00a76d}.container.entry-text-colour-brand-er-teal .entry .content{color:#00a76d}.container.text-colour-brand-emf-yellow .navigation li{color:#FFE500}.container.navigation-highlight-colour-brand-emf-yellow .navigation ul{border-color:#FFE500}.container.selected-text-colour-brand-emf-yellow .navigation li.selected{color:#FFE500}.container.selected-navigation-highlight-colour-brand-emf-yellow .navigation li.selected{border-color:#FFE500}.container.button-background-colour-brand-emf-yellow .navigation .button{background-color:#FFE500}.container.button-icon-colour-brand-emf-yellow .navigation .button svg path{stroke:#FFE500}.container.entry-background-colour-brand-emf-yellow .entry{background-color:#FFE500}.container.entry-highlight-colour-brand-emf-yellow .entry{border-color:#FFE500}.container.entry-date-colour-brand-emf-yellow .entry .date{color:#FFE500}.container.entry-title-colour-brand-emf-yellow .entry .title{color:#FFE500}.container.entry-text-colour-brand-emf-yellow .entry .content{color:#FFE500}.container.text-colour-brand-c4c-orange .navigation li{color:#F07D00}.container.navigation-highlight-colour-brand-c4c-orange .navigation ul{border-color:#F07D00}.container.selected-text-colour-brand-c4c-orange .navigation li.selected{color:#F07D00}.container.selected-navigation-highlight-colour-brand-c4c-orange .navigation li.selected{border-color:#F07D00}.container.button-background-colour-brand-c4c-orange .navigation .button{background-color:#F07D00}.container.button-icon-colour-brand-c4c-orange .navigation .button svg path{stroke:#F07D00}.container.entry-background-colour-brand-c4c-orange .entry{background-color:#F07D00}.container.entry-highlight-colour-brand-c4c-orange .entry{border-color:#F07D00}.container.entry-date-colour-brand-c4c-orange .entry .date{color:#F07D00}.container.entry-title-colour-brand-c4c-orange .entry .title{color:#F07D00}.container.entry-text-colour-brand-c4c-orange .entry .content{color:#F07D00}.container.text-colour-brand-afa-pink .navigation li{color:#BF387D}.container.navigation-highlight-colour-brand-afa-pink .navigation ul{border-color:#BF387D}.container.selected-text-colour-brand-afa-pink .navigation li.selected{color:#BF387D}.container.selected-navigation-highlight-colour-brand-afa-pink .navigation li.selected{border-color:#BF387D}.container.button-background-colour-brand-afa-pink .navigation .button{background-color:#BF387D}.container.button-icon-colour-brand-afa-pink .navigation .button svg path{stroke:#BF387D}.container.entry-background-colour-brand-afa-pink .entry{background-color:#BF387D}.container.entry-highlight-colour-brand-afa-pink .entry{border-color:#BF387D}.container.entry-date-colour-brand-afa-pink .entry .date{color:#BF387D}.container.entry-title-colour-brand-afa-pink .entry .title{color:#BF387D}.container.entry-text-colour-brand-afa-pink .entry .content{color:#BF387D}.container.text-colour-brand-scw-magenta .navigation li{color:#EE2C65}.container.navigation-highlight-colour-brand-scw-magenta .navigation ul{border-color:#EE2C65}.container.selected-text-colour-brand-scw-magenta .navigation li.selected{color:#EE2C65}.container.selected-navigation-highlight-colour-brand-scw-magenta .navigation li.selected{border-color:#EE2C65}.container.button-background-colour-brand-scw-magenta .navigation .button{background-color:#EE2C65}.container.button-icon-colour-brand-scw-magenta .navigation .button svg path{stroke:#EE2C65}.container.entry-background-colour-brand-scw-magenta .entry{background-color:#EE2C65}.container.entry-highlight-colour-brand-scw-magenta .entry{border-color:#EE2C65}.container.entry-date-colour-brand-scw-magenta .entry .date{color:#EE2C65}.container.entry-title-colour-brand-scw-magenta .entry .title{color:#EE2C65}.container.entry-text-colour-brand-scw-magenta .entry .content{color:#EE2C65}.container.text-colour-brand-mhf-turquoise .navigation li{color:#62CFC9}.container.navigation-highlight-colour-brand-mhf-turquoise .navigation ul{border-color:#62CFC9}.container.selected-text-colour-brand-mhf-turquoise .navigation li.selected{color:#62CFC9}.container.selected-navigation-highlight-colour-brand-mhf-turquoise .navigation li.selected{border-color:#62CFC9}.container.button-background-colour-brand-mhf-turquoise .navigation .button{background-color:#62CFC9}.container.button-icon-colour-brand-mhf-turquoise .navigation .button svg path{stroke:#62CFC9}.container.entry-background-colour-brand-mhf-turquoise .entry{background-color:#62CFC9}.container.entry-highlight-colour-brand-mhf-turquoise .entry{border-color:#62CFC9}.container.entry-date-colour-brand-mhf-turquoise .entry .date{color:#62CFC9}.container.entry-title-colour-brand-mhf-turquoise .entry .title{color:#62CFC9}.container.entry-text-colour-brand-mhf-turquoise .entry .content{color:#62CFC9}.container.text-colour-brand-grey .navigation li{color:#CBC8C8}.container.navigation-highlight-colour-brand-grey .navigation ul{border-color:#CBC8C8}.container.selected-text-colour-brand-grey .navigation li.selected{color:#CBC8C8}.container.selected-navigation-highlight-colour-brand-grey .navigation li.selected{border-color:#CBC8C8}.container.button-background-colour-brand-grey .navigation .button{background-color:#CBC8C8}.container.button-icon-colour-brand-grey .navigation .button svg path{stroke:#CBC8C8}.container.entry-background-colour-brand-grey .entry{background-color:#CBC8C8}.container.entry-highlight-colour-brand-grey .entry{border-color:#CBC8C8}.container.entry-date-colour-brand-grey .entry .date{color:#CBC8C8}.container.entry-title-colour-brand-grey .entry .title{color:#CBC8C8}.container.entry-text-colour-brand-grey .entry .content{color:#CBC8C8}.container.text-colour-white .navigation li{color:#FFFFFF}.container.navigation-highlight-colour-white .navigation ul{border-color:#FFFFFF}.container.selected-text-colour-white .navigation li.selected{color:#FFFFFF}.container.selected-navigation-highlight-colour-white .navigation li.selected{border-color:#FFFFFF}.container.button-background-colour-white .navigation .button{background-color:#FFFFFF}.container.button-icon-colour-white .navigation .button svg path{stroke:#FFFFFF}.container.entry-background-colour-white .entry{background-color:#FFFFFF}.container.entry-highlight-colour-white .entry{border-color:#FFFFFF}.container.entry-date-colour-white .entry .date{color:#FFFFFF}.container.entry-title-colour-white .entry .title{color:#FFFFFF}.container.entry-text-colour-white .entry .content{color:#FFFFFF}.container.text-colour-black .navigation li{color:#000000}.container.navigation-highlight-colour-black .navigation ul{border-color:#000000}.container.selected-text-colour-black .navigation li.selected{color:#000000}.container.selected-navigation-highlight-colour-black .navigation li.selected{border-color:#000000}.container.button-background-colour-black .navigation .button{background-color:#000000}.container.button-icon-colour-black .navigation .button svg path{stroke:#000000}.container.entry-background-colour-black .entry{background-color:#000000}.container.entry-highlight-colour-black .entry{border-color:#000000}.container.entry-date-colour-black .entry .date{color:#000000}.container.entry-title-colour-black .entry .title{color:#000000}.container.entry-text-colour-black .entry .content{color:#000000}.container.text-colour-grey-extra-light .navigation li{color:#D7D7D7}.container.navigation-highlight-colour-grey-extra-light .navigation ul{border-color:#D7D7D7}.container.selected-text-colour-grey-extra-light .navigation li.selected{color:#D7D7D7}.container.selected-navigation-highlight-colour-grey-extra-light .navigation li.selected{border-color:#D7D7D7}.container.button-background-colour-grey-extra-light .navigation .button{background-color:#D7D7D7}.container.button-icon-colour-grey-extra-light .navigation .button svg path{stroke:#D7D7D7}.container.entry-background-colour-grey-extra-light .entry{background-color:#D7D7D7}.container.entry-highlight-colour-grey-extra-light .entry{border-color:#D7D7D7}.container.entry-date-colour-grey-extra-light .entry .date{color:#D7D7D7}.container.entry-title-colour-grey-extra-light .entry .title{color:#D7D7D7}.container.entry-text-colour-grey-extra-light .entry .content{color:#D7D7D7}.container.text-colour-grey-light .navigation li{color:#E8E8E8}.container.navigation-highlight-colour-grey-light .navigation ul{border-color:#E8E8E8}.container.selected-text-colour-grey-light .navigation li.selected{color:#E8E8E8}.container.selected-navigation-highlight-colour-grey-light .navigation li.selected{border-color:#E8E8E8}.container.button-background-colour-grey-light .navigation .button{background-color:#E8E8E8}.container.button-icon-colour-grey-light .navigation .button svg path{stroke:#E8E8E8}.container.entry-background-colour-grey-light .entry{background-color:#E8E8E8}.container.entry-highlight-colour-grey-light .entry{border-color:#E8E8E8}.container.entry-date-colour-grey-light .entry .date{color:#E8E8E8}.container.entry-title-colour-grey-light .entry .title{color:#E8E8E8}.container.entry-text-colour-grey-light .entry .content{color:#E8E8E8}.container.text-colour-grey-medium .navigation li{color:#8A8A8A}.container.navigation-highlight-colour-grey-medium .navigation ul{border-color:#8A8A8A}.container.selected-text-colour-grey-medium .navigation li.selected{color:#8A8A8A}.container.selected-navigation-highlight-colour-grey-medium .navigation li.selected{border-color:#8A8A8A}.container.button-background-colour-grey-medium .navigation .button{background-color:#8A8A8A}.container.button-icon-colour-grey-medium .navigation .button svg path{stroke:#8A8A8A}.container.entry-background-colour-grey-medium .entry{background-color:#8A8A8A}.container.entry-highlight-colour-grey-medium .entry{border-color:#8A8A8A}.container.entry-date-colour-grey-medium .entry .date{color:#8A8A8A}.container.entry-title-colour-grey-medium .entry .title{color:#8A8A8A}.container.entry-text-colour-grey-medium .entry .content{color:#8A8A8A}.container.text-colour-grey-dark .navigation li{color:#4A4A4A}.container.navigation-highlight-colour-grey-dark .navigation ul{border-color:#4A4A4A}.container.selected-text-colour-grey-dark .navigation li.selected{color:#4A4A4A}.container.selected-navigation-highlight-colour-grey-dark .navigation li.selected{border-color:#4A4A4A}.container.button-background-colour-grey-dark .navigation .button{background-color:#4A4A4A}.container.button-icon-colour-grey-dark .navigation .button svg path{stroke:#4A4A4A}.container.entry-background-colour-grey-dark .entry{background-color:#4A4A4A}.container.entry-highlight-colour-grey-dark .entry{border-color:#4A4A4A}.container.entry-date-colour-grey-dark .entry .date{color:#4A4A4A}.container.entry-title-colour-grey-dark .entry .title{color:#4A4A4A}.container.entry-text-colour-grey-dark .entry .content{color:#4A4A4A}.container.text-colour-philco-orange .navigation li{color:#f18a00}.container.navigation-highlight-colour-philco-orange .navigation ul{border-color:#f18a00}.container.selected-text-colour-philco-orange .navigation li.selected{color:#f18a00}.container.selected-navigation-highlight-colour-philco-orange .navigation li.selected{border-color:#f18a00}.container.button-background-colour-philco-orange .navigation .button{background-color:#f18a00}.container.button-icon-colour-philco-orange .navigation .button svg path{stroke:#f18a00}.container.entry-background-colour-philco-orange .entry{background-color:#f18a00}.container.entry-highlight-colour-philco-orange .entry{border-color:#f18a00}.container.entry-date-colour-philco-orange .entry .date{color:#f18a00}.container.entry-title-colour-philco-orange .entry .title{color:#f18a00}.container.entry-text-colour-philco-orange .entry .content{color:#f18a00}.container.text-colour-philco-gray-90 .navigation li{color:#1d1d1B}.container.navigation-highlight-colour-philco-gray-90 .navigation ul{border-color:#1d1d1B}.container.selected-text-colour-philco-gray-90 .navigation li.selected{color:#1d1d1B}.container.selected-navigation-highlight-colour-philco-gray-90 .navigation li.selected{border-color:#1d1d1B}.container.button-background-colour-philco-gray-90 .navigation .button{background-color:#1d1d1B}.container.button-icon-colour-philco-gray-90 .navigation .button svg path{stroke:#1d1d1B}.container.entry-background-colour-philco-gray-90 .entry{background-color:#1d1d1B}.container.entry-highlight-colour-philco-gray-90 .entry{border-color:#1d1d1B}.container.entry-date-colour-philco-gray-90 .entry .date{color:#1d1d1B}.container.entry-title-colour-philco-gray-90 .entry .title{color:#1d1d1B}.container.entry-text-colour-philco-gray-90 .entry .content{color:#1d1d1B}.container.text-colour-philco-gray-70 .navigation li{color:#7D7D7D}.container.navigation-highlight-colour-philco-gray-70 .navigation ul{border-color:#7D7D7D}.container.selected-text-colour-philco-gray-70 .navigation li.selected{color:#7D7D7D}.container.selected-navigation-highlight-colour-philco-gray-70 .navigation li.selected{border-color:#7D7D7D}.container.button-background-colour-philco-gray-70 .navigation .button{background-color:#7D7D7D}.container.button-icon-colour-philco-gray-70 .navigation .button svg path{stroke:#7D7D7D}.container.entry-background-colour-philco-gray-70 .entry{background-color:#7D7D7D}.container.entry-highlight-colour-philco-gray-70 .entry{border-color:#7D7D7D}.container.entry-date-colour-philco-gray-70 .entry .date{color:#7D7D7D}.container.entry-title-colour-philco-gray-70 .entry .title{color:#7D7D7D}.container.entry-text-colour-philco-gray-70 .entry .content{color:#7D7D7D}.container.text-colour-philco-white .navigation li{color:#FFFFFF}.container.navigation-highlight-colour-philco-white .navigation ul{border-color:#FFFFFF}.container.selected-text-colour-philco-white .navigation li.selected{color:#FFFFFF}.container.selected-navigation-highlight-colour-philco-white .navigation li.selected{border-color:#FFFFFF}.container.button-background-colour-philco-white .navigation .button{background-color:#FFFFFF}.container.button-icon-colour-philco-white .navigation .button svg path{stroke:#FFFFFF}.container.entry-background-colour-philco-white .entry{background-color:#FFFFFF}.container.entry-highlight-colour-philco-white .entry{border-color:#FFFFFF}.container.entry-date-colour-philco-white .entry .date{color:#FFFFFF}.container.entry-title-colour-philco-white .entry .title{color:#FFFFFF}.container.entry-text-colour-philco-white .entry .content{color:#FFFFFF}.container.text-colour-philco-success-green .navigation li{color:#1Ec691}.container.navigation-highlight-colour-philco-success-green .navigation ul{border-color:#1Ec691}.container.selected-text-colour-philco-success-green .navigation li.selected{color:#1Ec691}.container.selected-navigation-highlight-colour-philco-success-green .navigation li.selected{border-color:#1Ec691}.container.button-background-colour-philco-success-green .navigation .button{background-color:#1Ec691}.container.button-icon-colour-philco-success-green .navigation .button svg path{stroke:#1Ec691}.container.entry-background-colour-philco-success-green .entry{background-color:#1Ec691}.container.entry-highlight-colour-philco-success-green .entry{border-color:#1Ec691}.container.entry-date-colour-philco-success-green .entry .date{color:#1Ec691}.container.entry-title-colour-philco-success-green .entry .title{color:#1Ec691}.container.entry-text-colour-philco-success-green .entry .content{color:#1Ec691}.container.text-colour-philco-error-coral .navigation li{color:#F54242}.container.navigation-highlight-colour-philco-error-coral .navigation ul{border-color:#F54242}.container.selected-text-colour-philco-error-coral .navigation li.selected{color:#F54242}.container.selected-navigation-highlight-colour-philco-error-coral .navigation li.selected{border-color:#F54242}.container.button-background-colour-philco-error-coral .navigation .button{background-color:#F54242}.container.button-icon-colour-philco-error-coral .navigation .button svg path{stroke:#F54242}.container.entry-background-colour-philco-error-coral .entry{background-color:#F54242}.container.entry-highlight-colour-philco-error-coral .entry{border-color:#F54242}.container.entry-date-colour-philco-error-coral .entry .date{color:#F54242}.container.entry-title-colour-philco-error-coral .entry .title{color:#F54242}.container.entry-text-colour-philco-error-coral .entry .content{color:#F54242}.container.text-colour-philco-gray-30 .navigation li{color:#BBBBBB}.container.navigation-highlight-colour-philco-gray-30 .navigation ul{border-color:#BBBBBB}.container.selected-text-colour-philco-gray-30 .navigation li.selected{color:#BBBBBB}.container.selected-navigation-highlight-colour-philco-gray-30 .navigation li.selected{border-color:#BBBBBB}.container.button-background-colour-philco-gray-30 .navigation .button{background-color:#BBBBBB}.container.button-icon-colour-philco-gray-30 .navigation .button svg path{stroke:#BBBBBB}.container.entry-background-colour-philco-gray-30 .entry{background-color:#BBBBBB}.container.entry-highlight-colour-philco-gray-30 .entry{border-color:#BBBBBB}.container.entry-date-colour-philco-gray-30 .entry .date{color:#BBBBBB}.container.entry-title-colour-philco-gray-30 .entry .title{color:#BBBBBB}.container.entry-text-colour-philco-gray-30 .entry .content{color:#BBBBBB}.container.text-colour-philco-gray-20 .navigation li{color:#F6F6F6}.container.navigation-highlight-colour-philco-gray-20 .navigation ul{border-color:#F6F6F6}.container.selected-text-colour-philco-gray-20 .navigation li.selected{color:#F6F6F6}.container.selected-navigation-highlight-colour-philco-gray-20 .navigation li.selected{border-color:#F6F6F6}.container.button-background-colour-philco-gray-20 .navigation .button{background-color:#F6F6F6}.container.button-icon-colour-philco-gray-20 .navigation .button svg path{stroke:#F6F6F6}.container.entry-background-colour-philco-gray-20 .entry{background-color:#F6F6F6}.container.entry-highlight-colour-philco-gray-20 .entry{border-color:#F6F6F6}.container.entry-date-colour-philco-gray-20 .entry .date{color:#F6F6F6}.container.entry-title-colour-philco-gray-20 .entry .title{color:#F6F6F6}.container.entry-text-colour-philco-gray-20 .entry .content{color:#F6F6F6}'}},[1,"biggive-timeline",{spaceBelow:[2,"space-below"],textColour:[1,"text-colour"],selectedTextColour:[1,"selected-text-colour"],navigationHighlightColour:[1,"navigation-highlight-colour"],selectedNavigationHighlightColour:[1,"selected-navigation-highlight-colour"],buttonBackgroundColour:[1,"button-background-colour"],buttonIconColour:[1,"button-icon-colour"],entryBackgroundColour:[1,"entry-background-colour"],entryHighlightColour:[1,"entry-highlight-colour"],entryDateColour:[1,"entry-date-colour"],entryTitleColour:[1,"entry-title-colour"],entryTextColour:[1,"entry-text-colour"]}]),c=e,i=function(){"undefined"!=typeof customElements&&["biggive-timeline"].forEach((o=>{"biggive-timeline"===o&&(customElements.get(n(o))||customElements.define(n(o),e))}))};export{c as BiggiveTimeline,i as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as t,h as i,transformTag as r}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i("div",{key:"
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as t,h as i,transformTag as r}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i("div",{key:"390bdf8a29558734f407773d38b027e2b26909c2",class:"ticker-item"},i("strong",{key:"b958a303b8eb6517c4693ae17bf8ad0bc6952786"},this.figure)," ",this.label)}static get style(){return"a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:inline-flex}.ticker-item{margin-right:30px}"}},[1,"biggive-totalizer-ticker-item",{figure:[1],label:[1]}]),o=n,c=function(){"undefined"!=typeof customElements&&["biggive-totalizer-ticker-item"].forEach((e=>{"biggive-totalizer-ticker-item"===e&&(customElements.get(r(e))||customElements.define(r(e),n))}))};export{o as BiggiveTotalizerTickerItem,c as defineCustomElement}
|