@biggive/components 202603041035.0.0 → 202603041449.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-01b01870.entry.js +1 -0
- package/dist/biggive/{p-3e51fab3.entry.js → p-07f6193b.entry.js} +1 -1
- package/dist/biggive/{p-ed72b6cb.entry.js → p-0b7708ae.entry.js} +1 -1
- package/dist/biggive/{p-e4ede33d.entry.js → p-0e1f7f8b.entry.js} +1 -1
- package/dist/biggive/{p-a0cb411e.entry.js → p-0eaeb864.entry.js} +1 -1
- package/dist/biggive/{p-dd48d791.entry.js → p-11764af6.entry.js} +1 -1
- package/dist/biggive/{p-037e588c.entry.js → p-1fddd3f0.entry.js} +1 -1
- package/dist/biggive/{p-9338e7c1.entry.js → p-2aefd822.entry.js} +1 -1
- package/dist/biggive/{p-6e5780dc.entry.js → p-2d91208e.entry.js} +1 -1
- package/dist/biggive/{p-77af8a2c.entry.js → p-3c4c2712.entry.js} +1 -1
- package/dist/biggive/{p-54d6e569.entry.js → p-3d8c0710.entry.js} +1 -1
- package/dist/biggive/{p-dba52c2f.entry.js → p-4e91f697.entry.js} +1 -1
- package/dist/biggive/{p-583b81d5.entry.js → p-579a0a78.entry.js} +1 -1
- package/dist/biggive/p-5b74ac73.entry.js +1 -0
- package/dist/biggive/{p-1b486f19.entry.js → p-63535bee.entry.js} +1 -1
- package/dist/biggive/{p-2e5c4831.entry.js → p-65b741e1.entry.js} +1 -1
- package/dist/biggive/{p-b497b37d.entry.js → p-66b4e7fb.entry.js} +1 -1
- package/dist/biggive/{p-911163f6.entry.js → p-690b46f6.entry.js} +1 -1
- package/dist/biggive/{p-24b533fc.entry.js → p-6c98331d.entry.js} +1 -1
- package/dist/biggive/{p-d93dd889.entry.js → p-6ec4baac.entry.js} +1 -1
- package/dist/biggive/p-735524b5.entry.js +1 -0
- package/dist/biggive/{p-a04a3dcd.entry.js → p-7631b461.entry.js} +1 -1
- package/dist/biggive/p-8c35329c.entry.js +1 -0
- package/dist/biggive/p-8fe710bc.entry.js +1 -0
- package/dist/biggive/{p-cf0f0e95.entry.js → p-923b2c98.entry.js} +1 -1
- package/dist/biggive/{p-8c0d8fd8.entry.js → p-94e1906f.entry.js} +1 -1
- package/dist/biggive/{p-b50acebb.entry.js → p-9852ff0b.entry.js} +1 -1
- package/dist/biggive/{p-576aaaaf.entry.js → p-a18dfe2b.entry.js} +1 -1
- package/dist/biggive/p-a3cdc8c9.entry.js +1 -0
- package/dist/biggive/{p-edbf61fa.entry.js → p-a67926e6.entry.js} +1 -1
- package/dist/biggive/{p-73f2f99c.entry.js → p-aa7934db.entry.js} +1 -1
- package/dist/biggive/{p-7b740cd7.entry.js → p-afa033d2.entry.js} +1 -1
- package/dist/biggive/{p-c284d1e0.entry.js → p-c3358a9f.entry.js} +1 -1
- package/dist/biggive/{p-71f14913.entry.js → p-cbbd3d27.entry.js} +1 -1
- package/dist/biggive/{p-b14f0b9c.entry.js → p-d00f7e85.entry.js} +1 -1
- package/dist/biggive/{p-a1844f9c.entry.js → p-d0b9afaf.entry.js} +1 -1
- package/dist/biggive/{p-82a15b54.entry.js → p-d4278701.entry.js} +1 -1
- package/dist/biggive/{p-f35841cf.entry.js → p-e0de3e38.entry.js} +1 -1
- package/dist/biggive/{p-7e6d82d9.entry.js → p-e26f4e83.entry.js} +1 -1
- package/dist/biggive/{p-eae85d23.entry.js → p-f01e6a78.entry.js} +1 -1
- package/dist/biggive/p-fe51dc95.entry.js +1 -0
- package/dist/cjs/biggive-button.cjs.entry.js +25 -6
- 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 +4 -3
- package/dist/cjs/biggive-misc-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive-nav-group.cjs.entry.js +1 -1
- package/dist/cjs/biggive-nav-item.cjs.entry.js +1 -1
- package/dist/cjs/biggive-page-column.cjs.entry.js +1 -1
- package/dist/cjs/biggive-page-columns.cjs.entry.js +1 -1
- package/dist/cjs/biggive-page-section.cjs.entry.js +2 -2
- package/dist/cjs/biggive-popup.cjs.entry.js +1 -1
- package/dist/cjs/biggive-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/biggive-quote.cjs.entry.js +3 -3
- package/dist/cjs/biggive-sheet.cjs.entry.js +1 -1
- package/dist/cjs/biggive-social-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive-tab.cjs.entry.js +1 -1
- package/dist/cjs/biggive-tabbed-content.cjs.entry.js +2 -2
- package/dist/cjs/biggive-table.cjs.entry.js +2 -2
- package/dist/cjs/biggive-text-input.cjs.entry.js +1 -1
- package/dist/cjs/biggive-timeline.cjs.entry.js +2 -2
- package/dist/cjs/biggive-totalizer-ticker-item.cjs.entry.js +1 -1
- package/dist/cjs/biggive-totalizer.cjs.entry.js +1 -1
- package/dist/cjs/biggive-video-feature.cjs.entry.js +1 -1
- package/dist/cjs/biggive-video.cjs.entry.js +1 -1
- package/dist/cjs/philco-footer.cjs.entry.js +1 -1
- package/dist/cjs/philco-main-menu.cjs.entry.js +1 -1
- package/dist/collection/components/biggive-button/biggive-button.js +25 -6
- 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 +4 -3
- 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-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-select2.js +1 -1
- package/dist/components/biggive-form.js +1 -1
- package/dist/components/biggive-formatted-text.js +1 -1
- package/dist/components/biggive-grid.js +1 -1
- package/dist/components/biggive-heading-banner.js +1 -1
- package/dist/components/biggive-heading.js +1 -1
- package/dist/components/biggive-hero-image.js +1 -1
- package/dist/components/biggive-icon-button.js +1 -1
- package/dist/components/biggive-image-button.js +1 -1
- package/dist/components/biggive-image-card.js +1 -1
- package/dist/components/biggive-image-feature.js +1 -1
- package/dist/components/biggive-image.js +1 -1
- package/dist/components/biggive-main-menu.js +1 -1
- package/dist/components/biggive-misc-icon2.js +1 -1
- package/dist/components/biggive-nav-group.js +1 -1
- package/dist/components/biggive-nav-item.js +1 -1
- package/dist/components/biggive-page-column.js +1 -1
- package/dist/components/biggive-page-columns.js +1 -1
- package/dist/components/biggive-page-section.js +1 -1
- package/dist/components/biggive-popup2.js +1 -1
- package/dist/components/biggive-progress-bar2.js +1 -1
- package/dist/components/biggive-quote.js +1 -1
- package/dist/components/biggive-sheet.js +1 -1
- package/dist/components/biggive-social-icon2.js +1 -1
- package/dist/components/biggive-tab.js +1 -1
- package/dist/components/biggive-tabbed-content.js +1 -1
- package/dist/components/biggive-table.js +1 -1
- package/dist/components/biggive-text-input.js +1 -1
- package/dist/components/biggive-timeline.js +1 -1
- package/dist/components/biggive-totalizer-ticker-item.js +1 -1
- package/dist/components/biggive-totalizer.js +1 -1
- package/dist/components/biggive-video-feature.js +1 -1
- package/dist/components/biggive-video.js +1 -1
- package/dist/components/philco-footer.js +1 -1
- package/dist/components/philco-main-menu.js +1 -1
- package/dist/esm/biggive-button.entry.js +25 -6
- 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 +4 -3
- package/dist/esm/biggive-misc-icon.entry.js +1 -1
- package/dist/esm/biggive-nav-group.entry.js +1 -1
- package/dist/esm/biggive-nav-item.entry.js +1 -1
- package/dist/esm/biggive-page-column.entry.js +1 -1
- package/dist/esm/biggive-page-columns.entry.js +1 -1
- package/dist/esm/biggive-page-section.entry.js +2 -2
- package/dist/esm/biggive-popup.entry.js +1 -1
- package/dist/esm/biggive-progress-bar.entry.js +1 -1
- package/dist/esm/biggive-quote.entry.js +3 -3
- package/dist/esm/biggive-sheet.entry.js +1 -1
- package/dist/esm/biggive-social-icon.entry.js +1 -1
- package/dist/esm/biggive-tab.entry.js +1 -1
- package/dist/esm/biggive-tabbed-content.entry.js +2 -2
- package/dist/esm/biggive-table.entry.js +2 -2
- package/dist/esm/biggive-text-input.entry.js +1 -1
- package/dist/esm/biggive-timeline.entry.js +2 -2
- package/dist/esm/biggive-totalizer-ticker-item.entry.js +1 -1
- package/dist/esm/biggive-totalizer.entry.js +1 -1
- package/dist/esm/biggive-video-feature.entry.js +1 -1
- package/dist/esm/biggive-video.entry.js +1 -1
- package/dist/esm/philco-footer.entry.js +1 -1
- package/dist/esm/philco-main-menu.entry.js +1 -1
- package/dist/types/components/biggive-button/biggive-button.d.ts +1 -0
- package/hydrate/index.js +81 -61
- package/hydrate/index.mjs +81 -61
- package/package.json +1 -1
- package/dist/biggive/p-089c4ecd.entry.js +0 -1
- package/dist/biggive/p-32992f5d.entry.js +0 -1
- package/dist/biggive/p-68b7ce7e.entry.js +0 -1
- package/dist/biggive/p-6e674d92.entry.js +0 -1
- package/dist/biggive/p-87c905c1.entry.js +0 -1
- package/dist/biggive/p-bdce8162.entry.js +0 -1
- package/dist/biggive/p-d9b8de97.entry.js +0 -1
|
@@ -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:"39ae5e63707621a6e4d7d991d56562410a8937a2",class:"container "+this.siteDesign+" max-width-"+this.maxWidth+(o?" text-colour-"+this.defaultTextColour:"")+" space-below-"+this.spaceBelow},t("slot",{key:"1b87428ede7d1b8a9e3423fdadc55b611966d244"}))}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:"03804728c4b10b4df1c3a334dc74236737cf5b70",class:"grid column-count-"+this.columnCount+" space-below-"+this.spaceBelow+" column-gap-"+this.columnGap+(this.spaceBetween?" space-between":"")},o("slot",{key:"cd5486ca89d705fc1cad790a8d07e2744b999e7b"}))}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:"f9af69197773e6b22b16c3936888c308ebfc5012",class:"grid column-count-"+this.columnCount+" space-below-"+this.spaceBelow+" column-gap-"+this.columnGap+(this.spaceBetween?" space-between":"")},o("slot",{key:"9abb765f90e5f02e3b517e90ff73309b6b3f47f6"}))}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),c=(null===(o=this.backgroundColour)||void 0===o?void 0:o.startsWith("#"))?this.backgroundColour:"#"+this.backgroundColour,n=(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,g=(null===(l=this.teaserColour)||void 0===l?void 0:l.startsWith("#"))?this.teaserColour:"#"+this.teaserColour,d=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:g}},a):t("a",{href:this.targetUrl,class:"banner-link"},t("div",{class:"teaser",style:{color:g}},a))),t("div",{key:"c9edf2e8c3340b4a6b5fc05b07ed297bb7308e14",class:{banner:!0,short:"short"===this.height},style:{"background-color":c}},"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:"43c4e4f3ea938dc9408c3526331c82357dfc8803",class:"sleeve"},t("div",{key:"7b7c0fc3b138d53940eeffb63df063c332c1a29e",class:"content-wrap",style:{"background-color":n}},d?t("div",{class:"logo"},t("img",{src:d.url,alt:d.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:"77973ce87d27cd4c398e6896a970b04ec295ca5d",class:"container "+this.siteDesign+" align-"+this.align+" space-above-"+this.spaceAbove+" space-below-"+this.spaceBelow},i(this.htmlElement,{key:"30909e98ecc92293ea8537567ba5e87ab1f81af5",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:"d1832211aa4a229515116fc840e86cc02046fcfb",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:"f4b34c93a7332d0c40df76fe78faf9558b0636bb",class:"sleeve"},r("div",{key:"39043cba1abe7243be2f498bdce7569331554bfb",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:"ee2dd73f98aec291275011e51ae7779203fe6ef9",class:c},this.mainTitle),r("div",{key:"ac2004c4e099cf522a5724a90d02fa3addee8684",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:"442fb0124ed28469d21f51ab03719033227da7ee",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:"f69590e6ed20bd29f9d066c754ea4ba5adedf172",class:"sleeve"},r("div",{key:"b90f3ad69671b9fa54816cce13d0d690d448da2b",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:"7c41416de623350313f1478086c609980753c65a",class:c},this.mainTitle),r("div",{key:"5b7613c5c2b083525a9f1e7e38b8d71db02ac1ac",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 e,h as a,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=e(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 a("div",{key:"2167c81c136c33a6bf4077f2924fcf0109bf52fb",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:"f638c80d15e6ba1bd41eee048c041c0cccaccda4",href:this.url,target:this.openInNewTab?"_blank":"_self",id:this.buttonId},a("div",{key:"69531ff668e038b74d1d051983dc4b8b8676c8d8",class:"sleeve",onClick:this.handleButtonClick},a("div",{key:"5a0b5c60c16ebf7a809ea97e3dc5e8e182eb719f",class:"icon-wrap size-"+this.size+" circle-"+this.circle},a("biggive-misc-icon",{key:"8e0601373144d67b077f5b909672ed530f00ebd1",icon:this.icon})),""!=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}.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:"844beaaf27d4d92d43bd60ed194f69f713bda0ce",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:"2b62274fc31c603a5951972005c0cf9c99105fd5",href:this.url,target:this.openInNewTab?"_blank":"_self",id:this.buttonId},e("div",{key:"a8f62d0f22d7f53c2a396a32a4c988519fef0eca",class:"sleeve",onClick:this.handleButtonClick},e("div",{key:"c2650d09652cb8429b36208feec045dc0b52f4a2",class:"icon-wrap size-"+this.size+" circle-"+this.circle},e("biggive-misc-icon",{key:"e7db1c4cfe4a01635760bf4e6ce8c2a60f8b2c73",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:"bdc736a0a4e64906a07620962678b72bc97901d6",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:"ea6a089fb92df5aa9d5b691ad6341d82eb41c617",href:this.url,target:this.openInNewTab?"_blank":"_self",id:this.buttonId},a("div",{key:"9a386e3ffbcea936771124417af2df7ee193a0d0",class:"sleeve",onClick:this.handleButtonClick},a("div",{key:"4f19f9f614c19061a14dc78c18f52060add22c9a",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:"17618f72a48f2594d66d58a91a7423f9bd2ab821",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:"b2c51883d291a275d2b859a4d78ed3cdedd2a6ea",href:this.url,target:this.openInNewTab?"_blank":"_self",id:this.buttonId},a("div",{key:"11347c4e49e395e9beb656af1fb1493e4b1b077d",class:"sleeve",onClick:this.handleButtonClick},a("div",{key:"1edcfd61205938b179b8c531d8c2145a6dc3626f",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:"b01b09b303939c3114ed1666ab04f95c34167600",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:"4e1c6a2cd636dcfccd0d3dc0ee17cb49641280aa",href:this.buttonUrl},e("div",{key:"fe3b011e2a369e582d21acc2f603bd38a840179b",class:"sleeve text-colour-"+this.teaserColour+" text-align-"+this.textAlign},e("div",{key:"8836a7a2c36166282e7b33bd4e9e6ee753e8296b",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:"74dcfce94925ef42bca996fa240249a2ce231d68",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 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:"3c87c3e3092fedb7ec555df2de6fdc7028620202",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:"9c7438a9283793114968695c207c12d8400b8ab9",href:this.buttonUrl},e("div",{key:"66e76b914085077b6d5fa5aa243859368936738b",class:"sleeve text-colour-"+this.teaserColour+" text-align-"+this.textAlign},e("div",{key:"0f640f492b81887b464427bb2ac20dd1b9d928e0",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:"8c38c59d7b67b66a8464363a7b91059352ccf03e",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 +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:"93c69ef4582433519867a1b376ba6712e2070f06",class:"container text-colour-"+this.defaultTextColour+" space-below-"+this.spaceBelow},r("div",{key:"9e356dc8bb196b8f6c37a10de6d039cdeb9748b1",class:"sleeve"},r("div",{key:"f5425aa5ed7a842960a8508fe133b6e8bbeb5906",class:"content-wrap"},r("div",{key:"63b4bbb094bfbf0187e397dfcbcef55ee7417bd3",class:"slug text-colour-"+this.slugColour},this.slug),r("h2",{key:"f801b84b8274b1bd42b46852dc7739929a5470dd",class:"title text-colour-"+this.mainTitleColour},this.mainTitle),r("div",{key:"352280245f8708a5115b7b52135781fdb4d2a5e9",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:"0cba6577166fabf1a9133eede099e7ba5f82ea3a",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:"3e44394d9bb7ee5e2c4be0e675b211c625b9c72f",class:"container space-above-"+this.spaceAbove+" space-below-"+this.spaceBelow,style:{width:this.getWidth(),height:this.getHeight()}},i("div",{key:"4de14aab74799e98d3ef26becbcd743a41e132a6",class:"image-wrap"},i("img",{key:"c9cdbbe0b8b8b6a2a396e99cd106f9254191ee3a",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}
|