@biggive/components 202606230803.0.0 → 202606301318.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/biggive/biggive.esm.js +1 -1
- package/dist/biggive/{p-9d63fe98.entry.js → p-034bc308.entry.js} +1 -1
- package/dist/biggive/{p-a0070f43.entry.js → p-074c95a5.entry.js} +1 -1
- package/dist/biggive/{p-c9436468.entry.js → p-07bd58dd.entry.js} +1 -1
- package/dist/biggive/{p-9e64817e.entry.js → p-08c0d7a0.entry.js} +1 -1
- package/dist/biggive/p-12e780cb.entry.js +1 -0
- package/dist/biggive/{p-b7d3a6ab.entry.js → p-13840401.entry.js} +1 -1
- package/dist/biggive/{p-ebf67952.entry.js → p-167ac0d3.entry.js} +1 -1
- package/dist/biggive/{p-a7622ab7.entry.js → p-22f2e1e4.entry.js} +1 -1
- package/dist/biggive/p-2f0e2375.entry.js +1 -0
- package/dist/biggive/{p-7ab14477.entry.js → p-342e0587.entry.js} +1 -1
- package/dist/biggive/{p-b0874950.entry.js → p-35742632.entry.js} +1 -1
- package/dist/biggive/{p-4a6d979f.entry.js → p-486b0443.entry.js} +1 -1
- package/dist/biggive/{p-3d80c5b4.entry.js → p-4c8d3d7b.entry.js} +1 -1
- package/dist/biggive/{p-1c39307b.entry.js → p-53d2459c.entry.js} +1 -1
- package/dist/biggive/{p-461ca12d.entry.js → p-53efa890.entry.js} +1 -1
- package/dist/biggive/{p-be1828d2.entry.js → p-60824941.entry.js} +1 -1
- package/dist/biggive/{p-921ecc1a.entry.js → p-63bbe726.entry.js} +1 -1
- package/dist/biggive/{p-b8afbd5b.entry.js → p-6db0805c.entry.js} +1 -1
- package/dist/biggive/{p-b8d67e54.entry.js → p-6ef8f1c8.entry.js} +1 -1
- package/dist/biggive/{p-d2b89a35.entry.js → p-6f0ab7de.entry.js} +1 -1
- package/dist/biggive/{p-a5873e6c.entry.js → p-76d8edf3.entry.js} +1 -1
- package/dist/biggive/{p-aaf986b7.entry.js → p-79233862.entry.js} +1 -1
- package/dist/biggive/{p-9b695dc8.entry.js → p-7b142f0c.entry.js} +1 -1
- package/dist/biggive/{p-ab3d62f9.entry.js → p-7e9f3522.entry.js} +1 -1
- package/dist/biggive/p-925b1eab.entry.js +1 -0
- package/dist/biggive/{p-9f907107.entry.js → p-a987b466.entry.js} +1 -1
- package/dist/biggive/{p-120a8b58.entry.js → p-ac53a19e.entry.js} +1 -1
- package/dist/biggive/{p-f576564a.entry.js → p-acc61e55.entry.js} +1 -1
- package/dist/biggive/{p-4e91b90c.entry.js → p-b00c2ca8.entry.js} +1 -1
- package/dist/biggive/p-b09d4083.entry.js +1 -0
- package/dist/biggive/p-b0d1c784.entry.js +1 -0
- package/dist/biggive/{p-8ec27398.entry.js → p-b5de3f93.entry.js} +1 -1
- package/dist/biggive/{p-8109ba6c.entry.js → p-c11a2f3b.entry.js} +1 -1
- package/dist/biggive/{p-1aec0011.entry.js → p-c50881e4.entry.js} +1 -1
- package/dist/biggive/{p-d4c0daba.entry.js → p-d277fe34.entry.js} +1 -1
- package/dist/biggive/{p-39f5df3a.entry.js → p-d2c312e0.entry.js} +1 -1
- package/dist/biggive/{p-7d3d0149.entry.js → p-d3112cb1.entry.js} +1 -1
- package/dist/biggive/p-d4462885.entry.js +1 -0
- package/dist/biggive/{p-a8e5b837.entry.js → p-dddee0ad.entry.js} +1 -1
- package/dist/biggive/{p-ed688cf9.entry.js → p-e8517ccd.entry.js} +1 -1
- package/dist/biggive/{p-a4021922.entry.js → p-ebdf0f2a.entry.js} +1 -1
- package/dist/biggive/{p-9c0c28cf.entry.js → p-ed7b04d2.entry.js} +1 -1
- package/dist/biggive/{p-05e0f91c.entry.js → p-ed92d2b0.entry.js} +1 -1
- package/dist/biggive/{p-e497653a.entry.js → p-f04eaebb.entry.js} +1 -1
- package/dist/biggive/{p-f7a05c60.entry.js → p-f2d44bb0.entry.js} +1 -1
- package/dist/biggive/{p-4d4724bb.entry.js → p-f2f9ce31.entry.js} +1 -1
- package/dist/biggive/{p-fc277669.entry.js → p-fb0a9e11.entry.js} +1 -1
- package/dist/biggive/{p-25d081a8.entry.js → p-fd2f1a72.entry.js} +1 -1
- package/dist/biggive/pages/biggive.html +2 -0
- package/dist/cjs/biggive-accordion.cjs.entry.js +1 -1
- package/dist/cjs/biggive-article-card.cjs.entry.js +2 -2
- package/dist/cjs/biggive-back-to-top.cjs.entry.js +1 -1
- package/dist/cjs/biggive-basic-card.cjs.entry.js +2 -2
- package/dist/cjs/biggive-boxed-content.cjs.entry.js +2 -2
- package/dist/cjs/biggive-branded-image.cjs.entry.js +1 -1
- package/dist/cjs/biggive-button.cjs.entry.js +1 -1
- package/dist/cjs/biggive-call-to-action.cjs.entry.js +1 -1
- package/dist/cjs/biggive-campaign-card-filter-grid.cjs.entry.js +21 -4
- package/dist/cjs/biggive-campaign-card.cjs.entry.js +2 -2
- package/dist/cjs/biggive-campaign-highlights.cjs.entry.js +1 -1
- package/dist/cjs/biggive-container-card.cjs.entry.js +1 -1
- package/dist/cjs/biggive-cookie-banner.cjs.entry.js +1 -1
- package/dist/cjs/biggive-form-field-select.cjs.entry.js +2 -2
- package/dist/cjs/biggive-form.cjs.entry.js +1 -1
- package/dist/cjs/biggive-formatted-text.cjs.entry.js +1 -1
- package/dist/cjs/biggive-grid.cjs.entry.js +1 -1
- package/dist/cjs/biggive-heading-banner.cjs.entry.js +2 -2
- package/dist/cjs/biggive-heading.cjs.entry.js +1 -1
- package/dist/cjs/biggive-hero-image.cjs.entry.js +2 -2
- package/dist/cjs/biggive-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/biggive-image-button.cjs.entry.js +2 -2
- package/dist/cjs/biggive-image-card.cjs.entry.js +2 -2
- package/dist/cjs/biggive-image-feature.cjs.entry.js +1 -1
- package/dist/cjs/biggive-image.cjs.entry.js +1 -1
- package/dist/cjs/biggive-main-menu.cjs.entry.js +1 -1
- package/dist/cjs/biggive-misc-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive-nav-group.cjs.entry.js +1 -1
- package/dist/cjs/biggive-nav-item.cjs.entry.js +1 -1
- package/dist/cjs/biggive-page-column.cjs.entry.js +1 -1
- package/dist/cjs/biggive-page-columns.cjs.entry.js +1 -1
- package/dist/cjs/biggive-page-section.cjs.entry.js +2 -2
- package/dist/cjs/biggive-popup.cjs.entry.js +1 -1
- package/dist/cjs/biggive-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/biggive-quote.cjs.entry.js +3 -3
- package/dist/cjs/biggive-sheet.cjs.entry.js +1 -1
- package/dist/cjs/biggive-social-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive-tab.cjs.entry.js +1 -1
- package/dist/cjs/biggive-tabbed-content.cjs.entry.js +2 -2
- package/dist/cjs/biggive-table.cjs.entry.js +2 -2
- package/dist/cjs/biggive-text-input.cjs.entry.js +1 -1
- package/dist/cjs/biggive-timeline.cjs.entry.js +2 -2
- package/dist/cjs/biggive-totalizer-ticker-item.cjs.entry.js +1 -1
- package/dist/cjs/biggive-totalizer.cjs.entry.js +1 -1
- package/dist/cjs/biggive-video-feature.cjs.entry.js +1 -1
- package/dist/cjs/biggive-video.cjs.entry.js +1 -1
- package/dist/cjs/biggive.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/philco-footer.cjs.entry.js +1 -1
- package/dist/cjs/philco-main-menu.cjs.entry.js +1 -1
- package/dist/collection/components/biggive-accordion/biggive-accordion.js +1 -1
- package/dist/collection/components/biggive-article-card/biggive-article-card.js +2 -2
- package/dist/collection/components/biggive-back-to-top/biggive-back-to-top.js +1 -1
- package/dist/collection/components/biggive-basic-card/biggive-basic-card.js +2 -2
- package/dist/collection/components/biggive-boxed-content/biggive-boxed-content.js +2 -2
- package/dist/collection/components/biggive-branded-image/biggive-branded-image.js +1 -1
- package/dist/collection/components/biggive-button/biggive-button.js +1 -1
- package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.js +1 -1
- package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js +2 -2
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js +117 -4
- package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.js +1 -1
- package/dist/collection/components/biggive-container-card/biggive-container-card.js +1 -1
- package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.js +1 -1
- package/dist/collection/components/biggive-form/biggive-form.js +1 -1
- package/dist/collection/components/biggive-form-field-select/biggive-form-field-select.js +2 -2
- package/dist/collection/components/biggive-formatted-text/biggive-formatted-text.js +1 -1
- package/dist/collection/components/biggive-grid/biggive-grid.js +1 -1
- package/dist/collection/components/biggive-heading/biggive-heading.js +1 -1
- package/dist/collection/components/biggive-heading-banner/biggive-heading-banner.js +2 -2
- package/dist/collection/components/biggive-hero-image/biggive-hero-image.js +2 -2
- package/dist/collection/components/biggive-icon-button/biggive-icon-button.js +2 -2
- package/dist/collection/components/biggive-image/biggive-image.js +1 -1
- package/dist/collection/components/biggive-image-button/biggive-image-button.js +2 -2
- package/dist/collection/components/biggive-image-card/biggive-image-card.js +2 -2
- package/dist/collection/components/biggive-image-feature/biggive-image-feature.js +1 -1
- package/dist/collection/components/biggive-main-menu/biggive-main-menu.js +1 -1
- package/dist/collection/components/biggive-misc-icon/biggive-misc-icon.js +1 -1
- package/dist/collection/components/biggive-nav-group/biggive-nav-group.js +1 -1
- package/dist/collection/components/biggive-nav-item/biggive-nav-item.js +1 -1
- package/dist/collection/components/biggive-page-column/biggive-page-column.js +1 -1
- package/dist/collection/components/biggive-page-columns/biggive-page-columns.js +1 -1
- package/dist/collection/components/biggive-page-section/biggive-page-section.js +2 -2
- package/dist/collection/components/biggive-popup/biggive-popup.js +1 -1
- package/dist/collection/components/biggive-progress-bar/biggive-progress-bar.js +1 -1
- package/dist/collection/components/biggive-quote/biggive-quote.js +3 -3
- package/dist/collection/components/biggive-sheet/biggive-sheet.js +1 -1
- package/dist/collection/components/biggive-social-icon/biggive-social-icon.js +1 -1
- package/dist/collection/components/biggive-tab/biggive-tab.js +1 -1
- package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.js +2 -2
- package/dist/collection/components/biggive-table/biggive-table.js +2 -2
- package/dist/collection/components/biggive-text-input/biggive-text-input.js +1 -1
- package/dist/collection/components/biggive-timeline/biggive-timeline.js +2 -2
- package/dist/collection/components/biggive-totalizer/biggive-totalizer.js +1 -1
- package/dist/collection/components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item.js +1 -1
- package/dist/collection/components/biggive-video/biggive-video.js +1 -1
- package/dist/collection/components/biggive-video-feature/biggive-video-feature.js +1 -1
- package/dist/collection/components/philco-footer/philco-footer.js +1 -1
- package/dist/collection/components/philco-main-menu/philco-main-menu.js +1 -1
- package/dist/collection/pages/biggive.html +2 -0
- package/dist/components/biggive-accordion.js +1 -1
- package/dist/components/biggive-article-card.js +1 -1
- package/dist/components/biggive-back-to-top.js +1 -1
- package/dist/components/biggive-basic-card.js +1 -1
- package/dist/components/biggive-boxed-content.js +1 -1
- package/dist/components/biggive-branded-image.js +1 -1
- package/dist/components/biggive-button2.js +1 -1
- package/dist/components/biggive-call-to-action.js +1 -1
- package/dist/components/biggive-campaign-card-filter-grid.js +1 -1
- package/dist/components/biggive-campaign-card.js +1 -1
- package/dist/components/biggive-campaign-highlights.js +1 -1
- package/dist/components/biggive-container-card.js +1 -1
- package/dist/components/biggive-cookie-banner.js +1 -1
- package/dist/components/biggive-form-field-select2.js +1 -1
- package/dist/components/biggive-form.js +1 -1
- package/dist/components/biggive-formatted-text.js +1 -1
- package/dist/components/biggive-grid.js +1 -1
- package/dist/components/biggive-heading-banner.js +1 -1
- package/dist/components/biggive-heading.js +1 -1
- package/dist/components/biggive-hero-image.js +1 -1
- package/dist/components/biggive-icon-button.js +1 -1
- package/dist/components/biggive-image-button.js +1 -1
- package/dist/components/biggive-image-card.js +1 -1
- package/dist/components/biggive-image-feature.js +1 -1
- package/dist/components/biggive-image.js +1 -1
- package/dist/components/biggive-main-menu.js +1 -1
- package/dist/components/biggive-misc-icon2.js +1 -1
- package/dist/components/biggive-nav-group.js +1 -1
- package/dist/components/biggive-nav-item.js +1 -1
- package/dist/components/biggive-page-column.js +1 -1
- package/dist/components/biggive-page-columns.js +1 -1
- package/dist/components/biggive-page-section.js +1 -1
- package/dist/components/biggive-popup2.js +1 -1
- package/dist/components/biggive-progress-bar2.js +1 -1
- package/dist/components/biggive-quote.js +1 -1
- package/dist/components/biggive-sheet.js +1 -1
- package/dist/components/biggive-social-icon2.js +1 -1
- package/dist/components/biggive-tab.js +1 -1
- package/dist/components/biggive-tabbed-content.js +1 -1
- package/dist/components/biggive-table.js +1 -1
- package/dist/components/biggive-text-input.js +1 -1
- package/dist/components/biggive-timeline.js +1 -1
- package/dist/components/biggive-totalizer-ticker-item.js +1 -1
- package/dist/components/biggive-totalizer.js +1 -1
- package/dist/components/biggive-video-feature.js +1 -1
- package/dist/components/biggive-video.js +1 -1
- package/dist/components/philco-footer.js +1 -1
- package/dist/components/philco-main-menu.js +1 -1
- package/dist/esm/biggive-accordion.entry.js +1 -1
- package/dist/esm/biggive-article-card.entry.js +2 -2
- package/dist/esm/biggive-back-to-top.entry.js +1 -1
- package/dist/esm/biggive-basic-card.entry.js +2 -2
- package/dist/esm/biggive-boxed-content.entry.js +2 -2
- package/dist/esm/biggive-branded-image.entry.js +1 -1
- package/dist/esm/biggive-button.entry.js +1 -1
- package/dist/esm/biggive-call-to-action.entry.js +1 -1
- package/dist/esm/biggive-campaign-card-filter-grid.entry.js +21 -4
- package/dist/esm/biggive-campaign-card.entry.js +2 -2
- package/dist/esm/biggive-campaign-highlights.entry.js +1 -1
- package/dist/esm/biggive-container-card.entry.js +1 -1
- package/dist/esm/biggive-cookie-banner.entry.js +1 -1
- package/dist/esm/biggive-form-field-select.entry.js +2 -2
- package/dist/esm/biggive-form.entry.js +1 -1
- package/dist/esm/biggive-formatted-text.entry.js +1 -1
- package/dist/esm/biggive-grid.entry.js +1 -1
- package/dist/esm/biggive-heading-banner.entry.js +2 -2
- package/dist/esm/biggive-heading.entry.js +1 -1
- package/dist/esm/biggive-hero-image.entry.js +2 -2
- package/dist/esm/biggive-icon-button.entry.js +2 -2
- package/dist/esm/biggive-image-button.entry.js +2 -2
- package/dist/esm/biggive-image-card.entry.js +2 -2
- package/dist/esm/biggive-image-feature.entry.js +1 -1
- package/dist/esm/biggive-image.entry.js +1 -1
- package/dist/esm/biggive-main-menu.entry.js +1 -1
- package/dist/esm/biggive-misc-icon.entry.js +1 -1
- package/dist/esm/biggive-nav-group.entry.js +1 -1
- package/dist/esm/biggive-nav-item.entry.js +1 -1
- package/dist/esm/biggive-page-column.entry.js +1 -1
- package/dist/esm/biggive-page-columns.entry.js +1 -1
- package/dist/esm/biggive-page-section.entry.js +2 -2
- package/dist/esm/biggive-popup.entry.js +1 -1
- package/dist/esm/biggive-progress-bar.entry.js +1 -1
- package/dist/esm/biggive-quote.entry.js +3 -3
- package/dist/esm/biggive-sheet.entry.js +1 -1
- package/dist/esm/biggive-social-icon.entry.js +1 -1
- package/dist/esm/biggive-tab.entry.js +1 -1
- package/dist/esm/biggive-tabbed-content.entry.js +2 -2
- package/dist/esm/biggive-table.entry.js +2 -2
- package/dist/esm/biggive-text-input.entry.js +1 -1
- package/dist/esm/biggive-timeline.entry.js +2 -2
- package/dist/esm/biggive-totalizer-ticker-item.entry.js +1 -1
- package/dist/esm/biggive-totalizer.entry.js +1 -1
- package/dist/esm/biggive-video-feature.entry.js +1 -1
- package/dist/esm/biggive-video.entry.js +1 -1
- package/dist/esm/biggive.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/philco-footer.entry.js +1 -1
- package/dist/esm/philco-main-menu.entry.js +1 -1
- package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.d.ts +22 -0
- package/dist/types/components.d.ts +46 -0
- package/hydrate/index.js +88 -67
- package/hydrate/index.mjs +88 -67
- package/package.json +1 -1
- package/dist/biggive/p-176e7c45.entry.js +0 -1
- package/dist/biggive/p-3340063a.entry.js +0 -1
- package/dist/biggive/p-5f18c157.entry.js +0 -1
- package/dist/biggive/p-705b4705.entry.js +0 -1
- package/dist/biggive/p-7b98b0af.entry.js +0 -1
- package/dist/biggive/p-d24f2c67.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as a,transformTag as l}from"@stencil/core/internal/client";import{f as s}from"./index2.js";import{d as r}from"./biggive-button2.js";import{d as o}from"./biggive-form-field-select2.js";import{d as c}from"./biggive-popup2.js";const n={relevance:"Relevance",amountRaised:"Most raised",leastRaised:"Least raised",closeToTarget:"Nearest target",matchFundsRemaining:"Most funds remaining"},d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.doSearchAndFilterUpdate=i(this,"doSearchAndFilterUpdate",7),this.sortByPlaceholderText="Sort by",this.beneficiariesPlaceHolderText="Select beneficiary",this.categoriesPlaceHolderText="Select category",this.locationsPlaceHolderText="Select location",this.newSelectedFilterCategory=null,this.newSelectedFilterBeneficiary=null,this.newSelectedFilterLocation=null,this.spaceBelow=0,this.intro="Find a charity or project",this.searchText=null,this.placeholderText="Search",this.buttonText="Search",this.selectedFilterCategory=null,this.selectedFilterBeneficiary=null,this.selectedFilterLocation=null,this.categoryFilterSelectionChanged=e=>{this.newSelectedFilterCategory=e},this.beneficiarySelectionChanged=e=>{this.newSelectedFilterBeneficiary=e},this.locationSelectionChanged=e=>{this.newSelectedFilterLocation=e},this.sortBySelectionChanged=e=>{this.selectedSortByOption=e,this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject())},this.handleApplyFilterButtonClick=()=>{var e,t,i,a;this.selectedFilterCategory=null!==(e=this.newSelectedFilterCategory)&&void 0!==e?e:this.selectedFilterCategory,this.selectedFilterBeneficiary=null!==(t=this.newSelectedFilterBeneficiary)&&void 0!==t?t:this.selectedFilterBeneficiary,this.selectedFilterLocation=null!==(i=this.newSelectedFilterLocation)&&void 0!==i?i:this.selectedFilterLocation;const l=this.getSearchAndFilterObject();this.doSearchAndFilterUpdate.emit(l);const s=null===(a=this.el.shadowRoot)||void 0===a?void 0:a.getElementById("filter-popup");s&&s.closeFromOutside(),this.filtersApplied="string"==typeof l.filterBeneficiary||"string"==typeof l.filterCategory||"string"==typeof l.filterLocation},this.handleSearchButtonPressed=()=>{this.unfocusTextInput(),this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject()),this.hasSearchTerm()&&(this.selectedSortByOption="Relevance")},this.handleSearchTextChanged=e=>{this.searchText=e.target.value},this.handleEnterPressed=e=>{"Enter"===e.key&&(this.unfocusTextInput(),this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject()))},this.handleFilterButtonClick=()=>{var e;this.newSelectedFilterBeneficiary=this.selectedFilterBeneficiary,this.newSelectedFilterCategory=this.selectedFilterCategory,this.newSelectedFilterLocation=this.selectedFilterLocation;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.getElementById("filter-popup");t&&t.openFromOutside()},this.handleClearAll=()=>{var e;this.unfocusTextInput(),this.filtersApplied=!1,this.searchText=null,this.selectedSortByOption=this.initialSortByOption,this.selectedFilterBeneficiary=null,this.selectedFilterCategory=null,this.selectedFilterLocation=null,["sort-by","categories","beneficiaries","locations","funding"].forEach((e=>{var t;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.getElementById(e);i&&(i.selectedValue=null,i.selectedLabel=null)}));const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".selected-filters");t&&t.querySelectorAll(".button").forEach((e=>{e.remove()})),this.doSearchAndFilterUpdate.emit({searchText:null,sortBy:null,filterCategory:null,filterBeneficiary:null,filterLocation:null})}}async unfocusInputs(){this.unfocusTextInput()}getSearchAndFilterObject(){return{searchText:this.searchText,sortBy:this.selectedSortByOption,filterCategory:this.selectedFilterCategory,filterBeneficiary:this.selectedFilterBeneficiary,filterLocation:this.selectedFilterLocation}}removeFilter(e){var t;switch(e){case"beneficiaries":this.selectedFilterBeneficiary=null;break;case"categories":this.selectedFilterCategory=null;break;case"locations":this.selectedFilterLocation=null;break;default:console.error(e)}const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.getElementById(e);i&&(i.selectedLabel=null,i.selectedValue=null,this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject()))}unfocusTextInput(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".input-text");null==t||t.blur()}componentWillRender(){this.filtersApplied=null!==this.selectedFilterCategory||null!==this.selectedFilterBeneficiary||null!==this.selectedFilterLocation,this.initialSortByOption=this.selectedSortByOption}render(){var e;const t=this.getSortOptions();return a("div",{key:"5be71f04f2f6e4a45e61da8940e2539f348c5cac",class:"container space-below-"+this.spaceBelow},a("div",{key:"f1b79a107817211888847c09c99447759052ccd6",class:"sleeve"},a("div",{key:"7de5ed0dc073f7bc1597fadc3a67ef5b5fed7e84",class:"search-wrap"},a("h4",{key:"c78c9b66dac9880f28513fb3fb8f0f2cca9d0861"},this.intro),a("div",{key:"0aff613fc8e6812c70a8cd683dfac1cac3b4e9b8",class:"field-wrap"},a("div",{key:"406ec166abfc71ad3773077376073fd9ece76aac",class:"input-wrap"},a("svg",{key:"6b736eb1bd1560214079b50cce7bc59fed380eba",xmlns:"http://www.w3.org/2000/svg",class:"icon",viewBox:"0 0 512 512"},a("path",{key:"8fdac8bd9978f84302725fff032d5a7248a78982",d:""+s.icon[4]})),a("input",{key:"440d6a45a53a222d2bc3043048b55056e60d3fae",type:"text",value:null!==(e=this.searchText)&&void 0!==e?e:"",class:"input-text",placeholder:this.placeholderText,onInput:this.handleSearchTextChanged,onKeyDown:this.handleEnterPressed})),a("biggive-button",{key:"9627e3ff1abed13ab6bf54b3ee1ad41b98bc1908",onDoButtonClick:this.handleSearchButtonPressed,label:this.buttonText}))),a("div",{key:"61145db67953fd6235150c9e3aa4c5e1ddecc032",class:"sort-filter-wrap"},a("div",{key:"a15f585989f71159f8ba838463b0d240431633f7",class:"filter-wrap"},a("biggive-button",{key:"cc6aa826f7f492bd0e5016d1bde47f24535ce87d",class:"filter",colourScheme:"primary",onDoButtonClick:this.handleFilterButtonClick,label:"Filter",fullWidth:!0,"space-below":"0"}),a("biggive-popup",{key:"3ad918e1772a03426c5c067964bbb0fbbc2b56c8",id:"filter-popup"},a("h4",{key:"ba1813fa8e36ee461a85bf497cb06b60a4995b18",class:"space-above-0 space-below-3 text-colour-primary"},"Filters"),a("div",{key:"7f6deab4b11cd5841b691e8d44344462ab111bc5",class:"select-wrapper-1"},a("biggive-form-field-select",{key:"4dd06fde97603055af64e9e23a5f5f11dc7b1491",backgroundColour:"white",prompt:"Category",placeholder:this.categoriesPlaceHolderText,selectedLabel:this.selectedFilterCategory,selectedValue:this.selectedFilterCategory,options:this.optionsToArray(this.categoryOptions||[]),selectionChanged:this.categoryFilterSelectionChanged,id:"categories","space-below":"2"})),a("div",{key:"7bbcd9eb9642b84be51492f6db7bb6381366da4c",class:"select-wrapper-2"},a("biggive-form-field-select",{key:"73721e3bc15f4c266af026263c478bf9814fb00f",backgroundColour:"white",prompt:"Beneficiary",placeholder:this.beneficiariesPlaceHolderText,selectedLabel:this.selectedFilterBeneficiary,selectedValue:this.selectedFilterBeneficiary,options:this.optionsToArray(this.beneficiaryOptions||[]),selectionChanged:this.beneficiarySelectionChanged,id:"beneficiaries","space-below":"2"})),a("div",{key:"de856e44a37fa775389bee8559105654f43291a0",class:"select-wrapper-3"},a("biggive-form-field-select",{key:"2ff9d220a0859e589883dc2dd68660f803aa391d",backgroundColour:"white",prompt:"Location",placeholder:this.locationsPlaceHolderText,selectedLabel:this.selectedFilterLocation,selectedValue:this.selectedFilterLocation,options:this.optionsToArray(this.locationOptions||[]),selectionChanged:this.locationSelectionChanged,id:"locations","space-below":"2"})),a("div",{key:"6227a1d3942f208608a2ad91bf28c49b4bc9022d",class:"align-right"},a("biggive-button",{key:"bf1c8b35b7a151092173ad07c6cea1005a06cf7a",label:"Apply filters",onDoButtonClick:this.handleApplyFilterButtonClick})))),a("div",{key:"8ebda9bd87f0699cc4583ea83965e7a4ee55a487",class:"sort-wrap"},a("biggive-form-field-select",{key:"d56d94c0edd3e5fcd0a9792c3a623158d0247bea",options:t,prompt:null,"select-style":"underlined",placeholder:this.sortByPlaceholderText,selectedLabel:this.selectedSortByOption,selectedValue:this.getSelectedValue(),selectionChanged:this.sortBySelectionChanged,id:"sort-by"},a("biggive-form-field-select-option",{key:"d2c48236d24a187f7f6a0c1d6b19a677164b075d",value:"amountRaised",label:"Most raised"}),a("biggive-form-field-select-option",{key:"26a71e33235df3c3b3893c3c2567356bda95a51b",value:"leastRaised",label:"Least raised"}),a("biggive-form-field-select-option",{key:"425338ab178fb056fcaa34cd99a2034b82537eb4",value:"matchFundsRemaining",label:"Most funds remaining"}),a("biggive-form-field-select-option",{key:"c830bde748760a1a8bfb1ec4c51a6cb7adb235af",value:"closeToTarget",label:"Nearest target"}),(this.searchText||"").length>0?a("biggive-form-field-select-option",{value:"Relevance",label:"Relevance"}):null))),a("div",{key:"31ddc538b8a2e77d82a39aeaea1273eb1ac55135",class:"selected-filter-wrap"},a("div",{key:"47b7979d0b14fbba0f1468f26af3973fe3ea4f28",class:"selected-filters"},this.selectedFilterCategory&&a("span",{key:"f4fd6cc1214954fcdf238e93a0397ede5ccdb921",class:"button",onClick:()=>{this.removeFilter("categories")}},this.selectedFilterCategory),this.selectedFilterBeneficiary&&a("span",{key:"946143a1693b5d8a5e2042de52e37d9a4841bc0f",class:"button",onClick:()=>{this.removeFilter("beneficiaries")}},this.selectedFilterBeneficiary),this.selectedFilterLocation&&a("span",{key:"facb50dff01a6b2c39f958ec0034c04dfe479828",class:"button",onClick:()=>{this.removeFilter("locations")}},this.selectedFilterLocation)),a("div",{key:"38c788f63669bc7b2acba4a73839cc6dd049a49a",class:"clear-all"},a("a",{key:"8b8c16bbddb9abbedcfc4cd3c64dff7ae193f6fa",onClick:this.handleClearAll},"Clear all"))),a("div",{key:"df60a79e69ccdf7bcbcfd2c281d10446fb749a8e",class:"campaign-grid"},a("slot",{key:"845cd64aee0efa6aeadb8064d952ae43b4dfb6c7",name:"campaign-grid"}))))}getSelectedValue(){const e=this.selectedSortByOption;if(void 0===e)return;const t=this.getSortOptions().filter((t=>t.label.toLowerCase()===e.toLowerCase()))[0];return null==t?void 0:t.value}getSortOptions(){return Object.getOwnPropertyNames(n).filter((e=>"relevance"!==e||this.hasSearchTerm())).map((e=>({value:e,label:n[e]})))}hasSearchTerm(){return"string"==typeof this.searchText&&this.searchText.length>0}optionsToArray(e){return"string"==typeof e&&(e=JSON.parse(e)),Array.isArray(e)?e.map((e=>({value:e,label:e}))):Object.entries(e).map((e=>({value:e[0],label:e[1]})))}get el(){return this}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:content}.select-wrapper-1,.select-wrapper-2,.select-wrapper-3,.select-wrapper-4{position:relative;margin-top:1em}.select-wrapper-1{z-index:4}.select-wrapper-2{z-index:3}.select-wrapper-3{z-index:2}.select-wrapper-4{z-index:1}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative}.container .search-wrap{background-color:#FFFFFF;padding:15px 30px;margin-bottom:15px}.container .search-wrap h4{margin-bottom:15px}.container .search-wrap .field-wrap{display:flex;justify-content:space-between}.container .search-wrap .field-wrap .input-wrap{display:flex;justify-content:space-between;padding-bottom:5px;border-bottom:1px solid #000000;margin-right:30px;flex-grow:1}.container .search-wrap .field-wrap .input-wrap input{border:0}.container .search-wrap .field-wrap button{padding:5px 30px}.selected-filter-wrap{display:flex;margin-bottom:23px;padding:0}.selected-filter-wrap .button{margin-bottom:7px;display:inline-block;cursor:pointer;border-radius:20px;padding:5px 50px 5px 20px;margin-right:15px;background-color:#FF7272;color:#000000;border:1px solid #FF7272;text-decoration:none;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTguNCAxOC40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOC40IDE4LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7c3Ryb2tlOiMwMDAwMDA7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOS4yLDguNUwxNywwLjdsMC43LDAuN0w5LjksOS4ybDcuOCw3LjhMMTcsMTcuN0w5LjIsOS45bC03LjgsNy44TDAuNywxN2w3LjgtNy44TDAuNywxLjRsMC43LTAuN0w5LjIsOC41eiIvPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:right 20px center;background-size:12px auto}.selected-filter-wrap .button:hover{background-color:#FFFFFF;color:#000000}.selected-filter-wrap .clear-all{margin-left:auto}.selected-filter-wrap .clear-all a{display:inline-block;cursor:pointer;border-radius:20px;padding:5px 20px;background-color:#2C089B;color:#FFFFFF;border:1px solid #2C089B;text-decoration:none}.selected-filter-wrap .clear-all a:hover{background-color:#FFFFFF;color:#2C089B}.sort-filter-wrap{display:flex;justify-content:flex-end;margin-bottom:30px;padding:0;text-align:right;display:flex}.sort-filter-wrap .clear-all{cursor:pointer;vertical-align:center;margin-top:auto;margin-bottom:auto}.sort-filter-wrap .sort-wrap{margin-left:15px}.sort-filter-wrap .filter-wrap{background-color:#F6F6F6;margin-left:15px}.sort-filter-wrap .filter-wrap .button.filter{padding-left:60px;padding-right:30px}.sort-filter-wrap .filter-wrap .button.filter .filter-icon{content:"";display:block;position:absolute;left:25px;top:17px;width:13px;height:13px}.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg{width:100%;height:auto;vertical-align:top}.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg:hover{fill:#2C089B}.icon{height:1rem;width:2rem;vertical-align:-0.125rem;margin:auto}.icon>path{fill:#2C089B}.icon-clear-all>path{fill:#000000}@media screen and (max-width: 450px){.sort-filter-wrap{flex-direction:column-reverse}.sort-filter-wrap .sort-wrap{margin-top:20px;margin-bottom:20px}}@media screen and (max-width: 350px){.sort-filter-wrap{justify-content:space-between}.sort-filter-wrap .sort-wrap{margin-left:0px}.sort-filter-wrap .filter-wrap{margin-left:3px}}.align-right{text-align:right}.input-text{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text::placeholder{color:#4A4A4A}.text-colour-primary{color:#2C089B}'}},[257,"biggive-campaign-card-filter-grid",{spaceBelow:[2,"space-below"],intro:[1],searchText:[1,"search-text"],placeholderText:[1,"placeholder-text"],buttonText:[1,"button-text"],categoryOptions:[1,"category-options"],beneficiaryOptions:[1,"beneficiary-options"],locationOptions:[1,"location-options"],selectedSortByOption:[1025,"selected-sort-by-option"],selectedFilterCategory:[1025,"selected-filter-category"],selectedFilterBeneficiary:[1025,"selected-filter-beneficiary"],selectedFilterLocation:[1025,"selected-filter-location"],filtersApplied:[32],unfocusInputs:[64]}]),p=d,b=function(){"undefined"!=typeof customElements&&["biggive-campaign-card-filter-grid","biggive-button","biggive-form-field-select","biggive-popup"].forEach((e=>{switch(e){case"biggive-campaign-card-filter-grid":customElements.get(l(e))||customElements.define(l(e),d);break;case"biggive-button":customElements.get(l(e))||r();break;case"biggive-form-field-select":customElements.get(l(e))||o();break;case"biggive-popup":customElements.get(l(e))||c()}}))};export{p as BiggiveCampaignCardFilterGrid,b as defineCustomElement}
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as a,transformTag as s}from"@stencil/core/internal/client";import{f as l}from"./index2.js";import{d as o}from"./biggive-button2.js";import{d as r}from"./biggive-form-field-select2.js";import{d as c}from"./biggive-popup2.js";const n={relevance:"Relevance",amountRaised:"Most raised",leastRaised:"Least raised",closeToTarget:"Nearest target",matchFundsRemaining:"Most funds remaining"},d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.doSearchAndFilterUpdate=i(this,"doSearchAndFilterUpdate",7),this.doGetLocationFromBrowser=i(this,"doGetLocationFromBrowser",7),this.sortByPlaceholderText="Sort by",this.beneficiariesPlaceHolderText="Select beneficiary",this.categoriesPlaceHolderText="Select category",this.locationsPlaceHolderText="Select location",this.newSelectedFilterCategory=null,this.newSelectedFilterBeneficiary=null,this.newSelectedFilterLocation=null,this.spaceBelow=0,this.intro="Find a charity or project",this.searchText=null,this.placeholderText="Search",this.buttonText="Search",this.selectedFilterCategory=null,this.selectedFilterBeneficiary=null,this.selectedFilterLocation=null,this.enableSearchByLocation=!1,this.fetchingLocation=!1,this.location=void 0,this.categoryFilterSelectionChanged=e=>{this.newSelectedFilterCategory=e},this.beneficiarySelectionChanged=e=>{this.newSelectedFilterBeneficiary=e},this.locationSelectionChanged=e=>{this.newSelectedFilterLocation=e},this.sortBySelectionChanged=e=>{this.selectedSortByOption=e,this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject())},this.handleApplyFilterButtonClick=()=>{var e,t,i,a;this.selectedFilterCategory=null!==(e=this.newSelectedFilterCategory)&&void 0!==e?e:this.selectedFilterCategory,this.selectedFilterBeneficiary=null!==(t=this.newSelectedFilterBeneficiary)&&void 0!==t?t:this.selectedFilterBeneficiary,this.selectedFilterLocation=null!==(i=this.newSelectedFilterLocation)&&void 0!==i?i:this.selectedFilterLocation;const s=this.getSearchAndFilterObject();this.doSearchAndFilterUpdate.emit(s);const l=null===(a=this.el.shadowRoot)||void 0===a?void 0:a.getElementById("filter-popup");l&&l.closeFromOutside(),this.filtersApplied="string"==typeof s.filterBeneficiary||"string"==typeof s.filterCategory||"string"==typeof s.filterLocation},this.handleSearchButtonPressed=()=>{this.unfocusTextInput(),this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject()),this.hasSearchTerm()&&(this.selectedSortByOption="Relevance")},this.handleNearMeButtonPressed=()=>{this.unfocusTextInput(),this.doGetLocationFromBrowser.emit()},this.handleSearchTextChanged=e=>{this.searchText=e.target.value},this.handleEnterPressed=e=>{"Enter"===e.key&&(this.unfocusTextInput(),this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject()))},this.handleFilterButtonClick=()=>{var e;this.newSelectedFilterBeneficiary=this.selectedFilterBeneficiary,this.newSelectedFilterCategory=this.selectedFilterCategory,this.newSelectedFilterLocation=this.selectedFilterLocation;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.getElementById("filter-popup");t&&t.openFromOutside()},this.handleClearAll=()=>{var e;this.unfocusTextInput(),this.filtersApplied=!1,this.searchText=null,this.selectedSortByOption=this.initialSortByOption,this.selectedFilterBeneficiary=null,this.selectedFilterCategory=null,this.selectedFilterLocation=null,["sort-by","categories","beneficiaries","locations","funding"].forEach((e=>{var t;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.getElementById(e);i&&(i.selectedValue=null,i.selectedLabel=null)}));const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".selected-filters");t&&t.querySelectorAll(".button").forEach((e=>{e.remove()})),this.doSearchAndFilterUpdate.emit({searchText:null,sortBy:null,filterCategory:null,filterBeneficiary:null,filterLocation:null})}}async unfocusInputs(){this.unfocusTextInput()}getSearchAndFilterObject(){return{searchText:this.searchText,sortBy:this.selectedSortByOption,filterCategory:this.selectedFilterCategory,filterBeneficiary:this.selectedFilterBeneficiary,filterLocation:this.selectedFilterLocation}}removeFilter(e){var t;switch(e){case"beneficiaries":this.selectedFilterBeneficiary=null;break;case"categories":this.selectedFilterCategory=null;break;case"locations":this.selectedFilterLocation=null;break;default:console.error(e)}const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.getElementById(e);i&&(i.selectedLabel=null,i.selectedValue=null,this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject()))}unfocusTextInput(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".input-text");null==t||t.blur()}componentWillRender(){this.filtersApplied=null!==this.selectedFilterCategory||null!==this.selectedFilterBeneficiary||null!==this.selectedFilterLocation,this.initialSortByOption=this.selectedSortByOption}render(){var e;const t=this.getSortOptions();return a("div",{key:"ceb2f44c3c853bfdc3da18ad187de4cc5a085ffb",class:"container space-below-"+this.spaceBelow},a("div",{key:"8f6370902bfabe8a9df23e274d05298ca316b12b",class:"sleeve"},a("div",{key:"89fc861fdb61827ab5dbb5cee88a4dfdd0a8abcb",class:"search-wrap"},a("h4",{key:"04363e5852c2347036e52efd75c0acfd83df5901"},this.intro),a("div",{key:"dd18cb11be900192f0a5a26f027b0102453e50ad",class:"field-wrap"},a("div",{key:"a9798f3d6943cfb5494452bf23ea5ce03c288a45",class:"input-wrap"},a("svg",{key:"9296bccad620aaba713b252fb31c7f3efd4b1a96",xmlns:"http://www.w3.org/2000/svg",class:"icon",viewBox:"0 0 512 512"},a("path",{key:"718a7766577cf08ba55ebae64b60b312cfcf8edf",d:""+l.icon[4]})),a("input",{key:"e89ff0c306417359e72597edf932166970e01702",type:"text",value:null!==(e=this.searchText)&&void 0!==e?e:"",class:"input-text",placeholder:this.placeholderText,onInput:this.handleSearchTextChanged,onKeyDown:this.handleEnterPressed})),a("biggive-button",{key:"7713463cc5c611be7e96290c91da7691c3bba5e4",onDoButtonClick:this.handleSearchButtonPressed,label:this.buttonText}))),a("div",{key:"eb4ac758e446eda26be72dad7239fd525c520c39",class:"sort-filter-wrap"},this.enableSearchByLocation&&this.offerNearMeOption&&a("biggive-button",{key:"6f571b4193453203cc11cb99c42a475e0360b69d",class:"filter",colourScheme:"primary",onDoButtonClick:this.handleNearMeButtonPressed,label:this.fetchingLocation?"Fetching location...":"Charities near me",disabled:this.fetchingLocation,fullWidth:!0,"space-below":"0"}),a("div",{key:"07fa78bea86edf2b60492b42e8e91ff9b44e9830",class:"filter-wrap"},a("biggive-button",{key:"0f6775e87d80f1b91dd57ef39260838932dd099d",class:"filter",colourScheme:"primary",onDoButtonClick:this.handleFilterButtonClick,label:"Filter",fullWidth:!0,"space-below":"0"}),a("biggive-popup",{key:"fe87d7b2fc75583f421855eee6dd22132ec77096",id:"filter-popup"},a("h4",{key:"50cc5ea69df122c34ff8bc615088f7a7e07d992e",class:"space-above-0 space-below-3 text-colour-primary"},"Filters"),a("div",{key:"c0354b38830bb635e19ad38dfd306e41b72aedff",class:"select-wrapper-1"},a("biggive-form-field-select",{key:"a1ce6c7b5c956e01958a74f98d6a1238486dd511",backgroundColour:"white",prompt:"Category",placeholder:this.categoriesPlaceHolderText,selectedLabel:this.selectedFilterCategory,selectedValue:this.selectedFilterCategory,options:this.optionsToArray(this.categoryOptions||[]),selectionChanged:this.categoryFilterSelectionChanged,id:"categories","space-below":"2"})),a("div",{key:"6cc0dbeb1c98470bdce24faf880210f64e0edd72",class:"select-wrapper-2"},a("biggive-form-field-select",{key:"5109c83967e666a5254814ddaf822cffbda2b6af",backgroundColour:"white",prompt:"Beneficiary",placeholder:this.beneficiariesPlaceHolderText,selectedLabel:this.selectedFilterBeneficiary,selectedValue:this.selectedFilterBeneficiary,options:this.optionsToArray(this.beneficiaryOptions||[]),selectionChanged:this.beneficiarySelectionChanged,id:"beneficiaries","space-below":"2"})),a("div",{key:"213fb6972e212a3ed593445701e55cd9c9df4e70",class:"select-wrapper-3"},a("biggive-form-field-select",{key:"c5f0c913deb5b3eb1cdde23cc4f59fd4d856bdc7",backgroundColour:"white",prompt:"Location",placeholder:this.locationsPlaceHolderText,selectedLabel:this.selectedFilterLocation,selectedValue:this.selectedFilterLocation,options:this.optionsToArray(this.locationOptions||[]),selectionChanged:this.locationSelectionChanged,id:"locations","space-below":"2"})),a("div",{key:"d5ebed141c6f2df713044838802e41d59a99c033",class:"align-right"},a("biggive-button",{key:"5fe81bf0b04ef44618264aa4dae4b31df44f74c2",label:"Apply filters",onDoButtonClick:this.handleApplyFilterButtonClick})))),a("div",{key:"36cbb004dc2c0b3d6435c853893f279f7cc2a0b4",class:"sort-wrap"},a("biggive-form-field-select",{key:"ce1b686a810d10452ef1c2fabf346117cd3990c4",options:t,prompt:null,"select-style":"underlined",placeholder:this.sortByPlaceholderText,selectedLabel:this.selectedSortByOption,selectedValue:this.getSelectedValue(),selectionChanged:this.sortBySelectionChanged,id:"sort-by"},a("biggive-form-field-select-option",{key:"eb016dccffc6b0c63de001ec5e7c15c0215f58f7",value:"amountRaised",label:"Most raised"}),a("biggive-form-field-select-option",{key:"4df7ba1f42d0bb2d1e53c2e40db788bc4862ffed",value:"leastRaised",label:"Least raised"}),a("biggive-form-field-select-option",{key:"6ee1373b12f664ffc9b2d86fbfae71c5ee89c808",value:"matchFundsRemaining",label:"Most funds remaining"}),a("biggive-form-field-select-option",{key:"e2cf6339701f3f03fd1a1a1ddd55a697db189b64",value:"closeToTarget",label:"Nearest target"}),(this.searchText||"").length>0?a("biggive-form-field-select-option",{value:"Relevance",label:"Relevance"}):null))),a("div",{key:"f6e3bf0f207f735c91b9053f43b1a75a6ec33b34",class:"selected-filter-wrap"},a("div",{key:"bfdbb504e478326031d977b1af88f2cc74d2f841",class:"selected-filters"},this.selectedFilterCategory&&a("span",{key:"bbb0ea75b53fed704a910faa8962bd9f70454b25",class:"button",onClick:()=>{this.removeFilter("categories")}},this.selectedFilterCategory),this.selectedFilterBeneficiary&&a("span",{key:"5d391afc2dfd66119892f7b77038125e5703728e",class:"button",onClick:()=>{this.removeFilter("beneficiaries")}},this.selectedFilterBeneficiary),this.selectedFilterLocation&&a("span",{key:"bc7b957d2d76cdfede96921c0a006da77690b3fc",class:"button",onClick:()=>{this.removeFilter("locations")}},this.selectedFilterLocation)),a("div",{key:"bf228470ec15507617fa98b20eda6b2584ca359d",class:"clear-all"},a("a",{key:"5e210df20d0dc4951b98888958d03ff0ed74cf0c",onClick:this.handleClearAll},"Clear all"))),a("div",{key:"155ef43b9888223f6a480130df3aa47bafd78741",class:"campaign-grid"},a("slot",{key:"ee3ff728b4ce9a11e33401236ccee3a581ef39a0",name:"campaign-grid"}))))}getSelectedValue(){const e=this.selectedSortByOption;if(void 0===e)return;const t=this.getSortOptions().filter((t=>t.label.toLowerCase()===e.toLowerCase()))[0];return null==t?void 0:t.value}getSortOptions(){return Object.getOwnPropertyNames(n).filter((e=>"relevance"!==e||this.hasSearchTerm())).map((e=>({value:e,label:n[e]})))}hasSearchTerm(){return"string"==typeof this.searchText&&this.searchText.length>0}optionsToArray(e){return"string"==typeof e&&(e=JSON.parse(e)),Array.isArray(e)?e.map((e=>({value:e,label:e}))):Object.entries(e).map((e=>({value:e[0],label:e[1]})))}get el(){return this}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:content}.select-wrapper-1,.select-wrapper-2,.select-wrapper-3,.select-wrapper-4{position:relative;margin-top:1em}.select-wrapper-1{z-index:4}.select-wrapper-2{z-index:3}.select-wrapper-3{z-index:2}.select-wrapper-4{z-index:1}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative}.container .search-wrap{background-color:#FFFFFF;padding:15px 30px;margin-bottom:15px}.container .search-wrap h4{margin-bottom:15px}.container .search-wrap .field-wrap{display:flex;justify-content:space-between}.container .search-wrap .field-wrap .input-wrap{display:flex;justify-content:space-between;padding-bottom:5px;border-bottom:1px solid #000000;margin-right:30px;flex-grow:1}.container .search-wrap .field-wrap .input-wrap input{border:0}.container .search-wrap .field-wrap button{padding:5px 30px}.selected-filter-wrap{display:flex;margin-bottom:23px;padding:0}.selected-filter-wrap .button{margin-bottom:7px;display:inline-block;cursor:pointer;border-radius:20px;padding:5px 50px 5px 20px;margin-right:15px;background-color:#FF7272;color:#000000;border:1px solid #FF7272;text-decoration:none;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTguNCAxOC40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOC40IDE4LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7c3Ryb2tlOiMwMDAwMDA7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOS4yLDguNUwxNywwLjdsMC43LDAuN0w5LjksOS4ybDcuOCw3LjhMMTcsMTcuN0w5LjIsOS45bC03LjgsNy44TDAuNywxN2w3LjgtNy44TDAuNywxLjRsMC43LTAuN0w5LjIsOC41eiIvPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:right 20px center;background-size:12px auto}.selected-filter-wrap .button:hover{background-color:#FFFFFF;color:#000000}.selected-filter-wrap .clear-all{margin-left:auto}.selected-filter-wrap .clear-all a{display:inline-block;cursor:pointer;border-radius:20px;padding:5px 20px;background-color:#2C089B;color:#FFFFFF;border:1px solid #2C089B;text-decoration:none}.selected-filter-wrap .clear-all a:hover{background-color:#FFFFFF;color:#2C089B}.sort-filter-wrap{display:flex;justify-content:flex-end;margin-bottom:30px;padding:0;text-align:right;display:flex}.sort-filter-wrap .clear-all{cursor:pointer;vertical-align:center;margin-top:auto;margin-bottom:auto}.sort-filter-wrap .sort-wrap{margin-left:15px}.sort-filter-wrap .filter-wrap{background-color:#F6F6F6;margin-left:15px}.sort-filter-wrap .filter-wrap .button.filter{padding-left:60px;padding-right:30px}.sort-filter-wrap .filter-wrap .button.filter .filter-icon{content:"";display:block;position:absolute;left:25px;top:17px;width:13px;height:13px}.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg{width:100%;height:auto;vertical-align:top}.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg:hover{fill:#2C089B}.icon{height:1rem;width:2rem;vertical-align:-0.125rem;margin:auto}.icon>path{fill:#2C089B}.icon-clear-all>path{fill:#000000}@media screen and (max-width: 450px){.sort-filter-wrap{flex-direction:column-reverse}.sort-filter-wrap .sort-wrap{margin-top:20px;margin-bottom:20px}}@media screen and (max-width: 350px){.sort-filter-wrap{justify-content:space-between}.sort-filter-wrap .sort-wrap{margin-left:0px}.sort-filter-wrap .filter-wrap{margin-left:3px}}.align-right{text-align:right}.input-text{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text::placeholder{color:#4A4A4A}.text-colour-primary{color:#2C089B}'}},[257,"biggive-campaign-card-filter-grid",{spaceBelow:[2,"space-below"],intro:[1],searchText:[1,"search-text"],placeholderText:[1,"placeholder-text"],buttonText:[1,"button-text"],categoryOptions:[1,"category-options"],beneficiaryOptions:[1,"beneficiary-options"],locationOptions:[1,"location-options"],selectedSortByOption:[1025,"selected-sort-by-option"],selectedFilterCategory:[1025,"selected-filter-category"],selectedFilterBeneficiary:[1025,"selected-filter-beneficiary"],selectedFilterLocation:[1025,"selected-filter-location"],enableSearchByLocation:[4,"enable-search-by-location"],offerNearMeOption:[4,"offer-near-me-option"],fetchingLocation:[4,"fetching-location"],location:[16],filtersApplied:[32],unfocusInputs:[64]}]),p=d,f=function(){"undefined"!=typeof customElements&&["biggive-campaign-card-filter-grid","biggive-button","biggive-form-field-select","biggive-popup"].forEach((e=>{switch(e){case"biggive-campaign-card-filter-grid":customElements.get(s(e))||customElements.define(s(e),d);break;case"biggive-button":customElements.get(s(e))||o();break;case"biggive-form-field-select":customElements.get(s(e))||r();break;case"biggive-popup":customElements.get(s(e))||c()}}))};export{p as BiggiveCampaignCardFilterGrid,f as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as t,createEvent as
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as t,createEvent as a,h as i,transformTag as o}from"@stencil/core/internal/client";import{d as n}from"./biggive-button2.js";import{d as r}from"./biggive-misc-icon2.js";import{d as s}from"./biggive-progress-bar2.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.doCardGeneralClick=a(this,"doCardGeneralClick",7),this.spaceBelow=4,this.donateButtonLabel="Donate now",this.donateButtonColourScheme="primary",this.moreInfoButtonLabel="Find out more",this.moreInfoButtonColourScheme="clear-primary",this.isFutureCampaign=!1,this.isPastCampaign=!1,this.handleCardGeneralClick=e=>{this.doCardGeneralClick.emit({event:e,url:this.moreInfoButtonUrl})}}isEmpty(e){return null==e||""===e}render(){return i("div",{key:"319985f7b32754f323941126da3e14b50a14ebe3",class:"container space-below-"+this.spaceBelow},i("div",{key:"31b9adc9d26688a04babd7de6ec863df8e5fb984",class:"sleeve"},i("div",{key:"e3a9067edacce4985038bb4d92929c0bc5c8151e",onClick:this.handleCardGeneralClick,class:"above-button-wrap"},null!==this.campaignType?i("div",{class:"campaign-type"},i("span",null,this.campaignType)):null,i("div",null!=this.banner?{class:"image-wrap banner",role:"presentation",style:{"background-image":"url("+this.banner+")"}}:{class:"image-wrap banner"}),i("div",{key:"dd4d04a159af990a2023a06912321fff42368727",class:"title-wrap"},i("h3",{key:"2ff55ab537792164659b1b435b330292a037840b"},this.campaignTitle),i("div",{key:"4a70987a57ae638317c30b21e9d5c422f7d5f779",class:"organisation-name"},"By ",this.organisationName)),this.isEmpty(this.primaryFigureAmount)&&this.isEmpty(this.secondaryFigureAmount)?null:i("div",{class:"meta-wrap"},this.isEmpty(this.primaryFigureAmount)?null:i("div",{class:"meta-item"},i("span",{class:"label"},this.primaryFigureLabel),i("span",{class:"text"},this.primaryFigureAmount)),this.isEmpty(this.secondaryFigureAmount)?null:i("div",{class:"meta-item"},i("span",{class:"label"},this.secondaryFigureLabel),i("span",{class:"text"},this.secondaryFigureAmount))),this.isEmpty(this.progressBarCounter)?i("div",{class:"progress-bar-wrap",style:{visibility:"hidden"}},i("biggive-progress-bar",{counter:0,"colour-scheme":"primary"})):i("div",{class:"progress-bar-wrap"},i("biggive-progress-bar",{counter:this.progressBarCounter,"colour-scheme":"primary"}))),i("div",{key:"46f8ebfd1fc425610e6ef5fa87376659495890da",class:"button-wrap"},this.isFutureCampaign||this.isPastCampaign?i("div",{class:"msg-wrapper"},i("biggive-misc-icon",{"background-colour":"white","icon-colour":"black",icon:"Timer"}),i("p",null,this.isFutureCampaign?"Launches ":"Closed ",this.datetime)):i("biggive-button",{"full-width":"true","colour-scheme":this.donateButtonColourScheme,url:this.donateButtonUrl,label:this.donateButtonLabel}),i("biggive-button",{key:"13362b0cf844a93315672123f464c41482c9b65d","full-width":"true","colour-scheme":this.moreInfoButtonColourScheme,url:this.moreInfoButtonUrl,label:this.moreInfoButtonLabel}))))}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{display:flex;flex-direction:column;font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;margin-right:10px;margin-left:10px;cursor:pointer;position:relative;height:100%;background-color:#FFFFFF;padding:15px;box-sizing:border-box}.container .sleeve{display:flex;flex-direction:column;height:100%}.container .sleeve .above-button-wrap{flex-grow:1;display:flex;flex-direction:column}.container .sleeve .above-button-wrap .title-wrap{flex-grow:1}.container .campaign-type{position:absolute;top:0;left:0;right:0;text-align:center;font-weight:bold}.container .campaign-type span{background-color:#2AF135;color:#000000;padding:5px 15px;display:inline-block}.container .banner{top:0;margin-top:19px;padding-bottom:30.555%;background-color:#F1F1F1;background-size:contain;background-repeat:no-repeat}.container .banner img{display:none}.container h3{font-size:20px;line-height:24px;font-weight:bold}.container .button{display:block}.container .organisation-name{margin-bottom:30px;color:#2C089B}.container .meta-wrap{display:flex;justify-content:space-between;margin-top:auto;margin-bottom:15px}.container .meta-wrap .meta-item{width:calc(50% - 15px)}.container .meta-wrap .meta-item .label{font-size:13px;line-height:17px;display:block}.container .meta-wrap .meta-item .text{font-size:25px;line-height:32px;font-weight:bold;display:block}.container .meta-wrap .meta-item:last-child{text-align:right}.container .meta-wrap .meta-item:last-child .text{color:#2C089B}.container .progress-bar-wrap{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #E8E8E8}.container .msg-wrapper{display:flex;justify-content:center}.container .msg-wrapper biggive-misc-icon{margin-top:auto;margin-bottom:auto}.container .msg-wrapper p{text-align:center}@media screen and (max-width: 1200px){.container .msg-wrapper p{font-size:15px}}'}},[1,"biggive-campaign-card",{spaceBelow:[2,"space-below"],campaignType:[1,"campaign-type"],banner:[1],campaignTitle:[1,"campaign-title"],organisationName:[1,"organisation-name"],primaryFigureLabel:[1,"primary-figure-label"],primaryFigureAmount:[1,"primary-figure-amount"],secondaryFigureLabel:[1,"secondary-figure-label"],secondaryFigureAmount:[1,"secondary-figure-amount"],progressBarCounter:[2,"progress-bar-counter"],donateButtonLabel:[1,"donate-button-label"],donateButtonUrl:[1,"donate-button-url"],donateButtonColourScheme:[1,"donate-button-colour-scheme"],moreInfoButtonLabel:[1,"more-info-button-label"],moreInfoButtonUrl:[1,"more-info-button-url"],moreInfoButtonColourScheme:[1,"more-info-button-colour-scheme"],isFutureCampaign:[4,"is-future-campaign"],isPastCampaign:[4,"is-past-campaign"],datetime:[1]}]),l=c,p=function(){"undefined"!=typeof customElements&&["biggive-campaign-card","biggive-button","biggive-misc-icon","biggive-progress-bar"].forEach((e=>{switch(e){case"biggive-campaign-card":customElements.get(o(e))||customElements.define(o(e),c);break;case"biggive-button":customElements.get(o(e))||n();break;case"biggive-misc-icon":customElements.get(o(e))||r();break;case"biggive-progress-bar":customElements.get(o(e))||s()}}))};export{l as BiggiveCampaignCard,p as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as a,h as t,transformTag as i}from"@stencil/core/internal/client";import{d as n}from"./biggive-misc-icon2.js";import{d as o}from"./biggive-progress-bar2.js";const
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as a,h as t,transformTag as i}from"@stencil/core/internal/client";import{d as n}from"./biggive-misc-icon2.js";import{d as o}from"./biggive-progress-bar2.js";const r=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.progressBarCounter=void 0}render(){return t("div",{key:"9f7b92fd96e95021a71987c5aef0eed8f14e76e4",class:"container space-below-"+this.spaceBelow},t("div",{key:"10ff0d3f979dfc66fbdf4bd5c09ff0be27e6941e",class:"sleeve"},null!=this.campaignTitle?t("div",{class:"campaign-title"},t("span",null,this.campaignTitle)):null,null!=this.banner?t("div",{class:"image-wrap banner",style:{"background-image":"url("+this.banner+")"}},t("img",{src:this.banner,class:"banner"})):null,t("div",{key:"68fc5a95cf81ace178ede53c4799842917ec0e5a",class:"meta-wrap"},t("div",{key:"0598325d1a48e4015124ac0a507aa5a54cf48f33",class:"meta-item"},t("span",{key:"de6e984c1c5f0b76125fad60b34662da17a9f562",class:"label"},this.primaryFigureLabel),t("span",{key:"8f5472d5b9abe458bd53678ca4e09e716068ed00",class:"text"},this.primaryFigureAmount)),t("div",{key:"9b297b7676f3d5de45cd865217ed044bc967cd05",class:"meta-item"},t("span",{key:"f9984f6796ecb4b3f4e8a865dae1f5fa6a6a28a2",class:"label"},this.secondaryFigureLabel),t("span",{key:"49d721e8a7770a47058cfedfb6d8cebf21278678",class:"text"},this.secondaryFigureAmount))),t("div",{key:"e503a6feb8ca10c0607a443b533386cfab4077ec",class:"progress-bar-wrap"},t("biggive-progress-bar",{key:"357e686fafabb28cb0979ab0871751488930e98f",counter:this.progressBarCounter,"colour-scheme":"primary"})),t("div",{key:"798f20551aa3d6c3acdf5ba9e061281bbcb2d607",class:"stat-wrap"},null!=this.primaryStatIcon?t("div",{class:"stat-item"},t("biggive-misc-icon",{icon:this.primaryStatIcon,"background-colour":"white","icon-colour":"tertiary"}),t("span",{class:"label"},this.primaryStatText)):null,null!=this.secondaryStatIcon?t("div",{class:"stat-item"},t("biggive-misc-icon",{icon:this.secondaryStatIcon,"background-colour":"white","icon-colour":"tertiary"}),t("span",{class:"label"},this.secondaryStatText)):null),null!=this.championName?t("div",{class:"championed-by"},"Championed by ",t("a",{href:this.championUrl},this.championName)):null))}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;background-color:#FFFFFF;padding:25px;box-sizing:border-box;height:fit-content}.container .campaign-title{position:absolute;top:0;left:0;right:0;text-align:center;font-weight:bold}.container .campaign-title span{background-color:#2AF135;color:#000000;padding:5px 15px;display:inline-block}.container .banner{top:0;margin-top:19px;padding-bottom:30.555%;background-color:#F1F1F1;background-size:contain;background-repeat:no-repeat;margin-bottom:30px}.container .banner img{display:none}.container .meta-wrap{display:flex;justify-content:space-between;margin-top:auto;margin-bottom:15px}.container .meta-wrap .meta-item{width:calc(50% - 15px)}.container .meta-wrap .meta-item .label{font-size:16px;line-height:22px;display:block}.container .meta-wrap .meta-item .text{font-size:25px;line-height:32px;font-weight:bold;display:block}@media screen and (max-width: 768px){.container .meta-wrap .meta-item .text{font-size:23px}}@media screen and (max-width: 576px){.container .meta-wrap .meta-item .text{font-size:21px}}@media screen and (max-width: 450px){.container .meta-wrap .meta-item .text{font-size:17px}}.container .meta-wrap .meta-item:last-child{text-align:right}.container .meta-wrap .meta-item:last-child .text{color:#2C089B}.container .progress-bar-wrap{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #E8E8E8}.container .stat-wrap{display:flex;justify-content:space-between}.container .stat-wrap .stat-item{font-size:17px;line-height:24px;font-weight:bold;width:calc(50% - 15px);margin:auto 0 auto 15px}.container .stat-wrap .stat-item .label{position:relative;bottom:7px}@media screen and (max-width: 576px){.container .stat-wrap .stat-item{font-size:16px;line-height:22px;margin:auto 0;text-align:center}.container .stat-wrap .stat-item .label{bottom:5px}}.container .stat-wrap .stat-item svg{fill:#FF7272}.container .championed-by{text-align:left;margin-left:20px;margin-top:20px;color:#000000;font-size:15px}@media screen and (max-width: 768px){.container .championed-by{font-size:14px}}@media screen and (max-width: 576px){.container .championed-by{text-align:center;margin-left:0;margin-bottom:10px;font-size:13px}}@media screen and (max-width: 450px){.container .championed-by{font-size:12px}}.container .championed-by a{text-decoration:none;font-weight:bold;color:#2C089B}@media screen and (max-width: 450px){.container .championed-by a{display:block}}@media screen and (max-width: 576px){.container{padding:15px}}'}},[1,"biggive-campaign-highlights",{spaceBelow:[2,"space-below"],banner:[1],campaignTitle:[1,"campaign-title"],primaryFigureLabel:[1,"primary-figure-label"],primaryFigureAmount:[1,"primary-figure-amount"],secondaryFigureLabel:[1,"secondary-figure-label"],secondaryFigureAmount:[1,"secondary-figure-amount"],progressBarCounter:[2,"progress-bar-counter"],primaryStatIcon:[1,"primary-stat-icon"],primaryStatText:[1,"primary-stat-text"],secondaryStatIcon:[1,"secondary-stat-icon"],secondaryStatText:[1,"secondary-stat-text"],championName:[1,"champion-name"],championUrl:[1,"champion-url"]}]),s=r,c=function(){"undefined"!=typeof customElements&&["biggive-campaign-highlights","biggive-misc-icon","biggive-progress-bar"].forEach((e=>{switch(e){case"biggive-campaign-highlights":customElements.get(i(e))||customElements.define(i(e),r);break;case"biggive-misc-icon":customElements.get(i(e))||n();break;case"biggive-progress-bar":customElements.get(i(e))||o()}}))};export{s as BiggiveCampaignHighlights,c as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as o,HTMLElement as r,h as e,transformTag as c}from"@stencil/core/internal/client";const l=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.backgroundColour="primary",this.backgroundImageUrl="",this.cardColour="white",this.textColour="black",this.clipBottomLeftCorner=!0,this.clipTopRightCorner=!0,this.headingLevel=3}render(){return e("div",{key:"
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as r,h as e,transformTag as c}from"@stencil/core/internal/client";const l=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.backgroundColour="primary",this.backgroundImageUrl="",this.cardColour="white",this.textColour="black",this.clipBottomLeftCorner=!0,this.clipTopRightCorner=!0,this.headingLevel=3}render(){return e("div",{key:"47ee6dfc2909a88bb6f5541ebb000895bae8c7be",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour,style:{"background-image":"url('"+this.backgroundImageUrl+"')"}},e("div",{key:"40f1e496b071ef095ae70235365b4ea02e2996d2",class:"sleeve background-colour-"+this.cardColour+" text-colour-"+this.textColour},e("slot",{key:"d2ab445448fbdde1c3b265e342ab2ac7b9bca914"})))}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;background-size:cover;background-position:center center;padding:15px;height:100%;white-space:pre-wrap}.container .sleeve{padding:45px 15px;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 .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}'}},[257,"biggive-container-card",{spaceBelow:[2,"space-below"],backgroundColour:[1,"background-colour"],backgroundImageUrl:[1,"background-image-url"],cardColour:[1,"card-colour"],textColour:[1,"text-colour"],clipBottomLeftCorner:[4,"clip-bottom-left-corner"],clipTopRightCorner:[4,"clip-top-right-corner"],headingLevel:[2,"heading-level"]}]),a=l,n=function(){"undefined"!=typeof customElements&&["biggive-container-card"].forEach((o=>{"biggive-container-card"===o&&(customElements.get(c(o))||customElements.define(c(o),l))}))};export{a as BiggiveContainerCard,n as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as o,createEvent as r,h as c,transformTag as a}from"@stencil/core/internal/client";import{d as l}from"./biggive-button2.js";import{d as t}from"./biggive-popup2.js";const n=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.preferenceModalClosed=r(this,"preferenceModalClosed",7),this.cookieBannerAcceptAllSelected=r(this,"cookieBannerAcceptAllSelected",7),this.cookieBannerSavePreferencesSelected=r(this,"cookieBannerSavePreferencesSelected",7),this.autoOpenPreferences=!1,this.previouslyAgreedCookiePreferences=void 0,this.handleChoosePrefencesClick=()=>{var e;const o=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.getElementById("cookie-preferences-popup");null==o||o.openFromOutside()},this.handleAcceptSelectedCookies=()=>{var e,o,r;const c=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.getElementById("cookie-preferences-popup");null==c||c.closeFromOutside();const a=null===(o=this.el.shadowRoot)||void 0===o?void 0:o.getElementById("a-and-t-on"),l=null===(r=this.el.shadowRoot)||void 0===r?void 0:r.getElementById("third-party-on");this.cookieBannerSavePreferencesSelected.emit({analyticsAndTesting:a.checked,thirdParty:l.checked}),null==c||c.closeFromOutside()},this.handleRejectAllClicked=()=>{var e;this.cookieBannerSavePreferencesSelected.emit({analyticsAndTesting:!1,thirdParty:!1});const o=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.getElementById("cookie-preferences-popup");null==o||o.closeFromOutside()},this.handleAcceptAllClick=()=>{this.cookieBannerAcceptAllSelected.emit()}}componentDidLoad(){this.autoOpenPreferencesIfRequested()}autoOpenPreferencesIfRequested(){this.autoOpenPreferences&&this.handleChoosePrefencesClick()}render(){const e=this.previouslyAgreedCookiePreferences||{};return c("div",{key:"2ee762a4640a2e1ff255f9180678cf4dbfd2a598",class:"cooke-consent-container"},c("biggive-popup",{key:"9d39b792cfd48459a51e16a17c212f7aa96cdb35",id:"cookie-preferences-popup",modalClosedCallback:this.preferenceModalClosed.emit},c("div",{key:"6c486081f247c2f9c4dff5b8e3c177e43da36261",class:"content"},c("h4",{key:"547ae87c1d361e0161be3aa6315faac3fb44e6db",class:"space-above-0 space-below-3 text-colour-primary"},"Manage your cookie preferences"),c("form",{key:"ab5a6534d73331e4a5018777cdb8c7cc3b2b149f"},c("div",{key:"027ebb76da24705c89dd0e7af9efc9422df248d5",class:"radio-group"},c("h5",{key:"1c62fe21a32c3bdc848926e724ec40d6576115a3"},"Essential Cookies"),c("p",{key:"98f449597690871d767eac1c1b27a39c4ff18e25"},"These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."),c("input",{key:"4b2052c2f6f27906c81abfbbe865838254dc6051",type:"radio",name:"necassary",id:"necassary-off",disabled:!0}),c("label",{key:"f6ab1b8625211d554247ef4c0cf5d9f799b2515c",htmlFor:"necassary-on"},"Off"),c("input",{key:"272f94637c70e08713e571e7f3b17a1b41146852",type:"radio",name:"necassary",id:"necassary-on",disabled:!0,checked:!0}),c("label",{key:"3e68f999e48edf31e32e1f130650df9a22e7e787",htmlFor:"necassary-on"},"On")),c("div",{key:"3b362a4ce9e7554459548e9cee7ee8ce872bb004",class:"radio-group"},c("h5",{key:"9b8eac4ea8b6af098173981e6025c05bc899e709"},"Analytics & Testing Cookies"),c("p",{key:"000d21c0e10f879a35ac5557e9484c42bfdae312"},"We use analytics cookies to track activity on our website. For example, the pages you’ve visited, the content you’ve engaged with and the search terms you’ve used. This allows us to personalise and improve our content."),c("p",{key:"675349e29fad1b3de7d2fdafcedeee10feb125b6"},"We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance your user experience."),c("input",{key:"0e6d334945abcc1a141d961393d1524c6770de0c",type:"radio",name:"a-and-t",id:"a-and-t-off",checked:!e.analyticsAndTesting}),c("label",{key:"a723fd69b03b9b90ced9520761201a171f792ddb",htmlFor:"a-and-t-off"},"Off"),c("input",{key:"ff4f269d26fc5844cd524c37fc0824ef1398d021",type:"radio",name:"a-and-t",id:"a-and-t-on",checked:!!e.analyticsAndTesting}),c("label",{key:"6ffc75bb6a62603d7a17ad15527f5ca332e7b132",htmlFor:"a-and-t-on"},"On")),c("div",{key:"d329c1108db6cb261d26d90a920eb1849b08f761",class:"radio-group"},c("h5",{key:"130a8ab018ce11ed335a06288267de9e200d7745"},"Third-party Cookies "),c("p",{key:"b8371a30da31cb25675a48af00817259e33b7512"},"These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our donation experience survey."),c("input",{key:"68df1be21a7bd82efd2150b18e6c1ee9d808157e",type:"radio",name:"third-party",id:"third-party-off",checked:!e.thirdParty}),c("label",{key:"d3c37fc2aba4109dbdc17fe55cba69974cf846b4",htmlFor:"third-party-off"},"Off"),c("input",{key:"8be79cae8752cb1ceedb9afbd4ce2dd972c994ed",type:"radio",name:"third-party",id:"third-party-on",checked:!!e.thirdParty}),c("label",{key:"ee33fce47b0e79d2feee1bf62e36ec0e8d65bf18",htmlFor:"third-party-on"},"On")),c("biggive-button",{key:"c741eb5b97a6fbc9f40e48764b9bc8f52eaee224","space-below":"0","space-above":"2","colour-scheme":"secondary","is-past-campaign":"false","is-future-campaign":"false",label:"Accept Selected Cookies","open-in-new-tab":"false","full-width":"false",size:"small",rounded:!1,centered:!1,"button-id":"accept-selected-button",onDoButtonClick:this.handleAcceptSelectedCookies})),c("p",{key:"5765fcffe6d1b541e118ade489a24c0ca8a4be49"},"You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))),c("h2",{key:"e4c18aec6a1d62197fbcd39b1d5e35124160d1f5"},"Our website uses cookies"),c("p",{key:"1e1517603481eb6c64f22c2e1047418b9dcb8b1a"},"We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."),c("p",{key:"efe2d7db5c253eaad3aa5e4a1d5aa72cd97c7459"},c("a",{key:"d8a0d8f6a625a7dea5cbf23860b426ee432e7799",href:this.blogUriPrefix+"/privacy#cookies",target:"_blank"},"Find out more in our Cookies Statement")),c("div",{key:"cf6989bab1ab42986edcc1d178f6eee571a6cbdd",class:"button-group"},c("biggive-button",{key:"ffd8e4435f368a4e269a191366749bf7896acae6",onDoButtonClick:this.handleAcceptAllClick,"space-below":"0","colour-scheme":"secondary","is-past-campaign":"false","is-future-campaign":"false",label:"Accept All","open-in-new-tab":"false","full-width":"true",size:"medium",rounded:!1,centered:!1,"button-id":"accept-all-button"}),c("biggive-button",{key:"07f4bfaec0ce87a2d4c9dd1ad8e48bdb5e27dd62",onDoButtonClick:this.handleRejectAllClicked,"space-below":"0","colour-scheme":"grey-light","is-past-campaign":"false","is-future-campaign":"false",label:"Essential Cookies Only","open-in-new-tab":"false","full-width":"true",size:"medium",rounded:!1,centered:!1,"button-id":"choose-preferences-button"}),c("biggive-button",{key:"66ad770ea7212e6721e0a59d3b6cee34709f23ad",onDoButtonClick:this.handleChoosePrefencesClick,"space-below":"0","colour-scheme":"grey-light","is-past-campaign":"false","is-future-campaign":"false",label:"Choose Preferences","open-in-new-tab":"false","full-width":"true",size:"medium",rounded:!1,centered:!1,"button-id":"choose-preferences-button"})))}get el(){return this}static get watchers(){return{autoOpenPreferences:[{autoOpenPreferencesIfRequested:0}]}}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}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;font-size:16px;line-height:22px;border-radius:10px;background:white;border:1px solid black;max-width:650px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content{max-height:95vh;overflow:auto}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content p{margin-top:5px;margin-bottom:8px}biggive-popup div.content div.radio-group{margin-bottom:30px}'}},[1,"biggive-cookie-banner",{autoOpenPreferences:[4,"auto-open-preferences"],blogUriPrefix:[1,"blog-uri-prefix"],previouslyAgreedCookiePreferences:[16]},void 0,{autoOpenPreferences:[{autoOpenPreferencesIfRequested:0}]}]),i=n,d=function(){"undefined"!=typeof customElements&&["biggive-cookie-banner","biggive-button","biggive-popup"].forEach((e=>{switch(e){case"biggive-cookie-banner":customElements.get(a(e))||customElements.define(a(e),n);break;case"biggive-button":customElements.get(a(e))||l();break;case"biggive-popup":customElements.get(a(e))||t()}}))};export{i as BiggiveCookieBanner,d as defineCustomElement}
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as o,createEvent as r,h as c,transformTag as a}from"@stencil/core/internal/client";import{d as l}from"./biggive-button2.js";import{d as t}from"./biggive-popup2.js";const n=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.preferenceModalClosed=r(this,"preferenceModalClosed",7),this.cookieBannerAcceptAllSelected=r(this,"cookieBannerAcceptAllSelected",7),this.cookieBannerSavePreferencesSelected=r(this,"cookieBannerSavePreferencesSelected",7),this.autoOpenPreferences=!1,this.previouslyAgreedCookiePreferences=void 0,this.handleChoosePrefencesClick=()=>{var e;const o=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.getElementById("cookie-preferences-popup");null==o||o.openFromOutside()},this.handleAcceptSelectedCookies=()=>{var e,o,r;const c=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.getElementById("cookie-preferences-popup");null==c||c.closeFromOutside();const a=null===(o=this.el.shadowRoot)||void 0===o?void 0:o.getElementById("a-and-t-on"),l=null===(r=this.el.shadowRoot)||void 0===r?void 0:r.getElementById("third-party-on");this.cookieBannerSavePreferencesSelected.emit({analyticsAndTesting:a.checked,thirdParty:l.checked}),null==c||c.closeFromOutside()},this.handleRejectAllClicked=()=>{var e;this.cookieBannerSavePreferencesSelected.emit({analyticsAndTesting:!1,thirdParty:!1});const o=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.getElementById("cookie-preferences-popup");null==o||o.closeFromOutside()},this.handleAcceptAllClick=()=>{this.cookieBannerAcceptAllSelected.emit()}}componentDidLoad(){this.autoOpenPreferencesIfRequested()}autoOpenPreferencesIfRequested(){this.autoOpenPreferences&&this.handleChoosePrefencesClick()}render(){const e=this.previouslyAgreedCookiePreferences||{};return c("div",{key:"9da823e571602907e8e9ec5e72c19570f8b800b0",class:"cooke-consent-container"},c("biggive-popup",{key:"ffcffbd90768524bbe53249a0bdec923d05fd3c6",id:"cookie-preferences-popup",modalClosedCallback:this.preferenceModalClosed.emit},c("div",{key:"93ba536ad65df83902d21613cc6d40fb5a216973",class:"content"},c("h4",{key:"6c37d5901a10338547958028826472803608203b",class:"space-above-0 space-below-3 text-colour-primary"},"Manage your cookie preferences"),c("form",{key:"182899dadc23025b01e0e10114e8a15c656edd58"},c("div",{key:"969aaaa10d5815935774f7e54be1a3c5eba1e08f",class:"radio-group"},c("h5",{key:"3088bac52404bbc8b543cef7c04b3d1a6c4b8172"},"Essential Cookies"),c("p",{key:"af6f64f69b4717a3b8108a42979168454da8d74b"},"These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."),c("input",{key:"173d5a20418cd02bc0decd92d888bb2c2b9060e5",type:"radio",name:"necassary",id:"necassary-off",disabled:!0}),c("label",{key:"af5b2d6cbe2eda853d20d49f4bf6c516d2adf5cc",htmlFor:"necassary-on"},"Off"),c("input",{key:"1ebbc370e7017b7572b7283b9d024d3a01a104b3",type:"radio",name:"necassary",id:"necassary-on",disabled:!0,checked:!0}),c("label",{key:"c68ee2097aadc4c46bd3d73bfb3eada851c09539",htmlFor:"necassary-on"},"On")),c("div",{key:"3cf3c7bedfa3cc5fdbdb67f86f5d78508733de03",class:"radio-group"},c("h5",{key:"d70c8d0002bfab361a202e174e39b908f15aa8ec"},"Analytics & Testing Cookies"),c("p",{key:"4d3abcb030535d65f8ce48af40ef3aac6f8e72b9"},"We use analytics cookies to track activity on our website. For example, the pages you’ve visited, the content you’ve engaged with and the search terms you’ve used. This allows us to personalise and improve our content."),c("p",{key:"b8536857ccd8e4bfdbc5a340e36ea3a6504d7d3d"},"We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance your user experience."),c("input",{key:"34e53faec69fee706ddc191747398a03294b40da",type:"radio",name:"a-and-t",id:"a-and-t-off",checked:!e.analyticsAndTesting}),c("label",{key:"9cfedff22a4bada2b4b51c6a7299d28c71630f33",htmlFor:"a-and-t-off"},"Off"),c("input",{key:"d06a9ee4d201b89ca31fa0fa284433c8b3b20799",type:"radio",name:"a-and-t",id:"a-and-t-on",checked:!!e.analyticsAndTesting}),c("label",{key:"4c823880fab576a6cf3ab5badd46abbbf5d12028",htmlFor:"a-and-t-on"},"On")),c("div",{key:"1e2bd14f96e361af703a99c04da52c50cb77cf1b",class:"radio-group"},c("h5",{key:"471a9217bc4173e7c68633d10f131bffc8bf0531"},"Third-party Cookies "),c("p",{key:"43055b98563c4874c2a48e6d91b198036bcf35cf"},"These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our donation experience survey."),c("input",{key:"baaec59647dcaf258bd7ad43463dbfdf6fc4afd9",type:"radio",name:"third-party",id:"third-party-off",checked:!e.thirdParty}),c("label",{key:"4f905ffed2dfeba05f52036dbcbf5530729e5e99",htmlFor:"third-party-off"},"Off"),c("input",{key:"e46c1084e769a0782c065c0f20bb8ea95a9e9aee",type:"radio",name:"third-party",id:"third-party-on",checked:!!e.thirdParty}),c("label",{key:"5842a886c457cdde52730a7149ecf56435bf939f",htmlFor:"third-party-on"},"On")),c("biggive-button",{key:"91fb477d7dc7655b08fdf37aad4ec834e8de8ccd","space-below":"0","space-above":"2","colour-scheme":"secondary","is-past-campaign":"false","is-future-campaign":"false",label:"Accept Selected Cookies","open-in-new-tab":"false","full-width":"false",size:"small",rounded:!1,centered:!1,"button-id":"accept-selected-button",onDoButtonClick:this.handleAcceptSelectedCookies})),c("p",{key:"25d1de6b88a3e0e8edc3882fa739355fdae57449"},"You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))),c("h2",{key:"832c163006c9e8edda8b6d464fc221bb8fee94a2"},"Our website uses cookies"),c("p",{key:"983f374934beff8112fcb5aea4e371578e51b3fe"},"We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."),c("p",{key:"0d29880c9771819f869f5ec37886768a7341533d"},c("a",{key:"d9b38d756ac86a7fae5dd50361ddc311f31ef0d0",href:this.blogUriPrefix+"/privacy#cookies",target:"_blank"},"Find out more in our Cookies Statement")),c("div",{key:"f02dc850e2d9a00f64362c9f99f750efcecbfe38",class:"button-group"},c("biggive-button",{key:"928e97747d7627204b3b858676b8380a7cd94631",onDoButtonClick:this.handleAcceptAllClick,"space-below":"0","colour-scheme":"secondary","is-past-campaign":"false","is-future-campaign":"false",label:"Accept All","open-in-new-tab":"false","full-width":"true",size:"medium",rounded:!1,centered:!1,"button-id":"accept-all-button"}),c("biggive-button",{key:"ab000ed9718a1a8fdd0b202252057e3fe9afb9b2",onDoButtonClick:this.handleRejectAllClicked,"space-below":"0","colour-scheme":"grey-light","is-past-campaign":"false","is-future-campaign":"false",label:"Essential Cookies Only","open-in-new-tab":"false","full-width":"true",size:"medium",rounded:!1,centered:!1,"button-id":"choose-preferences-button"}),c("biggive-button",{key:"526c5068b1ca2621e6a2fe7113c1db29d3f09930",onDoButtonClick:this.handleChoosePrefencesClick,"space-below":"0","colour-scheme":"grey-light","is-past-campaign":"false","is-future-campaign":"false",label:"Choose Preferences","open-in-new-tab":"false","full-width":"true",size:"medium",rounded:!1,centered:!1,"button-id":"choose-preferences-button"})))}get el(){return this}static get watchers(){return{autoOpenPreferences:[{autoOpenPreferencesIfRequested:0}]}}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}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;font-size:16px;line-height:22px;border-radius:10px;background:white;border:1px solid black;max-width:650px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content{max-height:95vh;overflow:auto}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content p{margin-top:5px;margin-bottom:8px}biggive-popup div.content div.radio-group{margin-bottom:30px}'}},[1,"biggive-cookie-banner",{autoOpenPreferences:[4,"auto-open-preferences"],blogUriPrefix:[1,"blog-uri-prefix"],previouslyAgreedCookiePreferences:[16]},void 0,{autoOpenPreferences:[{autoOpenPreferencesIfRequested:0}]}]),i=n,d=function(){"undefined"!=typeof customElements&&["biggive-cookie-banner","biggive-button","biggive-popup"].forEach((e=>{switch(e){case"biggive-cookie-banner":customElements.get(a(e))||customElements.define(a(e),n);break;case"biggive-button":customElements.get(a(e))||l();break;case"biggive-popup":customElements.get(a(e))||t()}}))};export{i as BiggiveCookieBanner,d as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as o,h as t,transformTag as i}from"@stencil/core/internal/client";const
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as o,h as t,transformTag as i}from"@stencil/core/internal/client";const a=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectStyle="bordered",this.selectedOptionColour="blue",this.doOptionSelectCompletedHandler=e=>{const o=e.target.value;this.selectedValue=o,this.selectedLabel=e.target.label,this.selectionChanged(o)},this.spaceBelow=0}render(){const e="grey"===this.backgroundColour?" grey":"";let o=this.formatOptions(this.options);"string"==typeof this.placeholder&&"string"!=typeof this.selectedValue&&(o=[{value:"__placeholder__",label:this.placeholder},...o]),void 0===o&&(console.error("options undefined"),o=[]);const i=this.selectElementId||"select-"+this.getRandomInt().toString();return t("div",{key:"1b0f9c8c81ab0f4d3bb21ea3ef10e24a1eb23c98",class:"selectWrapper"},t("label",{key:"9a4c9ea9774385dceb506c6a71823588c6d33a12",class:e,htmlFor:i},t("div",{key:"441a778c4d417c7b8daf18ea0caada0b421fae25",class:"prompt"+e},this.prompt)),t("div",{key:"29a22d55202a62eaa02ad24caae3de079f651082",class:"dropdown space-below-"+this.spaceBelow+" select-style-"+this.selectStyle+(null===this.prompt?" noprompt":"")+("inherit"===this.selectedOptionColour?" inherit-colour":"")},t("div",{key:"281b7731bdf66d6419aae73d68951bc8df532149",class:"sleeve"},t("select",{key:"de57f5898ffe1122c2cc72442eab0d7da2b52a2c",id:i,class:e,onChange:this.doOptionSelectCompletedHandler,"aria-label":null===this.prompt?this.placeholder:this.prompt},o.map((e=>t("option",{selected:this.selectedValue===e.value,value:e.value},e.label)))),t("div",{key:"e6316c952bcfbd7b8a3ce332a4563f898010abd4",class:"arrow"}))))}formatOptions(e){return void 0===e?[]:("string"==typeof e&&(e=JSON.parse(e)),Array.isArray(e)?e:Object.entries(e).map((e=>({value:e[0],label:e[1]}))))}getRandomInt(){return Math.floor(8999999*Math.random()+1e6)}get el(){return this}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}*,*::before,*::after{box-sizing:border-box}select{appearance:none;border:none;padding:0 1em 0 0;margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;outline:none;display:grid;background-color:#FFFFFF;align-items:center}select.grey{background-color:#F6F6F6}.selectWrapper{position:relative}.prompt{position:absolute;z-index:2;font-size:small;top:-1em;background-color:#FFFFFF;left:4em;padding-left:1em;padding-right:1em;color:#2C089B}.prompt.grey{background-color:#F6F6F6}.dropdown{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.dropdown.select-style-bordered .sleeve{font-size:17px;line-height:24px;padding:2px;position:relative;background-color:#2C089B;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 15px) 0%, 100% 15px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.dropdown.select-style-bordered .sleeve select{color:#2C089B;display:block;position:relative;padding:10px 80px 10px 10px;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 14px) 0%, 100% 14px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.dropdown.select-style-bordered .sleeve select span.placeholder.grey{background-color:#F6F6F6}.dropdown.select-style-bordered .sleeve div.arrow{position:absolute;right:20px;top:18px;width:10px;height:10px;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS4yMzcxNiA2LjYyNDkzQzQuOTAzMjMgNy4xMjUwMiA0LjA5NyA3LjEyNTAyIDMuNzYzMDggNi42MjQ5M0wwLjEyMzg2OCAxLjE3MDYzQy0wLjIxOTk0IDAuNjU1NDU5IDAuMTkyNjMgMS44MzcxZS0wNyAwLjg2MDkwOCAyLjQyMTMyZS0wN0w4LjEzOTMzIDguNzg0MzJlLTA3QzguODA3MTggOS4zNjgxN2UtMDcgOS4yMTk3NSAwLjY1NTQ1OSA4Ljg3NjM3IDEuMTcwNjNMNS4yMzcxNiA2LjYyNDkzWiIgZmlsbD0iIzJDMDg5QiIvPgo8L3N2Zz4K");background-size:contain;background-repeat:no-repeat;background-position:center center;z-index:1;pointer-events:none}.dropdown.select-style-bordered .sleeve:focus-within{background-color:#2AF135}.dropdown.select-style-underlined .sleeve{font-size:17px;line-height:24px;padding:1px;position:relative;border-bottom:1px solid #2C089B}.dropdown.select-style-underlined .sleeve select{color:#2C089B;display:block;position:relative;padding:10px 80px 10px 10px}.dropdown.select-style-underlined .sleeve div.arrow{position:absolute;right:20px;top:18px;width:10px;height:10px;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS4yMzcxNiA2LjYyNDkzQzQuOTAzMjMgNy4xMjUwMiA0LjA5NyA3LjEyNTAyIDMuNzYzMDggNi42MjQ5M0wwLjEyMzg2OCAxLjE3MDYzQy0wLjIxOTk0IDAuNjU1NDU5IDAuMTkyNjMgMS44MzcxZS0wNyAwLjg2MDkwOCAyLjQyMTMyZS0wN0w4LjEzOTMzIDguNzg0MzJlLTA3QzguODA3MTggOS4zNjgxN2UtMDcgOS4yMTk3NSAwLjY1NTQ1OSA4Ljg3NjM3IDEuMTcwNjNMNS4yMzcxNiA2LjYyNDkzWiIgZmlsbD0iIzJDMDg5QiIvPgo8L3N2Zz4K");background-size:contain;background-repeat:no-repeat;background-position:center center;z-index:1;pointer-events:none}.dropdown.inherit-colour select{color:inherit !important}.dropdown select{max-height:200px;overflow-x:hidden;overflow-y:scroll;width:100%;z-index:1;left:0;right:0}.dropdown.active .options{display:block}.dropdown.noprompt{margin-top:0}.options.grey{background-color:#F6F6F6}'}},[1,"biggive-form-field-select",{selectionChanged:[16],prompt:[1],selectedValue:[1025,"selected-value"],selectedLabel:[1025,"selected-label"],options:[1],selectStyle:[1,"select-style"],backgroundColour:[1,"background-colour"],selectedOptionColour:[1,"selected-option-colour"],selectElementId:[1,"select-element-id"],spaceBelow:[2,"space-below"],placeholder:[1]}]);function l(){"undefined"!=typeof customElements&&["biggive-form-field-select"].forEach((e=>{"biggive-form-field-select"===e&&(customElements.get(i(e))||customElements.define(i(e),a))}))}export{a as B,l as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as t,h as s,Host as
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as t,h as s,Host as c,transformTag as o}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s(c,{key:"c9ba74a1b0d168d61c90cb8994f8d9d8f9b8e967"},s("slot",{key:"23f6e7258b011e5a807c2c01d7c3451384fb43db"}))}static get style(){return":host{display:block}"}},[257,"biggive-form"]),r=n,i=function(){"undefined"!=typeof customElements&&["biggive-form"].forEach((e=>{"biggive-form"===e&&(customElements.get(o(e))||customElements.define(o(e),n))}))};export{r as BiggiveForm,i 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.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:"93efab9359103264a99401ac6f0aead93769807e",class:"container "+this.siteDesign+" max-width-"+this.maxWidth+(o?" text-colour-"+this.defaultTextColour:"")+" space-below-"+this.spaceBelow},t("slot",{key:"81b3f0e9b295287168f84694d51934d4f7364d9a"}))}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:"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
|
+
import{proxyCustomElement as t,HTMLElement as c,h as o,transformTag as l}from"@stencil/core/internal/client";const n=t(class extends c{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=4,this.columnCount=3,this.spaceBetween=!1,this.columnGap=0}render(){return o("div",{key:"4d81d69c275a02796ebf83e121988a72c3e20967",class:"grid column-count-"+this.columnCount+" space-below-"+this.spaceBelow+" column-gap-"+this.columnGap+(this.spaceBetween?" space-between":"")},o("slot",{key:"bc2bc7343b24bedf177ae72ea7718b2bfedcc968"}))}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.grid{margin-bottom:15px;display:flex;flex-flow:row wrap}.space-between{justify-content:space-between}.grid ::slotted([slot=grid-item]){display:block}.column-count-2 ::slotted(*){width:50%;display:flex;flex-direction:column}.column-count-3 ::slotted(*){width:33.3333333333%;display:flex;flex-direction:column}.column-count-4 ::slotted(*){width:25%;display:flex;flex-direction:column}.column-count-5 ::slotted(*){width:20%;display:flex;flex-direction:column}.column-count-6 ::slotted(*){width:16.6666666667%;display:flex;flex-direction:column}.column-gap-1{justify-content:space-between}.column-gap-2{justify-content:space-between}.column-gap-3{justify-content:space-between}.column-gap-4{justify-content:space-between}.column-gap-5{justify-content:space-between}.column-gap-6{justify-content:space-between}.column-count-2.column-gap-1 ::slotted(*){width:calc(50% - 2.5px)}.column-count-2.column-gap-2 ::slotted(*){width:calc(50% - 5px)}.column-count-2.column-gap-3 ::slotted(*){width:calc(50% - 7.5px)}.column-count-2.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-5 ::slotted(*){width:calc(50% - 22.5px)}.column-count-2.column-gap-6 ::slotted(*){width:calc(50% - 30px)}.column-count-3.column-gap-1 ::slotted(*){width:calc(33.3333333333% - 3.3333333333px)}.column-count-3.column-gap-2 ::slotted(*){width:calc(33.3333333333% - 6.6666666667px)}.column-count-3.column-gap-3 ::slotted(*){width:calc(33.3333333333% - 10px)}.column-count-3.column-gap-4 ::slotted(*){width:calc(33.3333333333% - 20px)}.column-count-3.column-gap-5 ::slotted(*){width:calc(33.3333333333% - 30px)}.column-count-3.column-gap-6 ::slotted(*){width:calc(33.3333333333% - 40px)}.column-count-4.column-gap-1 ::slotted(*){width:calc(25% - 3.75px)}.column-count-4.column-gap-2 ::slotted(*){width:calc(25% - 7.5px)}.column-count-4.column-gap-3 ::slotted(*){width:calc(25% - 11.25px)}.column-count-4.column-gap-4 ::slotted(*){width:calc(25% - 22.5px)}.column-count-4.column-gap-5 ::slotted(*){width:calc(25% - 33.75px)}.column-count-4.column-gap-6 ::slotted(*){width:calc(25% - 45px)}.column-count-5.column-gap-1 ::slotted(*){width:calc(20% - 4px)}.column-count-5.column-gap-2 ::slotted(*){width:calc(20% - 8px)}.column-count-5.column-gap-3 ::slotted(*){width:calc(20% - 12px)}.column-count-5.column-gap-4 ::slotted(*){width:calc(20% - 24px)}.column-count-5.column-gap-5 ::slotted(*){width:calc(20% - 36px)}.column-count-5.column-gap-6 ::slotted(*){width:calc(20% - 48px)}.column-count-6.column-gap-1 ::slotted(*){width:calc(16.6666666667% - 4.1666666667px)}.column-count-6.column-gap-2 ::slotted(*){width:calc(16.6666666667% - 8.3333333333px)}.column-count-6.column-gap-3 ::slotted(*){width:calc(16.6666666667% - 12.5px)}.column-count-6.column-gap-4 ::slotted(*){width:calc(16.6666666667% - 25px)}.column-count-6.column-gap-5 ::slotted(*){width:calc(16.6666666667% - 37.5px)}.column-count-6.column-gap-6 ::slotted(*){width:calc(16.6666666667% - 50px)}.column-count-3.column-gap-1:after{content:"";display:flex;flex-direction:column;width:calc(33.3333333333% - 3.3333333333px)}.column-count-3.column-gap-2:after{content:"";display:flex;flex-direction:column;width:calc(33.3333333333% - 6.6666666667px)}.column-count-3.column-gap-3:after{content:"";display:flex;flex-direction:column;width:calc(33.3333333333% - 10px)}.column-count-3.column-gap-4:after{content:"";display:flex;flex-direction:column;width:calc(33.3333333333% - 20px)}.column-count-3.column-gap-5:after{content:"";display:flex;flex-direction:column;width:calc(33.3333333333% - 30px)}.column-count-3.column-gap-6:after{content:"";display:flex;flex-direction:column;width:calc(33.3333333333% - 40px)}@media screen and (max-width: 968px){.column-count-1 ::slotted(*){width:calc(51% - 15px)}.column-count-1.column-gap-1 ::slotted(*){width:calc(50% - 15px)}.column-count-1.column-gap-2 ::slotted(*){width:calc(50% - 15px)}.column-count-1.column-gap-3 ::slotted(*){width:calc(50% - 15px)}.column-count-1.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-1.column-gap-5 ::slotted(*){width:calc(50% - 15px)}.column-count-1.column-gap-6 ::slotted(*){width:calc(50% - 15px)}.column-count-2 ::slotted(*){width:calc(51% - 15px)}.column-count-2.column-gap-1 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-2 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-3 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-5 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-6 ::slotted(*){width:calc(50% - 15px)}.column-count-3 ::slotted(*){width:calc(51% - 15px)}.column-count-3.column-gap-1 ::slotted(*){width:calc(50% - 15px)}.column-count-3.column-gap-2 ::slotted(*){width:calc(50% - 15px)}.column-count-3.column-gap-3 ::slotted(*){width:calc(50% - 15px)}.column-count-3.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-3.column-gap-5 ::slotted(*){width:calc(50% - 15px)}.column-count-3.column-gap-6 ::slotted(*){width:calc(50% - 15px)}.column-count-4 ::slotted(*){width:calc(51% - 15px)}.column-count-4.column-gap-1 ::slotted(*){width:calc(50% - 15px)}.column-count-4.column-gap-2 ::slotted(*){width:calc(50% - 15px)}.column-count-4.column-gap-3 ::slotted(*){width:calc(50% - 15px)}.column-count-4.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-4.column-gap-5 ::slotted(*){width:calc(50% - 15px)}.column-count-4.column-gap-6 ::slotted(*){width:calc(50% - 15px)}.column-count-5 ::slotted(*){width:calc(51% - 15px)}.column-count-5.column-gap-1 ::slotted(*){width:calc(50% - 15px)}.column-count-5.column-gap-2 ::slotted(*){width:calc(50% - 15px)}.column-count-5.column-gap-3 ::slotted(*){width:calc(50% - 15px)}.column-count-5.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-5.column-gap-5 ::slotted(*){width:calc(50% - 15px)}.column-count-5.column-gap-6 ::slotted(*){width:calc(50% - 15px)}.column-count-6 ::slotted(*){width:calc(51% - 15px)}.column-count-6.column-gap-1 ::slotted(*){width:calc(50% - 15px)}.column-count-6.column-gap-2 ::slotted(*){width:calc(50% - 15px)}.column-count-6.column-gap-3 ::slotted(*){width:calc(50% - 15px)}.column-count-6.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-6.column-gap-5 ::slotted(*){width:calc(50% - 15px)}.column-count-6.column-gap-6 ::slotted(*){width:calc(50% - 15px)}}@media screen and (max-width: 576px){.column-count-1 ::slotted(*){width:100%}.column-count-1.column-gap-1 ::slotted(*){width:100%}.column-count-1.column-gap-2 ::slotted(*){width:100%}.column-count-1.column-gap-3 ::slotted(*){width:100%}.column-count-1.column-gap-4 ::slotted(*){width:100%}.column-count-1.column-gap-5 ::slotted(*){width:100%}.column-count-1.column-gap-6 ::slotted(*){width:100%}.column-count-2 ::slotted(*){width:100%}.column-count-2.column-gap-1 ::slotted(*){width:100%}.column-count-2.column-gap-2 ::slotted(*){width:100%}.column-count-2.column-gap-3 ::slotted(*){width:100%}.column-count-2.column-gap-4 ::slotted(*){width:100%}.column-count-2.column-gap-5 ::slotted(*){width:100%}.column-count-2.column-gap-6 ::slotted(*){width:100%}.column-count-3 ::slotted(*){width:100%}.column-count-3.column-gap-1 ::slotted(*){width:100%}.column-count-3.column-gap-2 ::slotted(*){width:100%}.column-count-3.column-gap-3 ::slotted(*){width:100%}.column-count-3.column-gap-4 ::slotted(*){width:100%}.column-count-3.column-gap-5 ::slotted(*){width:100%}.column-count-3.column-gap-6 ::slotted(*){width:100%}.column-count-4 ::slotted(*){width:100%}.column-count-4.column-gap-1 ::slotted(*){width:100%}.column-count-4.column-gap-2 ::slotted(*){width:100%}.column-count-4.column-gap-3 ::slotted(*){width:100%}.column-count-4.column-gap-4 ::slotted(*){width:100%}.column-count-4.column-gap-5 ::slotted(*){width:100%}.column-count-4.column-gap-6 ::slotted(*){width:100%}.column-count-5 ::slotted(*){width:100%}.column-count-5.column-gap-1 ::slotted(*){width:100%}.column-count-5.column-gap-2 ::slotted(*){width:100%}.column-count-5.column-gap-3 ::slotted(*){width:100%}.column-count-5.column-gap-4 ::slotted(*){width:100%}.column-count-5.column-gap-5 ::slotted(*){width:100%}.column-count-5.column-gap-6 ::slotted(*){width:100%}.column-count-6 ::slotted(*){width:100%}.column-count-6.column-gap-1 ::slotted(*){width:100%}.column-count-6.column-gap-2 ::slotted(*){width:100%}.column-count-6.column-gap-3 ::slotted(*){width:100%}.column-count-6.column-gap-4 ::slotted(*){width:100%}.column-count-6.column-gap-5 ::slotted(*){width:100%}.column-count-6.column-gap-6 ::slotted(*){width:100%}}'}},[257,"biggive-grid",{spaceBelow:[2,"space-below"],columnCount:[2,"column-count"],spaceBetween:[4,"space-between"],columnGap:[2,"column-gap"]}]),u=n,e=function(){"undefined"!=typeof customElements&&["biggive-grid"].forEach((t=>{"biggive-grid"===t&&(customElements.get(l(t))||customElements.define(l(t),n))}))};export{u as BiggiveGrid,e as defineCustomElement}
|
|
@@ -1 +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),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:"
|
|
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:"75671b219a4a6d72a6e1b3d86f9b655e5fe47eef",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:"ce9111a87766b684caa838c528bb4cc8f631ff17",class:"sleeve"},t("div",{key:"7bc9c2fe458453da0a8d77c22c2ba8df4dfd8bec",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:"4fffcebf9b9d9e1ec280331f544cb639c7f94d8d",class:"container "+this.siteDesign+" align-"+this.align+" space-above-"+this.spaceAbove+" space-below-"+this.spaceBelow},i(this.htmlElement,{key:"542318025497735b4243d4396d926c3439e8c53e",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:"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
|
+
import{proxyCustomElement as o,HTMLElement as e,h as r,transformTag as t}from"@stencil/core/internal/client";import{d as c}from"./biggive-button2.js";const n=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceBelow=0,this.colourScheme="primary",this.logo="",this.logoHeight=3,this.logoAltText="",this.mainImage=null,this.mainImageShape="triangle",this.mainImageAlignHorizontal="center",this.mainImageAlignVertical="center",this.buttonColourScheme="primary"}render(){var o,e,t;const c="main-title "+("string"==typeof this.mainTitleColour&&this.mainTitleColour.length>0?"text-colour-"+this.mainTitleColour:""),n="teaser "+((null===(o=this.buttonLabel)||void 0===o?void 0:o.length)>0?"teaser-with-space ":"")+("string"==typeof this.teaserColour&&this.teaserColour.length>0?"text-colour-"+this.teaserColour:""),a=this.lineBreakToBr(this.teaser);return r("div",{key:"00950c5d25067d28ca5609b4bdfad15c674a20f8",class:"container colour-scheme-"+this.colourScheme+" space-below-"+this.spaceBelow,style:"rectangle"===this.mainImageShape?{"background-image":"url("+this.mainImage+")","background-size":"cover"}:{}},r("div",{key:"f20acc3184b056476184d71376c3f2facbb0c40b",class:"sleeve"},r("div",{key:"9084c2529af5ce2222c166732772cf04855f9bc6",class:"content-wrap"},null!=this.logo?r("div",{class:"logo image-wrap logo-height-"+this.logoHeight},r("img",{src:this.logo,alt:this.logoAltText,title:this.logoAltText})):r("div",{class:"logo-space logo-height-"+this.logoHeight}),(null===(e=this.logo)||void 0===e?void 0:e.length)>0||(null===(t=this.slug)||void 0===t?void 0:t.length)>0?r("div",{class:"slug text-colour-"+this.slugColour},this.slug):null,r("h1",{key:"4101e030c16a5559cd5526c9dc4b4de4abec5d0d",class:c},this.mainTitle),r("div",{key:"d5345f038729ae75025736d2530b2e85246c3e2f",class:n},a),null!=this.buttonLabel&&null!=this.buttonUrl?r("biggive-button",{"colour-scheme":this.buttonColourScheme,url:this.buttonUrl,label:this.buttonLabel}):null),"triangle"===this.mainImageShape&&null!==this.mainImage?r("div",{class:"graphic-wrap"},r("div",{class:"image-wrap",role:"presentation",style:{"background-image":"url("+this.mainImage+")","background-position":this.mainImageAlignHorizontal+" "+this.mainImageAlignVertical}})):null))}lineBreakToBr(o){return null==o?[]:o.split(/\r?\n|\r|\n/g).map((o=>[o,r("br",null)])).flat().slice(0,-1)}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents;font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;margin-bottom:30px;min-height:32.5vw}.container.colour-scheme-primary{color:#2C089B}.container.colour-scheme-secondary{color:#2AF135}.container.colour-scheme-tertiary{color:#FF7272}.container.colour-scheme-brand-cc-red{color:#B30510}.container.colour-scheme-brand-wgmf-purple{color:#6E0887}.container.colour-scheme-brand-gmf-green{color:#50B400}.container.colour-scheme-brand-er-green{color:#50B400}.container.colour-scheme-brand-er-dark-green{color:#002413}.container.colour-scheme-brand-er-dark-blue{color:#0c0068}.container.colour-scheme-brand-er-teal{color:#00a76d}.container.colour-scheme-brand-emf-yellow{color:#FFE500}.container.colour-scheme-brand-c4c-orange{color:#F07D00}.container.colour-scheme-brand-afa-pink{color:#BF387D}.container.colour-scheme-brand-scw-magenta{color:#EE2C65}.container.colour-scheme-brand-mhf-turquoise{color:#62CFC9}.container.colour-scheme-brand-grey{color:#CBC8C8}.container.colour-scheme-white{color:#FFFFFF}.container.colour-scheme-black{color:#000000}.container.colour-scheme-grey-extra-light{color:#D7D7D7}.container.colour-scheme-grey-light{color:#E8E8E8}.container.colour-scheme-grey-medium{color:#8A8A8A}.container.colour-scheme-grey-dark{color:#4A4A4A}.container.colour-scheme-philco-orange{color:#f18a00}.container.colour-scheme-philco-gray-90{color:#1d1d1B}.container.colour-scheme-philco-gray-70{color:#7D7D7D}.container.colour-scheme-philco-white{color:#FFFFFF}.container.colour-scheme-philco-success-green{color:#1Ec691}.container.colour-scheme-philco-error-coral{color:#F54242}.container.colour-scheme-philco-gray-30{color:#BBBBBB}.container.colour-scheme-philco-gray-20{color:#F6F6F6}.container .sleeve{display:flex;justify-content:space-between;max-width:1200px;margin-left:auto;margin-right:auto}.container .content-wrap{width:40%;position:relative;z-index:1;padding:120px 60px 60px 0}.container .content-wrap .logo,.container .content-wrap .logo-space{height:75px}.container .content-wrap .logo.logo-height-1,.container .content-wrap .logo-space.logo-height-1{height:50px}.container .content-wrap .logo.logo-height-2,.container .content-wrap .logo-space.logo-height-2{height:75px}.container .content-wrap .logo.logo-height-3,.container .content-wrap .logo-space.logo-height-3{height:100px}.container .content-wrap .logo.logo-height-4,.container .content-wrap .logo-space.logo-height-4{height:125px}.container .content-wrap .logo.logo-height-5,.container .content-wrap .logo-space.logo-height-5{height:150px}.container .content-wrap .logo.logo-height-6,.container .content-wrap .logo-space.logo-height-6{height:175px}.container .content-wrap .logo.logo-height-7,.container .content-wrap .logo-space.logo-height-7{height:200px}.container .content-wrap .logo.logo-height-8,.container .content-wrap .logo-space.logo-height-8{height:225px}.container .content-wrap .logo.logo-height-9,.container .content-wrap .logo-space.logo-height-9{height:250px}.container .content-wrap .logo.logo-height-10,.container .content-wrap .logo-space.logo-height-10{height:275px}.container .content-wrap .logo{background-size:contain;background-repeat:no-repeat;background-position:left center}.container .content-wrap .logo img{width:auto;height:100%;position:relative}.container .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;min-height:24px;margin:0;padding:0}.container .content-wrap h1{font-size:47px;line-height:60px;font-weight:bold;margin:0 0 15px 0;padding:0}@media (max-width: 1200px){.container .content-wrap h1{font-size:38px;line-height:45px;font-weight:bold}}.container .content-wrap .teaser{margin:0;padding:0}.container .content-wrap .teaser-with-space{margin:0 0 45px 0}.container .graphic-wrap{position:absolute;display:block;top:0;left:0;right:0;padding-bottom:32.5vw;background-color:#F1F1F1;margin-left:20vw;clip-path:polygon(0 0, 100% 0, 100% 100%)}.container .graphic-wrap .image-wrap{position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-size:cover}.container .graphic-wrap .image-wrap img{display:none}@media screen and (max-width: 1200px){.container{min-height:50vw}.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:60%;padding:18vw 15px 15px 15px;margin-bottom:50px}.container .sleeve .graphic-wrap{margin-left:0;bottom:auto;padding-bottom:50vw}}@media screen and (max-width: 768px){.container .sleeve .content-wrap{width:70%;padding-top:120px}}@media screen and (max-width: 576px){.container .sleeve .content-wrap{width:80%}}@media screen and (max-width: 450px){.container .sleeve .content-wrap{width:100%}}'}},[1,"biggive-hero-image",{spaceBelow:[2,"space-below"],colourScheme:[1,"colour-scheme"],slug:[1],slugColour:[1,"slug-colour"],logo:[1],logoHeight:[2,"logo-height"],logoAltText:[1,"logo-alt-text"],mainImage:[1,"main-image"],mainImageShape:[1,"main-image-shape"],mainImageAlignHorizontal:[1,"main-image-align-horizontal"],mainImageAlignVertical:[1,"main-image-align-vertical"],mainTitle:[1,"main-title"],mainTitleColour:[1,"main-title-colour"],teaser:[1],teaserColour:[1,"teaser-colour"],buttonUrl:[1,"button-url"],buttonLabel:[1,"button-label"],buttonColourScheme:[1,"button-colour-scheme"]}]),a=n,i=function(){"undefined"!=typeof customElements&&["biggive-hero-image","biggive-button"].forEach((o=>{switch(o){case"biggive-hero-image":customElements.get(t(o))||customElements.define(t(o),n);break;case"biggive-button":customElements.get(t(o))||c()}}))};export{a as BiggiveHeroImage,i as defineCustomElement}
|