@biggive/components 202606300841.0.0 → 202607231148.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-13840401.entry.js → p-002b7f68.entry.js} +1 -1
- package/dist/biggive/{p-6ef8f1c8.entry.js → p-02fa1d66.entry.js} +1 -1
- package/dist/biggive/{p-d2c312e0.entry.js → p-08cdb01c.entry.js} +1 -1
- package/dist/biggive/{p-63bbe726.entry.js → p-15793312.entry.js} +1 -1
- package/dist/biggive/{p-6f0ab7de.entry.js → p-16033fc3.entry.js} +1 -1
- package/dist/biggive/{p-486b0443.entry.js → p-22e9942a.entry.js} +1 -1
- package/dist/biggive/{p-f04eaebb.entry.js → p-2b027e38.entry.js} +1 -1
- package/dist/biggive/{p-ebdf0f2a.entry.js → p-2ff1777d.entry.js} +1 -1
- package/dist/biggive/p-3186f00e.entry.js +1 -0
- package/dist/biggive/{p-60824941.entry.js → p-3540af90.entry.js} +1 -1
- package/dist/biggive/p-3b86a567.entry.js +1 -0
- package/dist/biggive/{p-7b142f0c.entry.js → p-3c07ea70.entry.js} +1 -1
- package/dist/biggive/{p-c11a2f3b.entry.js → p-3c90182e.entry.js} +1 -1
- package/dist/biggive/{p-7e9f3522.entry.js → p-3f907770.entry.js} +1 -1
- package/dist/biggive/{p-b5de3f93.entry.js → p-453ae6b6.entry.js} +1 -1
- package/dist/biggive/{p-ac53a19e.entry.js → p-46c29f1d.entry.js} +1 -1
- package/dist/biggive/{p-d3112cb1.entry.js → p-4dacf3ba.entry.js} +1 -1
- package/dist/biggive/p-513424e1.entry.js +1 -0
- package/dist/biggive/{p-79233862.entry.js → p-5731cd02.entry.js} +1 -1
- package/dist/biggive/{p-c50881e4.entry.js → p-6719cc4a.entry.js} +1 -1
- package/dist/biggive/{p-ed92d2b0.entry.js → p-6a07a53d.entry.js} +1 -1
- package/dist/biggive/{p-a987b466.entry.js → p-6b31dab2.entry.js} +1 -1
- package/dist/biggive/{p-08c0d7a0.entry.js → p-6b7955cd.entry.js} +1 -1
- package/dist/biggive/p-6c07ff8b.entry.js +1 -0
- package/dist/biggive/{p-f2d44bb0.entry.js → p-73edd20f.entry.js} +1 -1
- package/dist/biggive/{p-167ac0d3.entry.js → p-7eeaa6d0.entry.js} +1 -1
- package/dist/biggive/{p-f2f9ce31.entry.js → p-8087b693.entry.js} +1 -1
- package/dist/biggive/{p-dddee0ad.entry.js → p-84f66cf9.entry.js} +1 -1
- package/dist/biggive/{p-07bd58dd.entry.js → p-85daef9b.entry.js} +1 -1
- package/dist/biggive/{p-6db0805c.entry.js → p-8c1216af.entry.js} +1 -1
- package/dist/biggive/{p-342e0587.entry.js → p-9a438692.entry.js} +1 -1
- package/dist/biggive/{p-925b1eab.entry.js → p-9c166e66.entry.js} +1 -1
- package/dist/biggive/{p-53efa890.entry.js → p-9cb3ff5d.entry.js} +1 -1
- package/dist/biggive/{p-ed7b04d2.entry.js → p-9e56d7d7.entry.js} +1 -1
- package/dist/biggive/p-CmetY_lh.js +6 -0
- package/dist/biggive/p-a02082d9.entry.js +1 -0
- package/dist/biggive/{p-074c95a5.entry.js → p-a15eb5e1.entry.js} +1 -1
- package/dist/biggive/p-a7abbcfc.entry.js +1 -0
- package/dist/biggive/{p-53d2459c.entry.js → p-b721b109.entry.js} +1 -1
- package/dist/biggive/p-bb837c55.entry.js +1 -0
- package/dist/biggive/{p-d277fe34.entry.js → p-bc61d781.entry.js} +1 -1
- package/dist/biggive/{p-22f2e1e4.entry.js → p-cef4e22b.entry.js} +1 -1
- package/dist/biggive/{p-034bc308.entry.js → p-d5cc82ee.entry.js} +1 -1
- package/dist/biggive/p-d69684b2.entry.js +1 -0
- package/dist/biggive/{p-fd2f1a72.entry.js → p-e69861b1.entry.js} +1 -1
- package/dist/biggive/{p-fb0a9e11.entry.js → p-f3028dff.entry.js} +1 -1
- package/dist/biggive/{p-b00c2ca8.entry.js → p-f862ef18.entry.js} +1 -1
- package/dist/biggive/{p-e8517ccd.entry.js → p-faf4b3a1.entry.js} +1 -1
- 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.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 +2 -3
- 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 +2 -3
- 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/{fontawesome-icons-C4PSe07b.js → fontawesome-icons-DKTJ2bTV.js} +55 -11
- 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/collection-manifest.json +0 -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-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/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.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-select.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/fontawesome-icons.js +2 -2
- package/dist/components/index.d.ts +0 -2
- package/dist/components/index.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.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 +2 -3
- 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 +2 -3
- 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/{fontawesome-icons-BeVCdTM9.js → fontawesome-icons-CmetY_lh.js} +46 -2
- 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.d.ts +0 -222
- package/hydrate/index.js +109 -411
- package/hydrate/index.mjs +109 -411
- package/package.json +1 -1
- package/dist/biggive/p-2f0e2375.entry.js +0 -1
- package/dist/biggive/p-35742632.entry.js +0 -1
- package/dist/biggive/p-4c8d3d7b.entry.js +0 -1
- package/dist/biggive/p-76d8edf3.entry.js +0 -1
- package/dist/biggive/p-8c4c51d6.entry.js +0 -1
- package/dist/biggive/p-CoGE2Wf-.js +0 -6
- package/dist/biggive/p-DHmSSfst.js +0 -6
- package/dist/biggive/p-acc61e55.entry.js +0 -1
- package/dist/biggive/p-b09d4083.entry.js +0 -1
- package/dist/biggive/p-b0d1c784.entry.js +0 -1
- package/dist/biggive/p-d4462885.entry.js +0 -1
- package/dist/cjs/biggive-campaign-card-filter-grid.cjs.entry.js +0 -277
- package/dist/cjs/index-CsWZ2Pa-.js +0 -60
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.css +0 -270
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js +0 -680
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.stories.js +0 -109
- package/dist/components/biggive-campaign-card-filter-grid.d.ts +0 -11
- package/dist/components/biggive-campaign-card-filter-grid.js +0 -1
- package/dist/components/biggive-form-field-select2.js +0 -1
- package/dist/components/index2.js +0 -6
- package/dist/esm/biggive-campaign-card-filter-grid.entry.js +0 -275
- package/dist/esm/index-CoGE2Wf-.js +0 -50
- package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.d.ts +0 -147
- package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.stories.d.ts +0 -59
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as o,HTMLElement as e,h as t,transformTag as r}from"@stencil/core/internal/client";const i=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.maxWidth=100,this.siteDesign="biggive"}render(){const o="string"==typeof this.defaultTextColour&&""!==this.defaultTextColour.trim();return t("div",{key:"
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as e,h as t,transformTag as r}from"@stencil/core/internal/client";const i=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.maxWidth=100,this.siteDesign="biggive"}render(){const o="string"==typeof this.defaultTextColour&&""!==this.defaultTextColour.trim();return t("div",{key:"7ba2a32c4c558315a3b344c0095ee180c6545ca4",class:"container "+this.siteDesign+" max-width-"+this.maxWidth+(o?" text-colour-"+this.defaultTextColour:"")+" space-below-"+this.spaceBelow},t("slot",{key:"9fc5fcd55f71d1032ee5e09956dc4348fb709241"}))}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:block}.container.biggive h1,.container.biggive .heading-1{font-size:47px;line-height:60px;font-weight:bold}.container.biggive h2,.container.biggive .heading-2{font-size:38px;line-height:45px;font-weight:bold}.container.biggive h3,.container.biggive .heading-3{font-size:25px;line-height:32px;font-weight:bold}.container.biggive h4,.container.biggive .heading-4{font-size:20px;line-height:24px;font-weight:bold}.container.biggive h5,.container.biggive .heading-5{font-size:17px;line-height:24px;font-weight:bold}.container.philco h1,.container.philco .heading-1,.container.philco h2,.container.philco .heading-2,.container.philco h3,.container.philco .heading-3{font-family:"Garage Gothic", sans-serif;font-weight:700;margin-top:0.1rem;margin-bottom:0.1rem;line-height:1.1;font-weight:700;text-transform:uppercase}.container.philco h1,.container.philco .heading-1{font-size:4rem}.container.philco h2,.container.philco .heading-2{font-size:2.5rem}.container.philco h3,.container.philco .heading-3{font-size:1.8rem}.container img{width:100%;height:auto}.container a{color:inherit;text-decoration:underline}.container.max-width-10 .sleeve{max-width:10%;margin-left:auto;margin-right:auto}.container.max-width-15 .sleeve{max-width:15%;margin-left:auto;margin-right:auto}.container.max-width-20 .sleeve{max-width:20%;margin-left:auto;margin-right:auto}.container.max-width-25 .sleeve{max-width:25%;margin-left:auto;margin-right:auto}.container.max-width-30 .sleeve{max-width:30%;margin-left:auto;margin-right:auto}.container.max-width-35 .sleeve{max-width:35%;margin-left:auto;margin-right:auto}.container.max-width-40 .sleeve{max-width:40%;margin-left:auto;margin-right:auto}.container.max-width-45 .sleeve{max-width:45%;margin-left:auto;margin-right:auto}.container.max-width-50 .sleeve{max-width:50%;margin-left:auto;margin-right:auto}.container.max-width-55 .sleeve{max-width:55%;margin-left:auto;margin-right:auto}.container.max-width-60 .sleeve{max-width:60%;margin-left:auto;margin-right:auto}.container.max-width-65 .sleeve{max-width:65%;margin-left:auto;margin-right:auto}.container.max-width-70 .sleeve{max-width:70%;margin-left:auto;margin-right:auto}.container.max-width-75 .sleeve{max-width:75%;margin-left:auto;margin-right:auto}.container.max-width-80 .sleeve{max-width:80%;margin-left:auto;margin-right:auto}.container.max-width-85 .sleeve{max-width:85%;margin-left:auto;margin-right:auto}.container.max-width-90 .sleeve{max-width:90%;margin-left:auto;margin-right:auto}.container.max-width-95 .sleeve{max-width:95%;margin-left:auto;margin-right:auto}'}},[257,"biggive-formatted-text",{spaceBelow:[2,"space-below"],defaultTextColour:[1,"default-text-colour"],maxWidth:[2,"max-width"],siteDesign:[1,"site-design"]}]),a=i,n=function(){"undefined"!=typeof customElements&&["biggive-formatted-text"].forEach((o=>{"biggive-formatted-text"===o&&(customElements.get(r(o))||customElements.define(r(o),i))}))};export{a as BiggiveFormattedText,n as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as t,HTMLElement as c,h as o,transformTag as l}from"@stencil/core/internal/client";const n=t(class extends c{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=4,this.columnCount=3,this.spaceBetween=!1,this.columnGap=0}render(){return o("div",{key:"4d81d69c275a02796ebf83e121988a72c3e20967",class:"grid column-count-"+this.columnCount+" space-below-"+this.spaceBelow+" column-gap-"+this.columnGap+(this.spaceBetween?" space-between":"")},o("slot",{key:"bc2bc7343b24bedf177ae72ea7718b2bfedcc968"}))}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}.grid{margin-bottom:15px;display:flex;flex-flow:row wrap}.space-between{justify-content:space-between}.grid ::slotted([slot=grid-item]){display:block}.column-count-2 ::slotted(*){width:50%;display:flex;flex-direction:column}.column-count-3 ::slotted(*){width:33.3333333333%;display:flex;flex-direction:column}.column-count-4 ::slotted(*){width:25%;display:flex;flex-direction:column}.column-count-5 ::slotted(*){width:20%;display:flex;flex-direction:column}.column-count-6 ::slotted(*){width:16.6666666667%;display:flex;flex-direction:column}.column-gap-1{justify-content:space-between}.column-gap-2{justify-content:space-between}.column-gap-3{justify-content:space-between}.column-gap-4{justify-content:space-between}.column-gap-5{justify-content:space-between}.column-gap-6{justify-content:space-between}.column-count-2.column-gap-1 ::slotted(*){width:calc(50% - 2.5px)}.column-count-2.column-gap-2 ::slotted(*){width:calc(50% - 5px)}.column-count-2.column-gap-3 ::slotted(*){width:calc(50% - 7.5px)}.column-count-2.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-5 ::slotted(*){width:calc(50% - 22.5px)}.column-count-2.column-gap-6 ::slotted(*){width:calc(50% - 30px)}.column-count-3.column-gap-1 ::slotted(*){width:calc(33.3333333333% - 3.3333333333px)}.column-count-3.column-gap-2 ::slotted(*){width:calc(33.3333333333% - 6.6666666667px)}.column-count-3.column-gap-3 ::slotted(*){width:calc(33.3333333333% - 10px)}.column-count-3.column-gap-4 ::slotted(*){width:calc(33.3333333333% - 20px)}.column-count-3.column-gap-5 ::slotted(*){width:calc(33.3333333333% - 30px)}.column-count-3.column-gap-6 ::slotted(*){width:calc(33.3333333333% - 40px)}.column-count-4.column-gap-1 ::slotted(*){width:calc(25% - 3.75px)}.column-count-4.column-gap-2 ::slotted(*){width:calc(25% - 7.5px)}.column-count-4.column-gap-3 ::slotted(*){width:calc(25% - 11.25px)}.column-count-4.column-gap-4 ::slotted(*){width:calc(25% - 22.5px)}.column-count-4.column-gap-5 ::slotted(*){width:calc(25% - 33.75px)}.column-count-4.column-gap-6 ::slotted(*){width:calc(25% - 45px)}.column-count-5.column-gap-1 ::slotted(*){width:calc(20% - 4px)}.column-count-5.column-gap-2 ::slotted(*){width:calc(20% - 8px)}.column-count-5.column-gap-3 ::slotted(*){width:calc(20% - 12px)}.column-count-5.column-gap-4 ::slotted(*){width:calc(20% - 24px)}.column-count-5.column-gap-5 ::slotted(*){width:calc(20% - 36px)}.column-count-5.column-gap-6 ::slotted(*){width:calc(20% - 48px)}.column-count-6.column-gap-1 ::slotted(*){width:calc(16.6666666667% - 4.1666666667px)}.column-count-6.column-gap-2 ::slotted(*){width:calc(16.6666666667% - 8.3333333333px)}.column-count-6.column-gap-3 ::slotted(*){width:calc(16.6666666667% - 12.5px)}.column-count-6.column-gap-4 ::slotted(*){width:calc(16.6666666667% - 25px)}.column-count-6.column-gap-5 ::slotted(*){width:calc(16.6666666667% - 37.5px)}.column-count-6.column-gap-6 ::slotted(*){width:calc(16.6666666667% - 50px)}.column-count-3.column-gap-1:after{content:"";display:flex;flex-direction:column;width:calc(33.3333333333% - 3.3333333333px)}.column-count-3.column-gap-2:after{content:"";display:flex;flex-direction:column;width:calc(33.3333333333% - 6.6666666667px)}.column-count-3.column-gap-3:after{content:"";display:flex;flex-direction:column;width:calc(33.3333333333% - 10px)}.column-count-3.column-gap-4:after{content:"";display:flex;flex-direction:column;width:calc(33.3333333333% - 20px)}.column-count-3.column-gap-5:after{content:"";display:flex;flex-direction:column;width:calc(33.3333333333% - 30px)}.column-count-3.column-gap-6:after{content:"";display:flex;flex-direction:column;width:calc(33.3333333333% - 40px)}@media screen and (max-width: 968px){.column-count-1 ::slotted(*){width:calc(51% - 15px)}.column-count-1.column-gap-1 ::slotted(*){width:calc(50% - 15px)}.column-count-1.column-gap-2 ::slotted(*){width:calc(50% - 15px)}.column-count-1.column-gap-3 ::slotted(*){width:calc(50% - 15px)}.column-count-1.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-1.column-gap-5 ::slotted(*){width:calc(50% - 15px)}.column-count-1.column-gap-6 ::slotted(*){width:calc(50% - 15px)}.column-count-2 ::slotted(*){width:calc(51% - 15px)}.column-count-2.column-gap-1 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-2 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-3 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-5 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-6 ::slotted(*){width:calc(50% - 15px)}.column-count-3 ::slotted(*){width:calc(51% - 15px)}.column-count-3.column-gap-1 ::slotted(*){width:calc(50% - 15px)}.column-count-3.column-gap-2 ::slotted(*){width:calc(50% - 15px)}.column-count-3.column-gap-3 ::slotted(*){width:calc(50% - 15px)}.column-count-3.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-3.column-gap-5 ::slotted(*){width:calc(50% - 15px)}.column-count-3.column-gap-6 ::slotted(*){width:calc(50% - 15px)}.column-count-4 ::slotted(*){width:calc(51% - 15px)}.column-count-4.column-gap-1 ::slotted(*){width:calc(50% - 15px)}.column-count-4.column-gap-2 ::slotted(*){width:calc(50% - 15px)}.column-count-4.column-gap-3 ::slotted(*){width:calc(50% - 15px)}.column-count-4.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-4.column-gap-5 ::slotted(*){width:calc(50% - 15px)}.column-count-4.column-gap-6 ::slotted(*){width:calc(50% - 15px)}.column-count-5 ::slotted(*){width:calc(51% - 15px)}.column-count-5.column-gap-1 ::slotted(*){width:calc(50% - 15px)}.column-count-5.column-gap-2 ::slotted(*){width:calc(50% - 15px)}.column-count-5.column-gap-3 ::slotted(*){width:calc(50% - 15px)}.column-count-5.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-5.column-gap-5 ::slotted(*){width:calc(50% - 15px)}.column-count-5.column-gap-6 ::slotted(*){width:calc(50% - 15px)}.column-count-6 ::slotted(*){width:calc(51% - 15px)}.column-count-6.column-gap-1 ::slotted(*){width:calc(50% - 15px)}.column-count-6.column-gap-2 ::slotted(*){width:calc(50% - 15px)}.column-count-6.column-gap-3 ::slotted(*){width:calc(50% - 15px)}.column-count-6.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-6.column-gap-5 ::slotted(*){width:calc(50% - 15px)}.column-count-6.column-gap-6 ::slotted(*){width:calc(50% - 15px)}}@media screen and (max-width: 576px){.column-count-1 ::slotted(*){width:100%}.column-count-1.column-gap-1 ::slotted(*){width:100%}.column-count-1.column-gap-2 ::slotted(*){width:100%}.column-count-1.column-gap-3 ::slotted(*){width:100%}.column-count-1.column-gap-4 ::slotted(*){width:100%}.column-count-1.column-gap-5 ::slotted(*){width:100%}.column-count-1.column-gap-6 ::slotted(*){width:100%}.column-count-2 ::slotted(*){width:100%}.column-count-2.column-gap-1 ::slotted(*){width:100%}.column-count-2.column-gap-2 ::slotted(*){width:100%}.column-count-2.column-gap-3 ::slotted(*){width:100%}.column-count-2.column-gap-4 ::slotted(*){width:100%}.column-count-2.column-gap-5 ::slotted(*){width:100%}.column-count-2.column-gap-6 ::slotted(*){width:100%}.column-count-3 ::slotted(*){width:100%}.column-count-3.column-gap-1 ::slotted(*){width:100%}.column-count-3.column-gap-2 ::slotted(*){width:100%}.column-count-3.column-gap-3 ::slotted(*){width:100%}.column-count-3.column-gap-4 ::slotted(*){width:100%}.column-count-3.column-gap-5 ::slotted(*){width:100%}.column-count-3.column-gap-6 ::slotted(*){width:100%}.column-count-4 ::slotted(*){width:100%}.column-count-4.column-gap-1 ::slotted(*){width:100%}.column-count-4.column-gap-2 ::slotted(*){width:100%}.column-count-4.column-gap-3 ::slotted(*){width:100%}.column-count-4.column-gap-4 ::slotted(*){width:100%}.column-count-4.column-gap-5 ::slotted(*){width:100%}.column-count-4.column-gap-6 ::slotted(*){width:100%}.column-count-5 ::slotted(*){width:100%}.column-count-5.column-gap-1 ::slotted(*){width:100%}.column-count-5.column-gap-2 ::slotted(*){width:100%}.column-count-5.column-gap-3 ::slotted(*){width:100%}.column-count-5.column-gap-4 ::slotted(*){width:100%}.column-count-5.column-gap-5 ::slotted(*){width:100%}.column-count-5.column-gap-6 ::slotted(*){width:100%}.column-count-6 ::slotted(*){width:100%}.column-count-6.column-gap-1 ::slotted(*){width:100%}.column-count-6.column-gap-2 ::slotted(*){width:100%}.column-count-6.column-gap-3 ::slotted(*){width:100%}.column-count-6.column-gap-4 ::slotted(*){width:100%}.column-count-6.column-gap-5 ::slotted(*){width:100%}.column-count-6.column-gap-6 ::slotted(*){width:100%}}'}},[257,"biggive-grid",{spaceBelow:[2,"space-below"],columnCount:[2,"column-count"],spaceBetween:[4,"space-between"],columnGap:[2,"column-gap"]}]),u=n,e=function(){"undefined"!=typeof customElements&&["biggive-grid"].forEach((t=>{"biggive-grid"===t&&(customElements.get(l(t))||customElements.define(l(t),n))}))};export{u as BiggiveGrid,e as defineCustomElement}
|
|
1
|
+
import{proxyCustomElement as t,HTMLElement as c,h as o,transformTag as l}from"@stencil/core/internal/client";const n=t(class extends c{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=4,this.columnCount=3,this.spaceBetween=!1,this.columnGap=0}render(){return o("div",{key:"684b7353fe4eec5de5792695cafbb64fdf157008",class:"grid column-count-"+this.columnCount+" space-below-"+this.spaceBelow+" column-gap-"+this.columnGap+(this.spaceBetween?" space-between":"")},o("slot",{key:"6bd34fa138774c3c508c08cf7b2cac5917167df5"}))}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}.grid{margin-bottom:15px;display:flex;flex-flow:row wrap}.space-between{justify-content:space-between}.grid ::slotted([slot=grid-item]){display:block}.column-count-2 ::slotted(*){width:50%;display:flex;flex-direction:column}.column-count-3 ::slotted(*){width:33.3333333333%;display:flex;flex-direction:column}.column-count-4 ::slotted(*){width:25%;display:flex;flex-direction:column}.column-count-5 ::slotted(*){width:20%;display:flex;flex-direction:column}.column-count-6 ::slotted(*){width:16.6666666667%;display:flex;flex-direction:column}.column-gap-1{justify-content:space-between}.column-gap-2{justify-content:space-between}.column-gap-3{justify-content:space-between}.column-gap-4{justify-content:space-between}.column-gap-5{justify-content:space-between}.column-gap-6{justify-content:space-between}.column-count-2.column-gap-1 ::slotted(*){width:calc(50% - 2.5px)}.column-count-2.column-gap-2 ::slotted(*){width:calc(50% - 5px)}.column-count-2.column-gap-3 ::slotted(*){width:calc(50% - 7.5px)}.column-count-2.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-5 ::slotted(*){width:calc(50% - 22.5px)}.column-count-2.column-gap-6 ::slotted(*){width:calc(50% - 30px)}.column-count-3.column-gap-1 ::slotted(*){width:calc(33.3333333333% - 3.3333333333px)}.column-count-3.column-gap-2 ::slotted(*){width:calc(33.3333333333% - 6.6666666667px)}.column-count-3.column-gap-3 ::slotted(*){width:calc(33.3333333333% - 10px)}.column-count-3.column-gap-4 ::slotted(*){width:calc(33.3333333333% - 20px)}.column-count-3.column-gap-5 ::slotted(*){width:calc(33.3333333333% - 30px)}.column-count-3.column-gap-6 ::slotted(*){width:calc(33.3333333333% - 40px)}.column-count-4.column-gap-1 ::slotted(*){width:calc(25% - 3.75px)}.column-count-4.column-gap-2 ::slotted(*){width:calc(25% - 7.5px)}.column-count-4.column-gap-3 ::slotted(*){width:calc(25% - 11.25px)}.column-count-4.column-gap-4 ::slotted(*){width:calc(25% - 22.5px)}.column-count-4.column-gap-5 ::slotted(*){width:calc(25% - 33.75px)}.column-count-4.column-gap-6 ::slotted(*){width:calc(25% - 45px)}.column-count-5.column-gap-1 ::slotted(*){width:calc(20% - 4px)}.column-count-5.column-gap-2 ::slotted(*){width:calc(20% - 8px)}.column-count-5.column-gap-3 ::slotted(*){width:calc(20% - 12px)}.column-count-5.column-gap-4 ::slotted(*){width:calc(20% - 24px)}.column-count-5.column-gap-5 ::slotted(*){width:calc(20% - 36px)}.column-count-5.column-gap-6 ::slotted(*){width:calc(20% - 48px)}.column-count-6.column-gap-1 ::slotted(*){width:calc(16.6666666667% - 4.1666666667px)}.column-count-6.column-gap-2 ::slotted(*){width:calc(16.6666666667% - 8.3333333333px)}.column-count-6.column-gap-3 ::slotted(*){width:calc(16.6666666667% - 12.5px)}.column-count-6.column-gap-4 ::slotted(*){width:calc(16.6666666667% - 25px)}.column-count-6.column-gap-5 ::slotted(*){width:calc(16.6666666667% - 37.5px)}.column-count-6.column-gap-6 ::slotted(*){width:calc(16.6666666667% - 50px)}.column-count-3.column-gap-1:after{content:"";display:flex;flex-direction:column;width:calc(33.3333333333% - 3.3333333333px)}.column-count-3.column-gap-2:after{content:"";display:flex;flex-direction:column;width:calc(33.3333333333% - 6.6666666667px)}.column-count-3.column-gap-3:after{content:"";display:flex;flex-direction:column;width:calc(33.3333333333% - 10px)}.column-count-3.column-gap-4:after{content:"";display:flex;flex-direction:column;width:calc(33.3333333333% - 20px)}.column-count-3.column-gap-5:after{content:"";display:flex;flex-direction:column;width:calc(33.3333333333% - 30px)}.column-count-3.column-gap-6:after{content:"";display:flex;flex-direction:column;width:calc(33.3333333333% - 40px)}@media screen and (max-width: 968px){.column-count-1 ::slotted(*){width:calc(51% - 15px)}.column-count-1.column-gap-1 ::slotted(*){width:calc(50% - 15px)}.column-count-1.column-gap-2 ::slotted(*){width:calc(50% - 15px)}.column-count-1.column-gap-3 ::slotted(*){width:calc(50% - 15px)}.column-count-1.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-1.column-gap-5 ::slotted(*){width:calc(50% - 15px)}.column-count-1.column-gap-6 ::slotted(*){width:calc(50% - 15px)}.column-count-2 ::slotted(*){width:calc(51% - 15px)}.column-count-2.column-gap-1 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-2 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-3 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-5 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-6 ::slotted(*){width:calc(50% - 15px)}.column-count-3 ::slotted(*){width:calc(51% - 15px)}.column-count-3.column-gap-1 ::slotted(*){width:calc(50% - 15px)}.column-count-3.column-gap-2 ::slotted(*){width:calc(50% - 15px)}.column-count-3.column-gap-3 ::slotted(*){width:calc(50% - 15px)}.column-count-3.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-3.column-gap-5 ::slotted(*){width:calc(50% - 15px)}.column-count-3.column-gap-6 ::slotted(*){width:calc(50% - 15px)}.column-count-4 ::slotted(*){width:calc(51% - 15px)}.column-count-4.column-gap-1 ::slotted(*){width:calc(50% - 15px)}.column-count-4.column-gap-2 ::slotted(*){width:calc(50% - 15px)}.column-count-4.column-gap-3 ::slotted(*){width:calc(50% - 15px)}.column-count-4.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-4.column-gap-5 ::slotted(*){width:calc(50% - 15px)}.column-count-4.column-gap-6 ::slotted(*){width:calc(50% - 15px)}.column-count-5 ::slotted(*){width:calc(51% - 15px)}.column-count-5.column-gap-1 ::slotted(*){width:calc(50% - 15px)}.column-count-5.column-gap-2 ::slotted(*){width:calc(50% - 15px)}.column-count-5.column-gap-3 ::slotted(*){width:calc(50% - 15px)}.column-count-5.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-5.column-gap-5 ::slotted(*){width:calc(50% - 15px)}.column-count-5.column-gap-6 ::slotted(*){width:calc(50% - 15px)}.column-count-6 ::slotted(*){width:calc(51% - 15px)}.column-count-6.column-gap-1 ::slotted(*){width:calc(50% - 15px)}.column-count-6.column-gap-2 ::slotted(*){width:calc(50% - 15px)}.column-count-6.column-gap-3 ::slotted(*){width:calc(50% - 15px)}.column-count-6.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-6.column-gap-5 ::slotted(*){width:calc(50% - 15px)}.column-count-6.column-gap-6 ::slotted(*){width:calc(50% - 15px)}}@media screen and (max-width: 576px){.column-count-1 ::slotted(*){width:100%}.column-count-1.column-gap-1 ::slotted(*){width:100%}.column-count-1.column-gap-2 ::slotted(*){width:100%}.column-count-1.column-gap-3 ::slotted(*){width:100%}.column-count-1.column-gap-4 ::slotted(*){width:100%}.column-count-1.column-gap-5 ::slotted(*){width:100%}.column-count-1.column-gap-6 ::slotted(*){width:100%}.column-count-2 ::slotted(*){width:100%}.column-count-2.column-gap-1 ::slotted(*){width:100%}.column-count-2.column-gap-2 ::slotted(*){width:100%}.column-count-2.column-gap-3 ::slotted(*){width:100%}.column-count-2.column-gap-4 ::slotted(*){width:100%}.column-count-2.column-gap-5 ::slotted(*){width:100%}.column-count-2.column-gap-6 ::slotted(*){width:100%}.column-count-3 ::slotted(*){width:100%}.column-count-3.column-gap-1 ::slotted(*){width:100%}.column-count-3.column-gap-2 ::slotted(*){width:100%}.column-count-3.column-gap-3 ::slotted(*){width:100%}.column-count-3.column-gap-4 ::slotted(*){width:100%}.column-count-3.column-gap-5 ::slotted(*){width:100%}.column-count-3.column-gap-6 ::slotted(*){width:100%}.column-count-4 ::slotted(*){width:100%}.column-count-4.column-gap-1 ::slotted(*){width:100%}.column-count-4.column-gap-2 ::slotted(*){width:100%}.column-count-4.column-gap-3 ::slotted(*){width:100%}.column-count-4.column-gap-4 ::slotted(*){width:100%}.column-count-4.column-gap-5 ::slotted(*){width:100%}.column-count-4.column-gap-6 ::slotted(*){width:100%}.column-count-5 ::slotted(*){width:100%}.column-count-5.column-gap-1 ::slotted(*){width:100%}.column-count-5.column-gap-2 ::slotted(*){width:100%}.column-count-5.column-gap-3 ::slotted(*){width:100%}.column-count-5.column-gap-4 ::slotted(*){width:100%}.column-count-5.column-gap-5 ::slotted(*){width:100%}.column-count-5.column-gap-6 ::slotted(*){width:100%}.column-count-6 ::slotted(*){width:100%}.column-count-6.column-gap-1 ::slotted(*){width:100%}.column-count-6.column-gap-2 ::slotted(*){width:100%}.column-count-6.column-gap-3 ::slotted(*){width:100%}.column-count-6.column-gap-4 ::slotted(*){width:100%}.column-count-6.column-gap-5 ::slotted(*){width:100%}.column-count-6.column-gap-6 ::slotted(*){width:100%}}'}},[257,"biggive-grid",{spaceBelow:[2,"space-below"],columnCount:[2,"column-count"],spaceBetween:[4,"space-between"],columnGap:[2,"column-gap"]}]),u=n,e=function(){"undefined"!=typeof customElements&&["biggive-grid"].forEach((t=>{"biggive-grid"===t&&(customElements.get(l(t))||customElements.define(l(t),n))}))};export{u as BiggiveGrid,e as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as o,HTMLElement as e,h as t,transformTag as r}from"@stencil/core/internal/client";const i=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.slug="",this.height="tall"}lineBreakToBr(o){return null==o?[]:o.split(/\r?\n|\r|\n/g).map((o=>[o,t("br",null)])).flat().slice(0,-1)}getParsedFocalPoint(){return"string"==typeof this.focalPoint?JSON.parse(this.focalPoint):this.focalPoint}getParsedLogo(){if(void 0!==this.logo)return"string"==typeof this.logo?JSON.parse(this.logo):this.logo}render(){var o,e,r,i,l;const a=this.lineBreakToBr(this.teaser),
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as e,h as t,transformTag as r}from"@stencil/core/internal/client";const i=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.slug="",this.height="tall"}lineBreakToBr(o){return null==o?[]:o.split(/\r?\n|\r|\n/g).map((o=>[o,t("br",null)])).flat().slice(0,-1)}getParsedFocalPoint(){return"string"==typeof this.focalPoint?JSON.parse(this.focalPoint):this.focalPoint}getParsedLogo(){if(void 0!==this.logo)return"string"==typeof this.logo?JSON.parse(this.logo):this.logo}render(){var o,e,r,i,l;const a=this.lineBreakToBr(this.teaser),n=(null===(o=this.backgroundColour)||void 0===o?void 0:o.startsWith("#"))?this.backgroundColour:"#"+this.backgroundColour,c=(null===(e=this.textBackgroundColour)||void 0===e?void 0:e.startsWith("#"))?this.textBackgroundColour:"#"+this.textBackgroundColour,h=(null===(r=this.slugColour)||void 0===r?void 0:r.startsWith("#"))?this.slugColour:"#"+this.slugColour,s=(null===(i=this.mainTitleColour)||void 0===i?void 0:i.startsWith("#"))?this.mainTitleColour:"#"+this.mainTitleColour,d=(null===(l=this.teaserColour)||void 0===l?void 0:l.startsWith("#"))?this.teaserColour:"#"+this.teaserColour,g=this.getParsedLogo(),u=void 0===this.targetUrl?t("h1",{style:{color:s},class:"main-title"},this.mainTitle):t("a",{href:this.targetUrl,class:"banner-link"},t("h1",{style:{color:s},class:"main-title"},this.mainTitle));let p=null;return null!=this.teaser&&(p=void 0===this.targetUrl?t("div",{class:"teaser",style:{color:d}},a):t("a",{href:this.targetUrl,class:"banner-link"},t("div",{class:"teaser",style:{color:d}},a))),t("div",{key:"b39fc31bb4885622bc5a27050edabb119d743ae0",class:{banner:!0,short:"short"===this.height},style:{"background-color":n}},"string"==typeof this.mainImageUrl&&""!==this.mainImageUrl?t("img",{class:"background",src:this.mainImageUrl,alt:"",style:{"object-position":`${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`}}):null,t("div",{key:"fdd07d9b726f617823e591e83a4083d40f5d4770",class:"sleeve"},t("div",{key:"bddc98778f2db893443342b929934ef4c6839458",class:"content-wrap",style:{"background-color":c}},g?t("div",{class:"logo"},t("img",{src:g.url,alt:g.alt||""})):null,null!=this.slug?t("div",{style:{color:h},class:"slug"},this.slug):null,u,p),"string"==typeof this.mainImageUrl&&""!==this.mainImageUrl?t("img",{class:"stacked",src:this.mainImageUrl,alt:"",style:{"object-position":`${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`}}):null))}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents;font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.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}.banner{font-size:17px;background-size:cover;height:600px;position:relative;overflow:hidden}.banner.short{height:400px}.banner img.background{object-fit:cover;position:absolute;max-width:2000px;width:100%;height:400px;left:50%;transform:translateX(-50%);bottom:0;display:none}@media (min-width: 768px){.banner img.background{display:block;bottom:initial;height:100%}}.sleeve{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:1200px;margin-left:auto;margin-right:auto;padding:0;box-sizing:border-box;height:100%}@media (min-width: 768px){.sleeve{flex-direction:column;padding-left:20px;align-items:start;height:600px}.short .sleeve{height:400px}}.banner-link{text-decoration:none}.content-wrap{position:relative;padding-top:70px;padding-right:50px;padding-left:30px;padding-bottom:30px;box-sizing:border-box;width:100%;max-width:768px}@media (min-width: 768px){.content-wrap{margin-bottom:auto;margin-top:auto;margin-left:0;padding-top:30px;max-width:40%}}img.stacked{width:100%;height:100%;object-fit:cover}@media (min-width: 768px){img.stacked{display:none}}h1.main-title{font-size:47px;line-height:60px;font-weight:bold;margin:0 0 15px;padding:0}.slug{font-size:20px;line-height:inherit;font-weight:bold;margin-bottom:-7px}.teaser{margin:0;padding:0}.logo{height:100px;background-size:contain;background-repeat:no-repeat;background-position:left center;margin-bottom:10px}.logo img{width:auto;height:100%;position:relative}'}},[1,"biggive-heading-banner",{targetUrl:[1,"target-url"],logo:[1],slug:[1],mainTitle:[1,"main-title"],mainImageUrl:[1,"main-image-url"],focalPoint:[1,"focal-point"],teaser:[1],backgroundColour:[1,"background-colour"],textBackgroundColour:[1,"text-background-colour"],slugColour:[1,"slug-colour"],mainTitleColour:[1,"main-title-colour"],teaserColour:[1,"teaser-colour"],height:[1]}]),l=i,a=function(){"undefined"!=typeof customElements&&["biggive-heading-banner"].forEach((o=>{"biggive-heading-banner"===o&&(customElements.get(r(o))||customElements.define(r(o),i))}))};export{l as BiggiveHeadingBanner,a as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as o,HTMLElement as n,h as i,transformTag as e}from"@stencil/core/internal/client";const c=o(class extends n{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceAbove=2,this.spaceBelow=4,this.colour="primary",this.htmlElement="h1",this.size=1,this.align="left",this.text="",this.icon=!1,this.iconColour="primary",this.siteDesign="biggive"}render(){return i("div",{key:"
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as n,h as i,transformTag as e}from"@stencil/core/internal/client";const c=o(class extends n{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceAbove=2,this.spaceBelow=4,this.colour="primary",this.htmlElement="h1",this.size=1,this.align="left",this.text="",this.icon=!1,this.iconColour="primary",this.siteDesign="biggive"}render(){return i("div",{key:"34b70b714607239349589912041fbd19d15de117",class:"container "+this.siteDesign+" align-"+this.align+" space-above-"+this.spaceAbove+" space-below-"+this.spaceBelow},i(this.htmlElement,{key:"784a1ee03ee7c68899f2807ff7eadc5fb7b9b185",class:"heading-colour-"+this.colour+" icon-colour-"+this.iconColour+" heading-"+this.size},this.icon?i("svg",{viewBox:"0 0 102 88"},i("path",{class:"st0",d:"M51.2,0l-51,88h102L51.2,0z"}),i("path",{d:"M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z"})):null,this.text))}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{display:flex}.container.biggive{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.container.biggive h1,.container.biggive .heading-1{font-size:47px;line-height:60px;font-weight:bold}.container.biggive h2,.container.biggive .heading-2{font-size:38px;line-height:45px;font-weight:bold}.container.biggive h3,.container.biggive .heading-3{font-size:25px;line-height:32px;font-weight:bold}.container.biggive h4,.container.biggive .heading-4{font-size:20px;line-height:24px;font-weight:bold}.container.biggive h5,.container.biggive .heading-5{font-size:17px;line-height:24px;font-weight:bold}.container.philco h1,.container.philco .heading-1,.container.philco h2,.container.philco .heading-2,.container.philco h3,.container.philco .heading-3{font-family:"Garage Gothic", sans-serif;font-weight:700;margin-top:0.1rem;margin-bottom:0.1rem;line-height:1.1;font-weight:700;text-transform:uppercase}.container.philco h1,.container.philco .heading-1{font-size:4rem}.container.philco h2,.container.philco .heading-2{font-size:2.5rem}.container.philco h3,.container.philco .heading-3{font-size:1.8rem}.container .heading-colour-primary{color:#2C089B}.container .heading-colour-secondary{color:#2AF135}.container .heading-colour-tertiary{color:#FF7272}.container .heading-colour-brand-cc-red{color:#B30510}.container .heading-colour-brand-wgmf-purple{color:#6E0887}.container .heading-colour-brand-gmf-green{color:#50B400}.container .heading-colour-brand-er-green{color:#50B400}.container .heading-colour-brand-er-dark-green{color:#002413}.container .heading-colour-brand-er-dark-blue{color:#0c0068}.container .heading-colour-brand-er-teal{color:#00a76d}.container .heading-colour-brand-emf-yellow{color:#FFE500}.container .heading-colour-brand-c4c-orange{color:#F07D00}.container .heading-colour-brand-afa-pink{color:#BF387D}.container .heading-colour-brand-scw-magenta{color:#EE2C65}.container .heading-colour-brand-mhf-turquoise{color:#62CFC9}.container .heading-colour-brand-grey{color:#CBC8C8}.container .heading-colour-white{color:#FFFFFF}.container .heading-colour-black{color:#000000}.container .heading-colour-grey-extra-light{color:#D7D7D7}.container .heading-colour-grey-light{color:#E8E8E8}.container .heading-colour-grey-medium{color:#8A8A8A}.container .heading-colour-grey-dark{color:#4A4A4A}.container .heading-colour-philco-orange{color:#f18a00}.container .heading-colour-philco-gray-90{color:#1d1d1B}.container .heading-colour-philco-gray-70{color:#7D7D7D}.container .heading-colour-philco-white{color:#FFFFFF}.container .heading-colour-philco-success-green{color:#1Ec691}.container .heading-colour-philco-error-coral{color:#F54242}.container .heading-colour-philco-gray-30{color:#BBBBBB}.container .heading-colour-philco-gray-20{color:#F6F6F6}.container h1,.container h2,.container h3,.container h4,.container h5{margin:0;padding:0;width:100%}.container h1 svg,.container h2 svg,.container h3 svg,.container h4 svg,.container h5 svg{height:0.7em;margin-right:0.2em}.container .icon-colour-primary svg path{fill:#2C089B}.container .icon-colour-secondary svg path{fill:#2AF135}.container .icon-colour-tertiary svg path{fill:#FF7272}.container .icon-colour-brand-cc-red svg path{fill:#B30510}.container .icon-colour-brand-wgmf-purple svg path{fill:#6E0887}.container .icon-colour-brand-gmf-green svg path{fill:#50B400}.container .icon-colour-brand-er-green svg path{fill:#50B400}.container .icon-colour-brand-er-dark-green svg path{fill:#002413}.container .icon-colour-brand-er-dark-blue svg path{fill:#0c0068}.container .icon-colour-brand-er-teal svg path{fill:#00a76d}.container .icon-colour-brand-emf-yellow svg path{fill:#FFE500}.container .icon-colour-brand-c4c-orange svg path{fill:#F07D00}.container .icon-colour-brand-afa-pink svg path{fill:#BF387D}.container .icon-colour-brand-scw-magenta svg path{fill:#EE2C65}.container .icon-colour-brand-mhf-turquoise svg path{fill:#62CFC9}.container .icon-colour-brand-grey svg path{fill:#CBC8C8}.container .icon-colour-white svg path{fill:#FFFFFF}.container .icon-colour-black svg path{fill:#000000}.container .icon-colour-grey-extra-light svg path{fill:#D7D7D7}.container .icon-colour-grey-light svg path{fill:#E8E8E8}.container .icon-colour-grey-medium svg path{fill:#8A8A8A}.container .icon-colour-grey-dark svg path{fill:#4A4A4A}.container .icon-colour-philco-orange svg path{fill:#f18a00}.container .icon-colour-philco-gray-90 svg path{fill:#1d1d1B}.container .icon-colour-philco-gray-70 svg path{fill:#7D7D7D}.container .icon-colour-philco-white svg path{fill:#FFFFFF}.container .icon-colour-philco-success-green svg path{fill:#1Ec691}.container .icon-colour-philco-error-coral svg path{fill:#F54242}.container .icon-colour-philco-gray-30 svg path{fill:#BBBBBB}.container .icon-colour-philco-gray-20 svg path{fill:#F6F6F6}'}},[1,"biggive-heading",{spaceAbove:[2,"space-above"],spaceBelow:[2,"space-below"],colour:[1],htmlElement:[1,"html-element"],size:[2],align:[1],text:[1],icon:[4],iconColour:[1,"icon-colour"],siteDesign:[1,"site-design"]}]),r=c,a=function(){"undefined"!=typeof customElements&&["biggive-heading"].forEach((o=>{"biggive-heading"===o&&(customElements.get(e(o))||customElements.define(e(o),c))}))};export{r as BiggiveHeading,a as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as o,HTMLElement as e,h as r,transformTag as t}from"@stencil/core/internal/client";import{d as c}from"./biggive-button2.js";const n=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.colourScheme="primary",this.logo="",this.logoHeight=3,this.logoAltText="",this.mainImage=null,this.mainImageShape="triangle",this.mainImageAlignHorizontal="center",this.mainImageAlignVertical="center",this.buttonColourScheme="primary"}render(){var o,e,t;const c="main-title "+("string"==typeof this.mainTitleColour&&this.mainTitleColour.length>0?"text-colour-"+this.mainTitleColour:""),n="teaser "+((null===(o=this.buttonLabel)||void 0===o?void 0:o.length)>0?"teaser-with-space ":"")+("string"==typeof this.teaserColour&&this.teaserColour.length>0?"text-colour-"+this.teaserColour:""),a=this.lineBreakToBr(this.teaser);return r("div",{key:"00950c5d25067d28ca5609b4bdfad15c674a20f8",class:"container colour-scheme-"+this.colourScheme+" space-below-"+this.spaceBelow,style:"rectangle"===this.mainImageShape?{"background-image":"url("+this.mainImage+")","background-size":"cover"}:{}},r("div",{key:"f20acc3184b056476184d71376c3f2facbb0c40b",class:"sleeve"},r("div",{key:"9084c2529af5ce2222c166732772cf04855f9bc6",class:"content-wrap"},null!=this.logo?r("div",{class:"logo image-wrap logo-height-"+this.logoHeight},r("img",{src:this.logo,alt:this.logoAltText,title:this.logoAltText})):r("div",{class:"logo-space logo-height-"+this.logoHeight}),(null===(e=this.logo)||void 0===e?void 0:e.length)>0||(null===(t=this.slug)||void 0===t?void 0:t.length)>0?r("div",{class:"slug text-colour-"+this.slugColour},this.slug):null,r("h1",{key:"4101e030c16a5559cd5526c9dc4b4de4abec5d0d",class:c},this.mainTitle),r("div",{key:"d5345f038729ae75025736d2530b2e85246c3e2f",class:n},a),null!=this.buttonLabel&&null!=this.buttonUrl?r("biggive-button",{"colour-scheme":this.buttonColourScheme,url:this.buttonUrl,label:this.buttonLabel}):null),"triangle"===this.mainImageShape&&null!==this.mainImage?r("div",{class:"graphic-wrap"},r("div",{class:"image-wrap",role:"presentation",style:{"background-image":"url("+this.mainImage+")","background-position":this.mainImageAlignHorizontal+" "+this.mainImageAlignVertical}})):null))}lineBreakToBr(o){return null==o?[]:o.split(/\r?\n|\r|\n/g).map((o=>[o,r("br",null)])).flat().slice(0,-1)}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;font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;margin-bottom:30px;min-height:32.5vw}.container.colour-scheme-primary{color:#2C089B}.container.colour-scheme-secondary{color:#2AF135}.container.colour-scheme-tertiary{color:#FF7272}.container.colour-scheme-brand-cc-red{color:#B30510}.container.colour-scheme-brand-wgmf-purple{color:#6E0887}.container.colour-scheme-brand-gmf-green{color:#50B400}.container.colour-scheme-brand-er-green{color:#50B400}.container.colour-scheme-brand-er-dark-green{color:#002413}.container.colour-scheme-brand-er-dark-blue{color:#0c0068}.container.colour-scheme-brand-er-teal{color:#00a76d}.container.colour-scheme-brand-emf-yellow{color:#FFE500}.container.colour-scheme-brand-c4c-orange{color:#F07D00}.container.colour-scheme-brand-afa-pink{color:#BF387D}.container.colour-scheme-brand-scw-magenta{color:#EE2C65}.container.colour-scheme-brand-mhf-turquoise{color:#62CFC9}.container.colour-scheme-brand-grey{color:#CBC8C8}.container.colour-scheme-white{color:#FFFFFF}.container.colour-scheme-black{color:#000000}.container.colour-scheme-grey-extra-light{color:#D7D7D7}.container.colour-scheme-grey-light{color:#E8E8E8}.container.colour-scheme-grey-medium{color:#8A8A8A}.container.colour-scheme-grey-dark{color:#4A4A4A}.container.colour-scheme-philco-orange{color:#f18a00}.container.colour-scheme-philco-gray-90{color:#1d1d1B}.container.colour-scheme-philco-gray-70{color:#7D7D7D}.container.colour-scheme-philco-white{color:#FFFFFF}.container.colour-scheme-philco-success-green{color:#1Ec691}.container.colour-scheme-philco-error-coral{color:#F54242}.container.colour-scheme-philco-gray-30{color:#BBBBBB}.container.colour-scheme-philco-gray-20{color:#F6F6F6}.container .sleeve{display:flex;justify-content:space-between;max-width:1200px;margin-left:auto;margin-right:auto}.container .content-wrap{width:40%;position:relative;z-index:1;padding:120px 60px 60px 0}.container .content-wrap .logo,.container .content-wrap .logo-space{height:75px}.container .content-wrap .logo.logo-height-1,.container .content-wrap .logo-space.logo-height-1{height:50px}.container .content-wrap .logo.logo-height-2,.container .content-wrap .logo-space.logo-height-2{height:75px}.container .content-wrap .logo.logo-height-3,.container .content-wrap .logo-space.logo-height-3{height:100px}.container .content-wrap .logo.logo-height-4,.container .content-wrap .logo-space.logo-height-4{height:125px}.container .content-wrap .logo.logo-height-5,.container .content-wrap .logo-space.logo-height-5{height:150px}.container .content-wrap .logo.logo-height-6,.container .content-wrap .logo-space.logo-height-6{height:175px}.container .content-wrap .logo.logo-height-7,.container .content-wrap .logo-space.logo-height-7{height:200px}.container .content-wrap .logo.logo-height-8,.container .content-wrap .logo-space.logo-height-8{height:225px}.container .content-wrap .logo.logo-height-9,.container .content-wrap .logo-space.logo-height-9{height:250px}.container .content-wrap .logo.logo-height-10,.container .content-wrap .logo-space.logo-height-10{height:275px}.container .content-wrap .logo{background-size:contain;background-repeat:no-repeat;background-position:left center}.container .content-wrap .logo img{width:auto;height:100%;position:relative}.container .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;min-height:24px;margin:0;padding:0}.container .content-wrap h1{font-size:47px;line-height:60px;font-weight:bold;margin:0 0 15px 0;padding:0}@media (max-width: 1200px){.container .content-wrap h1{font-size:38px;line-height:45px;font-weight:bold}}.container .content-wrap .teaser{margin:0;padding:0}.container .content-wrap .teaser-with-space{margin:0 0 45px 0}.container .graphic-wrap{position:absolute;display:block;top:0;left:0;right:0;padding-bottom:32.5vw;background-color:#F1F1F1;margin-left:20vw;clip-path:polygon(0 0, 100% 0, 100% 100%)}.container .graphic-wrap .image-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-size:cover}.container .graphic-wrap .image-wrap img{display:none}@media screen and (max-width: 1200px){.container{min-height:50vw}.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:60%;padding:18vw 15px 15px 15px;margin-bottom:50px}.container .sleeve .graphic-wrap{margin-left:0;bottom:auto;padding-bottom:50vw}}@media screen and (max-width: 768px){.container .sleeve .content-wrap{width:70%;padding-top:120px}}@media screen and (max-width: 576px){.container .sleeve .content-wrap{width:80%}}@media screen and (max-width: 450px){.container .sleeve .content-wrap{width:100%}}'}},[1,"biggive-hero-image",{spaceBelow:[2,"space-below"],colourScheme:[1,"colour-scheme"],slug:[1],slugColour:[1,"slug-colour"],logo:[1],logoHeight:[2,"logo-height"],logoAltText:[1,"logo-alt-text"],mainImage:[1,"main-image"],mainImageShape:[1,"main-image-shape"],mainImageAlignHorizontal:[1,"main-image-align-horizontal"],mainImageAlignVertical:[1,"main-image-align-vertical"],mainTitle:[1,"main-title"],mainTitleColour:[1,"main-title-colour"],teaser:[1],teaserColour:[1,"teaser-colour"],buttonUrl:[1,"button-url"],buttonLabel:[1,"button-label"],buttonColourScheme:[1,"button-colour-scheme"]}]),a=n,i=function(){"undefined"!=typeof customElements&&["biggive-hero-image","biggive-button"].forEach((o=>{switch(o){case"biggive-hero-image":customElements.get(t(o))||customElements.define(t(o),n);break;case"biggive-button":customElements.get(t(o))||c()}}))};export{a as BiggiveHeroImage,i as defineCustomElement}
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as e,h as r,transformTag as t}from"@stencil/core/internal/client";import{d as c}from"./biggive-button2.js";const n=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.colourScheme="primary",this.logo="",this.logoHeight=3,this.logoAltText="",this.mainImage=null,this.mainImageShape="triangle",this.mainImageAlignHorizontal="center",this.mainImageAlignVertical="center",this.buttonColourScheme="primary"}render(){var o,e,t;const c="main-title "+("string"==typeof this.mainTitleColour&&this.mainTitleColour.length>0?"text-colour-"+this.mainTitleColour:""),n="teaser "+((null===(o=this.buttonLabel)||void 0===o?void 0:o.length)>0?"teaser-with-space ":"")+("string"==typeof this.teaserColour&&this.teaserColour.length>0?"text-colour-"+this.teaserColour:""),a=this.lineBreakToBr(this.teaser);return r("div",{key:"ca0d96cd4d0b510ea5d568bf81a5b7437d683094",class:"container colour-scheme-"+this.colourScheme+" space-below-"+this.spaceBelow,style:"rectangle"===this.mainImageShape?{"background-image":"url("+this.mainImage+")","background-size":"cover"}:{}},r("div",{key:"53182272095efd26dbe788fb79c32012dd97fa42",class:"sleeve"},r("div",{key:"2e2e5e8566e01ca047c1df96a40b00e9fe0549a4",class:"content-wrap"},null!=this.logo?r("div",{class:"logo image-wrap logo-height-"+this.logoHeight},r("img",{src:this.logo,alt:this.logoAltText,title:this.logoAltText})):r("div",{class:"logo-space logo-height-"+this.logoHeight}),(null===(e=this.logo)||void 0===e?void 0:e.length)>0||(null===(t=this.slug)||void 0===t?void 0:t.length)>0?r("div",{class:"slug text-colour-"+this.slugColour},this.slug):null,r("h1",{key:"5720626195256d1fcd1ea18175a61ad17e70b1e7",class:c},this.mainTitle),r("div",{key:"e443c78565a8c58b2799727ab0cf3873324570a4",class:n},a),null!=this.buttonLabel&&null!=this.buttonUrl?r("biggive-button",{"colour-scheme":this.buttonColourScheme,url:this.buttonUrl,label:this.buttonLabel}):null),"triangle"===this.mainImageShape&&null!==this.mainImage?r("div",{class:"graphic-wrap"},r("div",{class:"image-wrap",role:"presentation",style:{"background-image":"url("+this.mainImage+")","background-position":this.mainImageAlignHorizontal+" "+this.mainImageAlignVertical}})):null))}lineBreakToBr(o){return null==o?[]:o.split(/\r?\n|\r|\n/g).map((o=>[o,r("br",null)])).flat().slice(0,-1)}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;font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;margin-bottom:30px;min-height:32.5vw}.container.colour-scheme-primary{color:#2C089B}.container.colour-scheme-secondary{color:#2AF135}.container.colour-scheme-tertiary{color:#FF7272}.container.colour-scheme-brand-cc-red{color:#B30510}.container.colour-scheme-brand-wgmf-purple{color:#6E0887}.container.colour-scheme-brand-gmf-green{color:#50B400}.container.colour-scheme-brand-er-green{color:#50B400}.container.colour-scheme-brand-er-dark-green{color:#002413}.container.colour-scheme-brand-er-dark-blue{color:#0c0068}.container.colour-scheme-brand-er-teal{color:#00a76d}.container.colour-scheme-brand-emf-yellow{color:#FFE500}.container.colour-scheme-brand-c4c-orange{color:#F07D00}.container.colour-scheme-brand-afa-pink{color:#BF387D}.container.colour-scheme-brand-scw-magenta{color:#EE2C65}.container.colour-scheme-brand-mhf-turquoise{color:#62CFC9}.container.colour-scheme-brand-grey{color:#CBC8C8}.container.colour-scheme-white{color:#FFFFFF}.container.colour-scheme-black{color:#000000}.container.colour-scheme-grey-extra-light{color:#D7D7D7}.container.colour-scheme-grey-light{color:#E8E8E8}.container.colour-scheme-grey-medium{color:#8A8A8A}.container.colour-scheme-grey-dark{color:#4A4A4A}.container.colour-scheme-philco-orange{color:#f18a00}.container.colour-scheme-philco-gray-90{color:#1d1d1B}.container.colour-scheme-philco-gray-70{color:#7D7D7D}.container.colour-scheme-philco-white{color:#FFFFFF}.container.colour-scheme-philco-success-green{color:#1Ec691}.container.colour-scheme-philco-error-coral{color:#F54242}.container.colour-scheme-philco-gray-30{color:#BBBBBB}.container.colour-scheme-philco-gray-20{color:#F6F6F6}.container .sleeve{display:flex;justify-content:space-between;max-width:1200px;margin-left:auto;margin-right:auto}.container .content-wrap{width:40%;position:relative;z-index:1;padding:120px 60px 60px 0}.container .content-wrap .logo,.container .content-wrap .logo-space{height:75px}.container .content-wrap .logo.logo-height-1,.container .content-wrap .logo-space.logo-height-1{height:50px}.container .content-wrap .logo.logo-height-2,.container .content-wrap .logo-space.logo-height-2{height:75px}.container .content-wrap .logo.logo-height-3,.container .content-wrap .logo-space.logo-height-3{height:100px}.container .content-wrap .logo.logo-height-4,.container .content-wrap .logo-space.logo-height-4{height:125px}.container .content-wrap .logo.logo-height-5,.container .content-wrap .logo-space.logo-height-5{height:150px}.container .content-wrap .logo.logo-height-6,.container .content-wrap .logo-space.logo-height-6{height:175px}.container .content-wrap .logo.logo-height-7,.container .content-wrap .logo-space.logo-height-7{height:200px}.container .content-wrap .logo.logo-height-8,.container .content-wrap .logo-space.logo-height-8{height:225px}.container .content-wrap .logo.logo-height-9,.container .content-wrap .logo-space.logo-height-9{height:250px}.container .content-wrap .logo.logo-height-10,.container .content-wrap .logo-space.logo-height-10{height:275px}.container .content-wrap .logo{background-size:contain;background-repeat:no-repeat;background-position:left center}.container .content-wrap .logo img{width:auto;height:100%;position:relative}.container .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;min-height:24px;margin:0;padding:0}.container .content-wrap h1{font-size:47px;line-height:60px;font-weight:bold;margin:0 0 15px 0;padding:0}@media (max-width: 1200px){.container .content-wrap h1{font-size:38px;line-height:45px;font-weight:bold}}.container .content-wrap .teaser{margin:0;padding:0}.container .content-wrap .teaser-with-space{margin:0 0 45px 0}.container .graphic-wrap{position:absolute;display:block;top:0;left:0;right:0;padding-bottom:32.5vw;background-color:#F1F1F1;margin-left:20vw;clip-path:polygon(0 0, 100% 0, 100% 100%)}.container .graphic-wrap .image-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-size:cover}.container .graphic-wrap .image-wrap img{display:none}@media screen and (max-width: 1200px){.container{min-height:50vw}.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:60%;padding:18vw 15px 15px 15px;margin-bottom:50px}.container .sleeve .graphic-wrap{margin-left:0;bottom:auto;padding-bottom:50vw}}@media screen and (max-width: 768px){.container .sleeve .content-wrap{width:70%;padding-top:120px}}@media screen and (max-width: 576px){.container .sleeve .content-wrap{width:80%}}@media screen and (max-width: 450px){.container .sleeve .content-wrap{width:100%}}'}},[1,"biggive-hero-image",{spaceBelow:[2,"space-below"],colourScheme:[1,"colour-scheme"],slug:[1],slugColour:[1,"slug-colour"],logo:[1],logoHeight:[2,"logo-height"],logoAltText:[1,"logo-alt-text"],mainImage:[1,"main-image"],mainImageShape:[1,"main-image-shape"],mainImageAlignHorizontal:[1,"main-image-align-horizontal"],mainImageAlignVertical:[1,"main-image-align-vertical"],mainTitle:[1,"main-title"],mainTitleColour:[1,"main-title-colour"],teaser:[1],teaserColour:[1,"teaser-colour"],buttonUrl:[1,"button-url"],buttonLabel:[1,"button-label"],buttonColourScheme:[1,"button-colour-scheme"]}]),a=n,i=function(){"undefined"!=typeof customElements&&["biggive-hero-image","biggive-button"].forEach((o=>{switch(o){case"biggive-hero-image":customElements.get(t(o))||customElements.define(t(o),n);break;case"biggive-button":customElements.get(t(o))||c()}}))};export{a as BiggiveHeroImage,i as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as r,HTMLElement as o,createEvent as a,h as e,transformTag as c}from"@stencil/core/internal/client";import{d as t}from"./biggive-misc-icon2.js";const n=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.doButtonClick=a(this,"doButtonClick",7),this.spaceBelow=1,this.backgroundColour="white",this.backgroundPadding=0,this.textColour="black",this.openInNewTab=!1,this.size="medium",this.arrow=!1,this.arrowColour="black",this.circle=!1,this.shadow=!1,this.centered=!1,this.rounded=!1,this.buttonId=void 0,this.handleButtonClick=r=>{this.doButtonClick.emit({event:r,url:r.target.parentElement.href})}}render(){return e("div",{key:"b45454881d1333f4a939a25ad3df8b6b6b53fa80",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour+" background-padding-"+this.backgroundPadding+" centered-"+this.centered+" rounded-"+this.rounded+" shadow-"+this.shadow},e("a",{key:"360ca2fcd7878f77f693f75aea46356bab79ecd4",href:this.url,target:this.openInNewTab?"_blank":"_self",id:this.buttonId},e("div",{key:"0397c196616539c883d5c253d89f68af7cc56e8a",class:"sleeve",onClick:this.handleButtonClick},e("div",{key:"37d835a044b45ef95512409c5c0ff8f830b8a1ea",class:"icon-wrap size-"+this.size+" circle-"+this.circle},e("biggive-misc-icon",{key:"1e93357b009a3e3f379f1b92daea7a05717893f1",icon:this.icon})),""!=this.text?e("div",{class:"text-wrap text-colour-"+this.textColour+" text-padding-"+this.backgroundPadding},this.text):null,this.arrow?e("div",{class:"arrow-wrap arrow-colour-"+this.arrowColour},e("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174",stroke:"black","stroke-width":"2"}))):null)))}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}.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}.container a{display:block;text-decoration:none}.container a.full-width-true{display:block}.container.centered-true{text-align:center}.container.shadow-true{filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.25))}.container.rounded-true{border-radius:10px}.container.background-padding-1{padding:5px}.container.background-padding-2{padding:10px}.container.background-padding-3{padding:15px}.container.background-padding-4{padding:30px}.container.background-padding-5{padding:45px}.container.background-padding-6{padding:60px}.container .sleeve{display:flex}.container .sleeve .text-wrap{margin:auto 0;text-decoration:none}.container .sleeve .text-wrap.text-padding-1{padding:0 5px}.container .sleeve .text-wrap.text-padding-2{padding:0 10px}.container .sleeve .text-wrap.text-padding-3{padding:0 15px}.container .sleeve .text-wrap.text-padding-4{padding:0 30px}.container .sleeve .text-wrap.text-padding-5{padding:0 45px}.container .sleeve .text-wrap.text-padding-6{padding:0 60px}.container .sleeve .arrow-wrap{margin:auto 0 auto auto}.container .sleeve .arrow-wrap.arrow-colour-primary .arrow-wrap svg path{stroke:#2C089B}.container .sleeve .arrow-wrap.arrow-colour-secondary .arrow-wrap svg path{stroke:#2AF135}.container .sleeve .arrow-wrap.arrow-colour-tertiary .arrow-wrap svg path{stroke:#FF7272}.container .sleeve .arrow-wrap.arrow-colour-brand-cc-red .arrow-wrap svg path{stroke:#B30510}.container .sleeve .arrow-wrap.arrow-colour-brand-wgmf-purple .arrow-wrap svg path{stroke:#6E0887}.container .sleeve .arrow-wrap.arrow-colour-brand-gmf-green .arrow-wrap svg path{stroke:#50B400}.container .sleeve .arrow-wrap.arrow-colour-brand-er-green .arrow-wrap svg path{stroke:#50B400}.container .sleeve .arrow-wrap.arrow-colour-brand-er-dark-green .arrow-wrap svg path{stroke:#002413}.container .sleeve .arrow-wrap.arrow-colour-brand-er-dark-blue .arrow-wrap svg path{stroke:#0c0068}.container .sleeve .arrow-wrap.arrow-colour-brand-er-teal .arrow-wrap svg path{stroke:#00a76d}.container .sleeve .arrow-wrap.arrow-colour-brand-emf-yellow .arrow-wrap svg path{stroke:#FFE500}.container .sleeve .arrow-wrap.arrow-colour-brand-c4c-orange .arrow-wrap svg path{stroke:#F07D00}.container .sleeve .arrow-wrap.arrow-colour-brand-afa-pink .arrow-wrap svg path{stroke:#BF387D}.container .sleeve .arrow-wrap.arrow-colour-brand-scw-magenta .arrow-wrap svg path{stroke:#EE2C65}.container .sleeve .arrow-wrap.arrow-colour-brand-mhf-turquoise .arrow-wrap svg path{stroke:#62CFC9}.container .sleeve .arrow-wrap.arrow-colour-brand-grey .arrow-wrap svg path{stroke:#CBC8C8}.container .sleeve .arrow-wrap.arrow-colour-white .arrow-wrap svg path{stroke:#FFFFFF}.container .sleeve .arrow-wrap.arrow-colour-black .arrow-wrap svg path{stroke:#000000}.container .sleeve .arrow-wrap.arrow-colour-grey-extra-light .arrow-wrap svg path{stroke:#D7D7D7}.container .sleeve .arrow-wrap.arrow-colour-grey-light .arrow-wrap svg path{stroke:#E8E8E8}.container .sleeve .arrow-wrap.arrow-colour-grey-medium .arrow-wrap svg path{stroke:#8A8A8A}.container .sleeve .arrow-wrap.arrow-colour-grey-dark .arrow-wrap svg path{stroke:#4A4A4A}.container .sleeve .arrow-wrap.arrow-colour-philco-orange .arrow-wrap svg path{stroke:#f18a00}.container .sleeve .arrow-wrap.arrow-colour-philco-gray-90 .arrow-wrap svg path{stroke:#1d1d1B}.container .sleeve .arrow-wrap.arrow-colour-philco-gray-70 .arrow-wrap svg path{stroke:#7D7D7D}.container .sleeve .arrow-wrap.arrow-colour-philco-white .arrow-wrap svg path{stroke:#FFFFFF}.container .sleeve .arrow-wrap.arrow-colour-philco-success-green .arrow-wrap svg path{stroke:#1Ec691}.container .sleeve .arrow-wrap.arrow-colour-philco-error-coral .arrow-wrap svg path{stroke:#F54242}.container .sleeve .arrow-wrap.arrow-colour-philco-gray-30 .arrow-wrap svg path{stroke:#BBBBBB}.container .sleeve .arrow-wrap.arrow-colour-philco-gray-20 .arrow-wrap svg path{stroke:#F6F6F6}.container .icon-wrap{background-position:center center;background-size:cover}.container .icon-wrap.circle-true{border-radius:50%;overflow:hidden}.container .icon-wrap.size-small{width:30px;height:30px}.container .icon-wrap.size-medium{width:45px;height:45px}.container .icon-wrap.size-large{width:60px;height:60px}.container .icon-wrap.size-x-large{width:75px;height:75px}.container .icon-wrap.size-xx-large{width:90px;height:90px}.container .icon-wrap .misc-icon-item{width:100%;height:100%}.container .icon-wrap .misc-icon-item a{padding:20%}.container.arrow-colour-primary .arrow-wrap svg path{stroke:#2C089B}.container.arrow-colour-secondary .arrow-wrap svg path{stroke:#2AF135}.container.arrow-colour-tertiary .arrow-wrap svg path{stroke:#FF7272}.container.arrow-colour-brand-cc-red .arrow-wrap svg path{stroke:#B30510}.container.arrow-colour-brand-wgmf-purple .arrow-wrap svg path{stroke:#6E0887}.container.arrow-colour-brand-gmf-green .arrow-wrap svg path{stroke:#50B400}.container.arrow-colour-brand-er-green .arrow-wrap svg path{stroke:#50B400}.container.arrow-colour-brand-er-dark-green .arrow-wrap svg path{stroke:#002413}.container.arrow-colour-brand-er-dark-blue .arrow-wrap svg path{stroke:#0c0068}.container.arrow-colour-brand-er-teal .arrow-wrap svg path{stroke:#00a76d}.container.arrow-colour-brand-emf-yellow .arrow-wrap svg path{stroke:#FFE500}.container.arrow-colour-brand-c4c-orange .arrow-wrap svg path{stroke:#F07D00}.container.arrow-colour-brand-afa-pink .arrow-wrap svg path{stroke:#BF387D}.container.arrow-colour-brand-scw-magenta .arrow-wrap svg path{stroke:#EE2C65}.container.arrow-colour-brand-mhf-turquoise .arrow-wrap svg path{stroke:#62CFC9}.container.arrow-colour-brand-grey .arrow-wrap svg path{stroke:#CBC8C8}.container.arrow-colour-white .arrow-wrap svg path{stroke:#FFFFFF}.container.arrow-colour-black .arrow-wrap svg path{stroke:#000000}.container.arrow-colour-grey-extra-light .arrow-wrap svg path{stroke:#D7D7D7}.container.arrow-colour-grey-light .arrow-wrap svg path{stroke:#E8E8E8}.container.arrow-colour-grey-medium .arrow-wrap svg path{stroke:#8A8A8A}.container.arrow-colour-grey-dark .arrow-wrap svg path{stroke:#4A4A4A}.container.arrow-colour-philco-orange .arrow-wrap svg path{stroke:#f18a00}.container.arrow-colour-philco-gray-90 .arrow-wrap svg path{stroke:#1d1d1B}.container.arrow-colour-philco-gray-70 .arrow-wrap svg path{stroke:#7D7D7D}.container.arrow-colour-philco-white .arrow-wrap svg path{stroke:#FFFFFF}.container.arrow-colour-philco-success-green .arrow-wrap svg path{stroke:#1Ec691}.container.arrow-colour-philco-error-coral .arrow-wrap svg path{stroke:#F54242}.container.arrow-colour-philco-gray-30 .arrow-wrap svg path{stroke:#BBBBBB}.container.arrow-colour-philco-gray-20 .arrow-wrap svg path{stroke:#F6F6F6}'}},[1,"biggive-icon-button",{spaceBelow:[2,"space-below"],backgroundColour:[1,"background-colour"],backgroundPadding:[2,"background-padding"],text:[1],textColour:[1,"text-colour"],icon:[1],url:[1],openInNewTab:[4,"open-in-new-tab"],size:[1],arrow:[4],arrowColour:[1,"arrow-colour"],circle:[4],shadow:[4],centered:[4],rounded:[4],buttonId:[1,"button-id"]}]),l=n,i=function(){"undefined"!=typeof customElements&&["biggive-icon-button","biggive-misc-icon"].forEach((r=>{switch(r){case"biggive-icon-button":customElements.get(c(r))||customElements.define(c(r),n);break;case"biggive-misc-icon":customElements.get(c(r))||t()}}))};export{l as BiggiveIconButton,i as defineCustomElement}
|
|
1
|
+
import{proxyCustomElement as r,HTMLElement as o,createEvent as a,h as e,transformTag as c}from"@stencil/core/internal/client";import{d as t}from"./biggive-misc-icon2.js";const n=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.doButtonClick=a(this,"doButtonClick",7),this.spaceBelow=1,this.backgroundColour="white",this.backgroundPadding=0,this.textColour="black",this.openInNewTab=!1,this.size="medium",this.arrow=!1,this.arrowColour="black",this.circle=!1,this.shadow=!1,this.centered=!1,this.rounded=!1,this.buttonId=void 0,this.handleButtonClick=r=>{this.doButtonClick.emit({event:r,url:r.target.parentElement.href})}}render(){return e("div",{key:"eb6c7cd8904311229becb3a6e61e6b50aff11236",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour+" background-padding-"+this.backgroundPadding+" centered-"+this.centered+" rounded-"+this.rounded+" shadow-"+this.shadow},e("a",{key:"0d7b6d8f969a871af72c031061062372f6b352ad",href:this.url,target:this.openInNewTab?"_blank":"_self",id:this.buttonId},e("div",{key:"d511d0c712f811a4fa9da54e83479ab75b6aaaf8",class:"sleeve",onClick:this.handleButtonClick},e("div",{key:"4a2d1ddec4b9fe59c6faf73ed7a9f456be483d99",class:"icon-wrap size-"+this.size+" circle-"+this.circle},e("biggive-misc-icon",{key:"8f4057d03f5a11a57f90ffcea70a39e0ece8dcc6",icon:this.icon})),""!=this.text?e("div",{class:"text-wrap text-colour-"+this.textColour+" text-padding-"+this.backgroundPadding},this.text):null,this.arrow?e("div",{class:"arrow-wrap arrow-colour-"+this.arrowColour},e("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174",stroke:"black","stroke-width":"2"}))):null)))}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}.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}.container a{display:block;text-decoration:none}.container a.full-width-true{display:block}.container.centered-true{text-align:center}.container.shadow-true{filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.25))}.container.rounded-true{border-radius:10px}.container.background-padding-1{padding:5px}.container.background-padding-2{padding:10px}.container.background-padding-3{padding:15px}.container.background-padding-4{padding:30px}.container.background-padding-5{padding:45px}.container.background-padding-6{padding:60px}.container .sleeve{display:flex}.container .sleeve .text-wrap{margin:auto 0;text-decoration:none}.container .sleeve .text-wrap.text-padding-1{padding:0 5px}.container .sleeve .text-wrap.text-padding-2{padding:0 10px}.container .sleeve .text-wrap.text-padding-3{padding:0 15px}.container .sleeve .text-wrap.text-padding-4{padding:0 30px}.container .sleeve .text-wrap.text-padding-5{padding:0 45px}.container .sleeve .text-wrap.text-padding-6{padding:0 60px}.container .sleeve .arrow-wrap{margin:auto 0 auto auto}.container .sleeve .arrow-wrap.arrow-colour-primary .arrow-wrap svg path{stroke:#2C089B}.container .sleeve .arrow-wrap.arrow-colour-secondary .arrow-wrap svg path{stroke:#2AF135}.container .sleeve .arrow-wrap.arrow-colour-tertiary .arrow-wrap svg path{stroke:#FF7272}.container .sleeve .arrow-wrap.arrow-colour-brand-cc-red .arrow-wrap svg path{stroke:#B30510}.container .sleeve .arrow-wrap.arrow-colour-brand-wgmf-purple .arrow-wrap svg path{stroke:#6E0887}.container .sleeve .arrow-wrap.arrow-colour-brand-gmf-green .arrow-wrap svg path{stroke:#50B400}.container .sleeve .arrow-wrap.arrow-colour-brand-er-green .arrow-wrap svg path{stroke:#50B400}.container .sleeve .arrow-wrap.arrow-colour-brand-er-dark-green .arrow-wrap svg path{stroke:#002413}.container .sleeve .arrow-wrap.arrow-colour-brand-er-dark-blue .arrow-wrap svg path{stroke:#0c0068}.container .sleeve .arrow-wrap.arrow-colour-brand-er-teal .arrow-wrap svg path{stroke:#00a76d}.container .sleeve .arrow-wrap.arrow-colour-brand-emf-yellow .arrow-wrap svg path{stroke:#FFE500}.container .sleeve .arrow-wrap.arrow-colour-brand-c4c-orange .arrow-wrap svg path{stroke:#F07D00}.container .sleeve .arrow-wrap.arrow-colour-brand-afa-pink .arrow-wrap svg path{stroke:#BF387D}.container .sleeve .arrow-wrap.arrow-colour-brand-scw-magenta .arrow-wrap svg path{stroke:#EE2C65}.container .sleeve .arrow-wrap.arrow-colour-brand-mhf-turquoise .arrow-wrap svg path{stroke:#62CFC9}.container .sleeve .arrow-wrap.arrow-colour-brand-grey .arrow-wrap svg path{stroke:#CBC8C8}.container .sleeve .arrow-wrap.arrow-colour-white .arrow-wrap svg path{stroke:#FFFFFF}.container .sleeve .arrow-wrap.arrow-colour-black .arrow-wrap svg path{stroke:#000000}.container .sleeve .arrow-wrap.arrow-colour-grey-extra-light .arrow-wrap svg path{stroke:#D7D7D7}.container .sleeve .arrow-wrap.arrow-colour-grey-light .arrow-wrap svg path{stroke:#E8E8E8}.container .sleeve .arrow-wrap.arrow-colour-grey-medium .arrow-wrap svg path{stroke:#8A8A8A}.container .sleeve .arrow-wrap.arrow-colour-grey-dark .arrow-wrap svg path{stroke:#4A4A4A}.container .sleeve .arrow-wrap.arrow-colour-philco-orange .arrow-wrap svg path{stroke:#f18a00}.container .sleeve .arrow-wrap.arrow-colour-philco-gray-90 .arrow-wrap svg path{stroke:#1d1d1B}.container .sleeve .arrow-wrap.arrow-colour-philco-gray-70 .arrow-wrap svg path{stroke:#7D7D7D}.container .sleeve .arrow-wrap.arrow-colour-philco-white .arrow-wrap svg path{stroke:#FFFFFF}.container .sleeve .arrow-wrap.arrow-colour-philco-success-green .arrow-wrap svg path{stroke:#1Ec691}.container .sleeve .arrow-wrap.arrow-colour-philco-error-coral .arrow-wrap svg path{stroke:#F54242}.container .sleeve .arrow-wrap.arrow-colour-philco-gray-30 .arrow-wrap svg path{stroke:#BBBBBB}.container .sleeve .arrow-wrap.arrow-colour-philco-gray-20 .arrow-wrap svg path{stroke:#F6F6F6}.container .icon-wrap{background-position:center center;background-size:cover}.container .icon-wrap.circle-true{border-radius:50%;overflow:hidden}.container .icon-wrap.size-small{width:30px;height:30px}.container .icon-wrap.size-medium{width:45px;height:45px}.container .icon-wrap.size-large{width:60px;height:60px}.container .icon-wrap.size-x-large{width:75px;height:75px}.container .icon-wrap.size-xx-large{width:90px;height:90px}.container .icon-wrap .misc-icon-item{width:100%;height:100%}.container .icon-wrap .misc-icon-item a{padding:20%}.container.arrow-colour-primary .arrow-wrap svg path{stroke:#2C089B}.container.arrow-colour-secondary .arrow-wrap svg path{stroke:#2AF135}.container.arrow-colour-tertiary .arrow-wrap svg path{stroke:#FF7272}.container.arrow-colour-brand-cc-red .arrow-wrap svg path{stroke:#B30510}.container.arrow-colour-brand-wgmf-purple .arrow-wrap svg path{stroke:#6E0887}.container.arrow-colour-brand-gmf-green .arrow-wrap svg path{stroke:#50B400}.container.arrow-colour-brand-er-green .arrow-wrap svg path{stroke:#50B400}.container.arrow-colour-brand-er-dark-green .arrow-wrap svg path{stroke:#002413}.container.arrow-colour-brand-er-dark-blue .arrow-wrap svg path{stroke:#0c0068}.container.arrow-colour-brand-er-teal .arrow-wrap svg path{stroke:#00a76d}.container.arrow-colour-brand-emf-yellow .arrow-wrap svg path{stroke:#FFE500}.container.arrow-colour-brand-c4c-orange .arrow-wrap svg path{stroke:#F07D00}.container.arrow-colour-brand-afa-pink .arrow-wrap svg path{stroke:#BF387D}.container.arrow-colour-brand-scw-magenta .arrow-wrap svg path{stroke:#EE2C65}.container.arrow-colour-brand-mhf-turquoise .arrow-wrap svg path{stroke:#62CFC9}.container.arrow-colour-brand-grey .arrow-wrap svg path{stroke:#CBC8C8}.container.arrow-colour-white .arrow-wrap svg path{stroke:#FFFFFF}.container.arrow-colour-black .arrow-wrap svg path{stroke:#000000}.container.arrow-colour-grey-extra-light .arrow-wrap svg path{stroke:#D7D7D7}.container.arrow-colour-grey-light .arrow-wrap svg path{stroke:#E8E8E8}.container.arrow-colour-grey-medium .arrow-wrap svg path{stroke:#8A8A8A}.container.arrow-colour-grey-dark .arrow-wrap svg path{stroke:#4A4A4A}.container.arrow-colour-philco-orange .arrow-wrap svg path{stroke:#f18a00}.container.arrow-colour-philco-gray-90 .arrow-wrap svg path{stroke:#1d1d1B}.container.arrow-colour-philco-gray-70 .arrow-wrap svg path{stroke:#7D7D7D}.container.arrow-colour-philco-white .arrow-wrap svg path{stroke:#FFFFFF}.container.arrow-colour-philco-success-green .arrow-wrap svg path{stroke:#1Ec691}.container.arrow-colour-philco-error-coral .arrow-wrap svg path{stroke:#F54242}.container.arrow-colour-philco-gray-30 .arrow-wrap svg path{stroke:#BBBBBB}.container.arrow-colour-philco-gray-20 .arrow-wrap svg path{stroke:#F6F6F6}'}},[1,"biggive-icon-button",{spaceBelow:[2,"space-below"],backgroundColour:[1,"background-colour"],backgroundPadding:[2,"background-padding"],text:[1],textColour:[1,"text-colour"],icon:[1],url:[1],openInNewTab:[4,"open-in-new-tab"],size:[1],arrow:[4],arrowColour:[1,"arrow-colour"],circle:[4],shadow:[4],centered:[4],rounded:[4],buttonId:[1,"button-id"]}]),l=n,i=function(){"undefined"!=typeof customElements&&["biggive-icon-button","biggive-misc-icon"].forEach((r=>{switch(r){case"biggive-icon-button":customElements.get(c(r))||customElements.define(c(r),n);break;case"biggive-misc-icon":customElements.get(c(r))||t()}}))};export{l as BiggiveIconButton,i as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as r,HTMLElement as o,createEvent as e,h as a,transformTag as c}from"@stencil/core/internal/client";const t=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.doButtonClick=e(this,"doButtonClick",7),this.spaceBelow=1,this.backgroundColour="white",this.backgroundPadding=0,this.textColour="black",this.imageStyle="cover",this.openInNewTab=!1,this.size="medium",this.arrow=!1,this.arrowColour="black",this.circle=!1,this.shadow=!1,this.centered=!1,this.rounded=!1,this.buttonId=void 0,this.handleButtonClick=r=>{this.doButtonClick.emit({event:r,url:r.target.parentElement.href})}}render(){return a("div",{key:"aeea81871c96ac1c64d6a0687183d9c361e5e8b0",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour+" background-padding-"+this.backgroundPadding+" centered-"+this.centered+" rounded-"+this.rounded+" shadow-"+this.shadow},a("a",{key:"bfd6c5f81a650a77222804c49416496268d48a75",href:this.url,target:this.openInNewTab?"_blank":"_self",id:this.buttonId},a("div",{key:"91f9a376b78d145a3b3fd461e3c877769a700470",class:"sleeve",onClick:this.handleButtonClick},a("div",{key:"fb2b43d3942ef276ff6cb49372105d82ea85b6af",class:"image-wrap image-style-"+this.imageStyle+" size-"+this.size+" circle-"+this.circle,style:{backgroundImage:"url("+this.imageUrl+")"}}),""!=this.text?a("div",{class:"text-wrap text-colour-"+this.textColour+" text-padding-"+this.backgroundPadding},this.text):null,this.arrow?a("div",{class:"arrow-wrap arrow-colour-"+this.arrowColour},a("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174",stroke:"black","stroke-width":"2"}))):null)))}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}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.container a{display:block;text-decoration:none}.container a.full-width-true{display:block}.container.centered-true{text-align:center}.container.shadow-true{filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.25))}.container.rounded-true{border-radius:10px}.container.background-padding-1{padding:5px}.container.background-padding-2{padding:10px}.container.background-padding-3{padding:15px}.container.background-padding-4{padding:30px}.container.background-padding-5{padding:45px}.container.background-padding-6{padding:60px}.container .sleeve{display:flex}.container .sleeve .text-wrap{margin:auto 0;text-decoration:none}.container .sleeve .text-wrap.text-padding-1{padding:0 5px}.container .sleeve .text-wrap.text-padding-2{padding:0 10px}.container .sleeve .text-wrap.text-padding-3{padding:0 15px}.container .sleeve .text-wrap.text-padding-4{padding:0 30px}.container .sleeve .text-wrap.text-padding-5{padding:0 45px}.container .sleeve .text-wrap.text-padding-6{padding:0 60px}.container .sleeve .arrow-wrap{margin:auto 0 auto auto}.container .sleeve .arrow-wrap.arrow-colour-primary .arrow-wrap svg path{stroke:#2C089B}.container .sleeve .arrow-wrap.arrow-colour-secondary .arrow-wrap svg path{stroke:#2AF135}.container .sleeve .arrow-wrap.arrow-colour-tertiary .arrow-wrap svg path{stroke:#FF7272}.container .sleeve .arrow-wrap.arrow-colour-brand-cc-red .arrow-wrap svg path{stroke:#B30510}.container .sleeve .arrow-wrap.arrow-colour-brand-wgmf-purple .arrow-wrap svg path{stroke:#6E0887}.container .sleeve .arrow-wrap.arrow-colour-brand-gmf-green .arrow-wrap svg path{stroke:#50B400}.container .sleeve .arrow-wrap.arrow-colour-brand-er-green .arrow-wrap svg path{stroke:#50B400}.container .sleeve .arrow-wrap.arrow-colour-brand-er-dark-green .arrow-wrap svg path{stroke:#002413}.container .sleeve .arrow-wrap.arrow-colour-brand-er-dark-blue .arrow-wrap svg path{stroke:#0c0068}.container .sleeve .arrow-wrap.arrow-colour-brand-er-teal .arrow-wrap svg path{stroke:#00a76d}.container .sleeve .arrow-wrap.arrow-colour-brand-emf-yellow .arrow-wrap svg path{stroke:#FFE500}.container .sleeve .arrow-wrap.arrow-colour-brand-c4c-orange .arrow-wrap svg path{stroke:#F07D00}.container .sleeve .arrow-wrap.arrow-colour-brand-afa-pink .arrow-wrap svg path{stroke:#BF387D}.container .sleeve .arrow-wrap.arrow-colour-brand-scw-magenta .arrow-wrap svg path{stroke:#EE2C65}.container .sleeve .arrow-wrap.arrow-colour-brand-mhf-turquoise .arrow-wrap svg path{stroke:#62CFC9}.container .sleeve .arrow-wrap.arrow-colour-brand-grey .arrow-wrap svg path{stroke:#CBC8C8}.container .sleeve .arrow-wrap.arrow-colour-white .arrow-wrap svg path{stroke:#FFFFFF}.container .sleeve .arrow-wrap.arrow-colour-black .arrow-wrap svg path{stroke:#000000}.container .sleeve .arrow-wrap.arrow-colour-grey-extra-light .arrow-wrap svg path{stroke:#D7D7D7}.container .sleeve .arrow-wrap.arrow-colour-grey-light .arrow-wrap svg path{stroke:#E8E8E8}.container .sleeve .arrow-wrap.arrow-colour-grey-medium .arrow-wrap svg path{stroke:#8A8A8A}.container .sleeve .arrow-wrap.arrow-colour-grey-dark .arrow-wrap svg path{stroke:#4A4A4A}.container .sleeve .arrow-wrap.arrow-colour-philco-orange .arrow-wrap svg path{stroke:#f18a00}.container .sleeve .arrow-wrap.arrow-colour-philco-gray-90 .arrow-wrap svg path{stroke:#1d1d1B}.container .sleeve .arrow-wrap.arrow-colour-philco-gray-70 .arrow-wrap svg path{stroke:#7D7D7D}.container .sleeve .arrow-wrap.arrow-colour-philco-white .arrow-wrap svg path{stroke:#FFFFFF}.container .sleeve .arrow-wrap.arrow-colour-philco-success-green .arrow-wrap svg path{stroke:#1Ec691}.container .sleeve .arrow-wrap.arrow-colour-philco-error-coral .arrow-wrap svg path{stroke:#F54242}.container .sleeve .arrow-wrap.arrow-colour-philco-gray-30 .arrow-wrap svg path{stroke:#BBBBBB}.container .sleeve .arrow-wrap.arrow-colour-philco-gray-20 .arrow-wrap svg path{stroke:#F6F6F6}.container .image-wrap{background-position:center center;background-size:cover}.container .image-wrap.image-style-contain{background-size:contain}.container .image-wrap.circle-true{border-radius:50%;overflow:hidden}.container .image-wrap.size-small{width:30px;height:30px}.container .image-wrap.size-medium{width:45px;height:45px}.container .image-wrap.size-large{width:60px;height:60px}.container .image-wrap.size-x-large{width:75px;height:75px}.container .image-wrap.size-xx-large{width:90px;height:90px}'}},[1,"biggive-image-button",{spaceBelow:[2,"space-below"],backgroundColour:[1,"background-colour"],backgroundPadding:[2,"background-padding"],text:[1],textColour:[1,"text-colour"],imageUrl:[1,"image-url"],imageStyle:[1,"image-style"],url:[1],openInNewTab:[4,"open-in-new-tab"],size:[1],arrow:[4],arrowColour:[1,"arrow-colour"],circle:[4],shadow:[4],centered:[4],rounded:[4],buttonId:[1,"button-id"]}]),n=t,l=function(){"undefined"!=typeof customElements&&["biggive-image-button"].forEach((r=>{"biggive-image-button"===r&&(customElements.get(c(r))||customElements.define(c(r),t))}))};export{n as BiggiveImageButton,l as defineCustomElement}
|
|
1
|
+
import{proxyCustomElement as r,HTMLElement as o,createEvent as e,h as a,transformTag as c}from"@stencil/core/internal/client";const t=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.doButtonClick=e(this,"doButtonClick",7),this.spaceBelow=1,this.backgroundColour="white",this.backgroundPadding=0,this.textColour="black",this.imageStyle="cover",this.openInNewTab=!1,this.size="medium",this.arrow=!1,this.arrowColour="black",this.circle=!1,this.shadow=!1,this.centered=!1,this.rounded=!1,this.buttonId=void 0,this.handleButtonClick=r=>{this.doButtonClick.emit({event:r,url:r.target.parentElement.href})}}render(){return a("div",{key:"5bbe7f1cdb160b4e0e839ea8de731f7794bce531",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour+" background-padding-"+this.backgroundPadding+" centered-"+this.centered+" rounded-"+this.rounded+" shadow-"+this.shadow},a("a",{key:"3e46f228a1a61cbfd28573ea1811579ae61dc48d",href:this.url,target:this.openInNewTab?"_blank":"_self",id:this.buttonId},a("div",{key:"ecf69e918995964e6dcc0696194de73e6199b783",class:"sleeve",onClick:this.handleButtonClick},a("div",{key:"1b36bd00645d151179c8d196883867e356baaead",class:"image-wrap image-style-"+this.imageStyle+" size-"+this.size+" circle-"+this.circle,style:{backgroundImage:"url("+this.imageUrl+")"}}),""!=this.text?a("div",{class:"text-wrap text-colour-"+this.textColour+" text-padding-"+this.backgroundPadding},this.text):null,this.arrow?a("div",{class:"arrow-wrap arrow-colour-"+this.arrowColour},a("svg",{width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174",stroke:"black","stroke-width":"2"}))):null)))}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}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.container a{display:block;text-decoration:none}.container a.full-width-true{display:block}.container.centered-true{text-align:center}.container.shadow-true{filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.25))}.container.rounded-true{border-radius:10px}.container.background-padding-1{padding:5px}.container.background-padding-2{padding:10px}.container.background-padding-3{padding:15px}.container.background-padding-4{padding:30px}.container.background-padding-5{padding:45px}.container.background-padding-6{padding:60px}.container .sleeve{display:flex}.container .sleeve .text-wrap{margin:auto 0;text-decoration:none}.container .sleeve .text-wrap.text-padding-1{padding:0 5px}.container .sleeve .text-wrap.text-padding-2{padding:0 10px}.container .sleeve .text-wrap.text-padding-3{padding:0 15px}.container .sleeve .text-wrap.text-padding-4{padding:0 30px}.container .sleeve .text-wrap.text-padding-5{padding:0 45px}.container .sleeve .text-wrap.text-padding-6{padding:0 60px}.container .sleeve .arrow-wrap{margin:auto 0 auto auto}.container .sleeve .arrow-wrap.arrow-colour-primary .arrow-wrap svg path{stroke:#2C089B}.container .sleeve .arrow-wrap.arrow-colour-secondary .arrow-wrap svg path{stroke:#2AF135}.container .sleeve .arrow-wrap.arrow-colour-tertiary .arrow-wrap svg path{stroke:#FF7272}.container .sleeve .arrow-wrap.arrow-colour-brand-cc-red .arrow-wrap svg path{stroke:#B30510}.container .sleeve .arrow-wrap.arrow-colour-brand-wgmf-purple .arrow-wrap svg path{stroke:#6E0887}.container .sleeve .arrow-wrap.arrow-colour-brand-gmf-green .arrow-wrap svg path{stroke:#50B400}.container .sleeve .arrow-wrap.arrow-colour-brand-er-green .arrow-wrap svg path{stroke:#50B400}.container .sleeve .arrow-wrap.arrow-colour-brand-er-dark-green .arrow-wrap svg path{stroke:#002413}.container .sleeve .arrow-wrap.arrow-colour-brand-er-dark-blue .arrow-wrap svg path{stroke:#0c0068}.container .sleeve .arrow-wrap.arrow-colour-brand-er-teal .arrow-wrap svg path{stroke:#00a76d}.container .sleeve .arrow-wrap.arrow-colour-brand-emf-yellow .arrow-wrap svg path{stroke:#FFE500}.container .sleeve .arrow-wrap.arrow-colour-brand-c4c-orange .arrow-wrap svg path{stroke:#F07D00}.container .sleeve .arrow-wrap.arrow-colour-brand-afa-pink .arrow-wrap svg path{stroke:#BF387D}.container .sleeve .arrow-wrap.arrow-colour-brand-scw-magenta .arrow-wrap svg path{stroke:#EE2C65}.container .sleeve .arrow-wrap.arrow-colour-brand-mhf-turquoise .arrow-wrap svg path{stroke:#62CFC9}.container .sleeve .arrow-wrap.arrow-colour-brand-grey .arrow-wrap svg path{stroke:#CBC8C8}.container .sleeve .arrow-wrap.arrow-colour-white .arrow-wrap svg path{stroke:#FFFFFF}.container .sleeve .arrow-wrap.arrow-colour-black .arrow-wrap svg path{stroke:#000000}.container .sleeve .arrow-wrap.arrow-colour-grey-extra-light .arrow-wrap svg path{stroke:#D7D7D7}.container .sleeve .arrow-wrap.arrow-colour-grey-light .arrow-wrap svg path{stroke:#E8E8E8}.container .sleeve .arrow-wrap.arrow-colour-grey-medium .arrow-wrap svg path{stroke:#8A8A8A}.container .sleeve .arrow-wrap.arrow-colour-grey-dark .arrow-wrap svg path{stroke:#4A4A4A}.container .sleeve .arrow-wrap.arrow-colour-philco-orange .arrow-wrap svg path{stroke:#f18a00}.container .sleeve .arrow-wrap.arrow-colour-philco-gray-90 .arrow-wrap svg path{stroke:#1d1d1B}.container .sleeve .arrow-wrap.arrow-colour-philco-gray-70 .arrow-wrap svg path{stroke:#7D7D7D}.container .sleeve .arrow-wrap.arrow-colour-philco-white .arrow-wrap svg path{stroke:#FFFFFF}.container .sleeve .arrow-wrap.arrow-colour-philco-success-green .arrow-wrap svg path{stroke:#1Ec691}.container .sleeve .arrow-wrap.arrow-colour-philco-error-coral .arrow-wrap svg path{stroke:#F54242}.container .sleeve .arrow-wrap.arrow-colour-philco-gray-30 .arrow-wrap svg path{stroke:#BBBBBB}.container .sleeve .arrow-wrap.arrow-colour-philco-gray-20 .arrow-wrap svg path{stroke:#F6F6F6}.container .image-wrap{background-position:center center;background-size:cover}.container .image-wrap.image-style-contain{background-size:contain}.container .image-wrap.circle-true{border-radius:50%;overflow:hidden}.container .image-wrap.size-small{width:30px;height:30px}.container .image-wrap.size-medium{width:45px;height:45px}.container .image-wrap.size-large{width:60px;height:60px}.container .image-wrap.size-x-large{width:75px;height:75px}.container .image-wrap.size-xx-large{width:90px;height:90px}'}},[1,"biggive-image-button",{spaceBelow:[2,"space-below"],backgroundColour:[1,"background-colour"],backgroundPadding:[2,"background-padding"],text:[1],textColour:[1,"text-colour"],imageUrl:[1,"image-url"],imageStyle:[1,"image-style"],url:[1],openInNewTab:[4,"open-in-new-tab"],size:[1],arrow:[4],arrowColour:[1,"arrow-colour"],circle:[4],shadow:[4],centered:[4],rounded:[4],buttonId:[1,"button-id"]}]),n=t,l=function(){"undefined"!=typeof customElements&&["biggive-image-button"].forEach((r=>{"biggive-image-button"===r&&(customElements.get(c(r))||customElements.define(c(r),t))}))};export{n as BiggiveImageButton,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as o,HTMLElement as r,h as e,transformTag as c}from"@stencil/core/internal/client";import{d as l}from"./biggive-button2.js";const a=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.backgroundColour="primary",this.textAlign="center",this.teaserColour="black",this.buttonAlign="center",this.buttonStyle="standard",this.buttonColourScheme="clear-primary",this.clipBottomLeftCorner=!0,this.clipTopRightCorner=!0,this.addAnimation=!1}render(){return e("div",{key:"bd95bfac696ddeb92c019ad93c410e9a7b8f17ea",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour+" clip-bottom-left-corner-"+this.clipBottomLeftCorner+" clip-top-right-corner-"+this.clipTopRightCorner+" add-animation-"+this.addAnimation},e("a",{key:"93eca426b37d62f0415baffeb9d43445c028fa9c",href:this.buttonUrl},e("div",{key:"5a708d933e3380c3eefd63cf3ac09ebe79eadbdf",class:"sleeve text-colour-"+this.teaserColour+" text-align-"+this.textAlign},e("div",{key:"2d2a4eb8678f2520a0ec981f45afb3e1fc536191",class:"content-wrap"},""!=this.mainImageUrl?e("div",{class:"main-image-container"},e("div",{class:"image-wrap"},e("img",{src:this.mainImageUrl,alt:this.mainImageAltText,title:this.mainImageAltText}))):null,e("div",{key:"5848912fe208c6132c542478fe900f22d66a667d",class:"teaser"},this.teaser),null!=this.buttonLabel&&null!=this.buttonUrl&&""!=this.buttonUrl?e("div",{class:"button-wrap align-"+this.buttonAlign},e("biggive-button",{"colour-scheme":this.buttonColourScheme,label:this.buttonLabel})):null))))}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}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:10px;height:100%;white-space:pre-wrap;box-shadow:0px 0px 30px rgba(0, 0, 0, 0.2)}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:10px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .teaser{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}.container .text-align-left{text-align:left}.container .text-align-center{text-align:center}.container .text-align-right{text-align:right}'}},[1,"biggive-image-card",{spaceBelow:[2,"space-below"],backgroundColour:[1,"background-colour"],mainImageUrl:[1,"main-image-url"],mainImageAltText:[1,"main-image-alt-text"],textAlign:[1,"text-align"],teaser:[1],teaserColour:[1,"teaser-colour"],buttonAlign:[1,"button-align"],buttonStyle:[1,"button-style"],buttonLabel:[1,"button-label"],buttonUrl:[1,"button-url"],buttonColourScheme:[1,"button-colour-scheme"],clipBottomLeftCorner:[4,"clip-bottom-left-corner"],clipTopRightCorner:[4,"clip-top-right-corner"],addAnimation:[4,"add-animation"]}]),t=a,n=function(){"undefined"!=typeof customElements&&["biggive-image-card","biggive-button"].forEach((o=>{switch(o){case"biggive-image-card":customElements.get(c(o))||customElements.define(c(o),a);break;case"biggive-button":customElements.get(c(o))||l()}}))};export{t as BiggiveImageCard,n as defineCustomElement}
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as r,h as e,transformTag as l}from"@stencil/core/internal/client";import{d as c}from"./biggive-button2.js";const a=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.backgroundColour="primary",this.textAlign="center",this.teaserColour="black",this.buttonAlign="center",this.buttonStyle="standard",this.buttonColourScheme="clear-primary",this.clipBottomLeftCorner=!0,this.clipTopRightCorner=!0,this.addAnimation=!1}render(){return e("div",{key:"98d4d110b8eb23df4e37d318095e95af285f78ad",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour+" clip-bottom-left-corner-"+this.clipBottomLeftCorner+" clip-top-right-corner-"+this.clipTopRightCorner+" add-animation-"+this.addAnimation},e("a",{key:"4baa3dc99b6e71888037de5ab21de062e2effa09",href:this.buttonUrl},e("div",{key:"5a9aab288be728d40ca8ca04186ea7dfbf8a2868",class:"sleeve text-colour-"+this.teaserColour+" text-align-"+this.textAlign},e("div",{key:"127a0fc926b5007266a13f99a2bf0a428e465e70",class:"content-wrap"},""!=this.mainImageUrl?e("div",{class:"main-image-container"},e("div",{class:"image-wrap"},e("img",{src:this.mainImageUrl,alt:this.mainImageAltText,title:this.mainImageAltText}))):null,e("div",{key:"53b58e6831d045d50b84ffc0a97caae92c3b65da",class:"teaser"},this.teaser),null!=this.buttonLabel&&null!=this.buttonUrl&&""!=this.buttonUrl?e("div",{class:"button-wrap align-"+this.buttonAlign},e("biggive-button",{"colour-scheme":this.buttonColourScheme,label:this.buttonLabel})):null))))}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}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:10px;height:100%;white-space:pre-wrap;box-shadow:0px 0px 30px rgba(0, 0, 0, 0.2)}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:10px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .teaser{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}.container .text-align-left{text-align:left}.container .text-align-center{text-align:center}.container .text-align-right{text-align:right}'}},[1,"biggive-image-card",{spaceBelow:[2,"space-below"],backgroundColour:[1,"background-colour"],mainImageUrl:[1,"main-image-url"],mainImageAltText:[1,"main-image-alt-text"],textAlign:[1,"text-align"],teaser:[1],teaserColour:[1,"teaser-colour"],buttonAlign:[1,"button-align"],buttonStyle:[1,"button-style"],buttonLabel:[1,"button-label"],buttonUrl:[1,"button-url"],buttonColourScheme:[1,"button-colour-scheme"],clipBottomLeftCorner:[4,"clip-bottom-left-corner"],clipTopRightCorner:[4,"clip-top-right-corner"],addAnimation:[4,"add-animation"]}]),t=a,n=function(){"undefined"!=typeof customElements&&["biggive-image-card","biggive-button"].forEach((o=>{switch(o){case"biggive-image-card":customElements.get(l(o))||customElements.define(l(o),a);break;case"biggive-button":customElements.get(l(o))||c()}}))};export{t as BiggiveImageCard,n as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as o,h as r,transformTag as t}from"@stencil/core/internal/client";import{d as l}from"./biggive-button2.js";const c=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.defaultTextColour="primary",this.imageUrl="",this.imageAltText="",this.slugColour="",this.mainTitleColour="",this.teaserColour="",this.buttonColourScheme="primary"}render(){return r("div",{key:"
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as o,h as r,transformTag as t}from"@stencil/core/internal/client";import{d as l}from"./biggive-button2.js";const c=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.defaultTextColour="primary",this.imageUrl="",this.imageAltText="",this.slugColour="",this.mainTitleColour="",this.teaserColour="",this.buttonColourScheme="primary"}render(){return r("div",{key:"31d6a6219b514519b1460b1795fdd739b23d251b",class:"container text-colour-"+this.defaultTextColour+" space-below-"+this.spaceBelow},r("div",{key:"88c2ff21926d7f3645bf937c192dccdaa125f956",class:"sleeve"},r("div",{key:"4f8717940805ff99d6150096ea670a8c47e18403",class:"content-wrap"},r("div",{key:"478c38ffcb2b16397608af1bcc63ef4cb14150c7",class:"slug text-colour-"+this.slugColour},this.slug),r("h2",{key:"e945a36ae981c1a9f0fc887b49c0bfee6b648d9b",class:"title text-colour-"+this.mainTitleColour},this.mainTitle),r("div",{key:"f8deadb4ff0f602dcb3636451f4aba1bdfbaa9f5",class:"teaser text-colour-"+this.teaserColour},this.teaser),null!=this.buttonLabel&&null!=this.buttonUrl?r("biggive-button",{"colour-scheme":this.buttonColourScheme,url:this.buttonUrl,label:this.buttonLabel}):null),r("div",{key:"72e2f30daba2fd54c6a5a3803033e890e699e06e",class:"graphic-wrap"},null!=this.imageUrl?r("div",{class:"image-wrap"},r("img",{src:this.imageUrl,alt:this.imageAltText})):null)))}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative}.container .sleeve{display:flex;justify-content:space-between}.container .sleeve .content-wrap{width:calc(40% - 15px);position:relative;z-index:1}.container .sleeve .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .sleeve .content-wrap h2{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .sleeve .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .sleeve .graphic-wrap{width:calc(60% - 15px)}@media screen and (max-width: 576px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%}.container .sleeve .graphic-wrap{width:100%;margin-bottom:15px;order:-1}}'}},[1,"biggive-image-feature",{spaceBelow:[2,"space-below"],defaultTextColour:[1,"default-text-colour"],imageUrl:[1,"image-url"],imageAltText:[1,"image-alt-text"],slug:[1],slugColour:[1,"slug-colour"],mainTitle:[1,"main-title"],mainTitleColour:[1,"main-title-colour"],teaser:[1],teaserColour:[1,"teaser-colour"],buttonUrl:[1,"button-url"],buttonLabel:[1,"button-label"],buttonColourScheme:[1,"button-colour-scheme"]}]),a=c,i=function(){"undefined"!=typeof customElements&&["biggive-image-feature","biggive-button"].forEach((e=>{switch(e){case"biggive-image-feature":customElements.get(t(e))||customElements.define(t(e),c);break;case"biggive-button":customElements.get(t(e))||l()}}))};export{a as BiggiveImageFeature,i as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as t,h as i,transformTag as a}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spaceAbove=0,this.spaceBelow=0,this.imageUrl="",this.imageAltText="",this.width=0,this.height=0,this.sizeUnit="px"}getWidth(){var e="auto";return this.width>0&&(e=this.width+this.sizeUnit),e}getHeight(){var e="auto";return this.height>0&&(e=this.height+this.sizeUnit),e}render(){return i("div",{key:"
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as t,h as i,transformTag as a}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spaceAbove=0,this.spaceBelow=0,this.imageUrl="",this.imageAltText="",this.width=0,this.height=0,this.sizeUnit="px"}getWidth(){var e="auto";return this.width>0&&(e=this.width+this.sizeUnit),e}getHeight(){var e="auto";return this.height>0&&(e=this.height+this.sizeUnit),e}render(){return i("div",{key:"7f4c2ebd1543f6b1e26f1b25945d9dc23ed2f871",class:"container space-above-"+this.spaceAbove+" space-below-"+this.spaceBelow,style:{width:this.getWidth(),height:this.getHeight()}},i("div",{key:"8d6e1ff2f4a7662c261ba71c1b703054ebb65157",class:"image-wrap"},i("img",{key:"46fe5854afc330c37c81abecc834b387de588a37",src:this.imageUrl,style:{width:this.getWidth(),height:this.getHeight()},alt:this.imageAltText})))}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}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}'}},[1,"biggive-image",{spaceAbove:[2,"space-above"],spaceBelow:[2,"space-below"],imageUrl:[1,"image-url"],imageAltText:[1,"image-alt-text"],width:[2],height:[2],sizeUnit:[1,"size-unit"]}]),o=s,n=function(){"undefined"!=typeof customElements&&["biggive-image"].forEach((e=>{"biggive-image"===e&&(customElements.get(a(e))||customElements.define(a(e),s))}))};export{o as BiggiveImage,n as defineCustomElement}
|