@biggive/components 202606230803.0.0 → 202606301318.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/biggive/biggive.esm.js +1 -1
- package/dist/biggive/{p-9d63fe98.entry.js → p-034bc308.entry.js} +1 -1
- package/dist/biggive/{p-a0070f43.entry.js → p-074c95a5.entry.js} +1 -1
- package/dist/biggive/{p-c9436468.entry.js → p-07bd58dd.entry.js} +1 -1
- package/dist/biggive/{p-9e64817e.entry.js → p-08c0d7a0.entry.js} +1 -1
- package/dist/biggive/p-12e780cb.entry.js +1 -0
- package/dist/biggive/{p-b7d3a6ab.entry.js → p-13840401.entry.js} +1 -1
- package/dist/biggive/{p-ebf67952.entry.js → p-167ac0d3.entry.js} +1 -1
- package/dist/biggive/{p-a7622ab7.entry.js → p-22f2e1e4.entry.js} +1 -1
- package/dist/biggive/p-2f0e2375.entry.js +1 -0
- package/dist/biggive/{p-7ab14477.entry.js → p-342e0587.entry.js} +1 -1
- package/dist/biggive/{p-b0874950.entry.js → p-35742632.entry.js} +1 -1
- package/dist/biggive/{p-4a6d979f.entry.js → p-486b0443.entry.js} +1 -1
- package/dist/biggive/{p-3d80c5b4.entry.js → p-4c8d3d7b.entry.js} +1 -1
- package/dist/biggive/{p-1c39307b.entry.js → p-53d2459c.entry.js} +1 -1
- package/dist/biggive/{p-461ca12d.entry.js → p-53efa890.entry.js} +1 -1
- package/dist/biggive/{p-be1828d2.entry.js → p-60824941.entry.js} +1 -1
- package/dist/biggive/{p-921ecc1a.entry.js → p-63bbe726.entry.js} +1 -1
- package/dist/biggive/{p-b8afbd5b.entry.js → p-6db0805c.entry.js} +1 -1
- package/dist/biggive/{p-b8d67e54.entry.js → p-6ef8f1c8.entry.js} +1 -1
- package/dist/biggive/{p-d2b89a35.entry.js → p-6f0ab7de.entry.js} +1 -1
- package/dist/biggive/{p-a5873e6c.entry.js → p-76d8edf3.entry.js} +1 -1
- package/dist/biggive/{p-aaf986b7.entry.js → p-79233862.entry.js} +1 -1
- package/dist/biggive/{p-9b695dc8.entry.js → p-7b142f0c.entry.js} +1 -1
- package/dist/biggive/{p-ab3d62f9.entry.js → p-7e9f3522.entry.js} +1 -1
- package/dist/biggive/p-925b1eab.entry.js +1 -0
- package/dist/biggive/{p-9f907107.entry.js → p-a987b466.entry.js} +1 -1
- package/dist/biggive/{p-120a8b58.entry.js → p-ac53a19e.entry.js} +1 -1
- package/dist/biggive/{p-f576564a.entry.js → p-acc61e55.entry.js} +1 -1
- package/dist/biggive/{p-4e91b90c.entry.js → p-b00c2ca8.entry.js} +1 -1
- package/dist/biggive/p-b09d4083.entry.js +1 -0
- package/dist/biggive/p-b0d1c784.entry.js +1 -0
- package/dist/biggive/{p-8ec27398.entry.js → p-b5de3f93.entry.js} +1 -1
- package/dist/biggive/{p-8109ba6c.entry.js → p-c11a2f3b.entry.js} +1 -1
- package/dist/biggive/{p-1aec0011.entry.js → p-c50881e4.entry.js} +1 -1
- package/dist/biggive/{p-d4c0daba.entry.js → p-d277fe34.entry.js} +1 -1
- package/dist/biggive/{p-39f5df3a.entry.js → p-d2c312e0.entry.js} +1 -1
- package/dist/biggive/{p-7d3d0149.entry.js → p-d3112cb1.entry.js} +1 -1
- package/dist/biggive/p-d4462885.entry.js +1 -0
- package/dist/biggive/{p-a8e5b837.entry.js → p-dddee0ad.entry.js} +1 -1
- package/dist/biggive/{p-ed688cf9.entry.js → p-e8517ccd.entry.js} +1 -1
- package/dist/biggive/{p-a4021922.entry.js → p-ebdf0f2a.entry.js} +1 -1
- package/dist/biggive/{p-9c0c28cf.entry.js → p-ed7b04d2.entry.js} +1 -1
- package/dist/biggive/{p-05e0f91c.entry.js → p-ed92d2b0.entry.js} +1 -1
- package/dist/biggive/{p-e497653a.entry.js → p-f04eaebb.entry.js} +1 -1
- package/dist/biggive/{p-f7a05c60.entry.js → p-f2d44bb0.entry.js} +1 -1
- package/dist/biggive/{p-4d4724bb.entry.js → p-f2f9ce31.entry.js} +1 -1
- package/dist/biggive/{p-fc277669.entry.js → p-fb0a9e11.entry.js} +1 -1
- package/dist/biggive/{p-25d081a8.entry.js → p-fd2f1a72.entry.js} +1 -1
- package/dist/biggive/pages/biggive.html +2 -0
- package/dist/cjs/biggive-accordion.cjs.entry.js +1 -1
- package/dist/cjs/biggive-article-card.cjs.entry.js +2 -2
- package/dist/cjs/biggive-back-to-top.cjs.entry.js +1 -1
- package/dist/cjs/biggive-basic-card.cjs.entry.js +2 -2
- package/dist/cjs/biggive-boxed-content.cjs.entry.js +2 -2
- package/dist/cjs/biggive-branded-image.cjs.entry.js +1 -1
- package/dist/cjs/biggive-button.cjs.entry.js +1 -1
- package/dist/cjs/biggive-call-to-action.cjs.entry.js +1 -1
- package/dist/cjs/biggive-campaign-card-filter-grid.cjs.entry.js +21 -4
- package/dist/cjs/biggive-campaign-card.cjs.entry.js +2 -2
- package/dist/cjs/biggive-campaign-highlights.cjs.entry.js +1 -1
- package/dist/cjs/biggive-container-card.cjs.entry.js +1 -1
- package/dist/cjs/biggive-cookie-banner.cjs.entry.js +1 -1
- package/dist/cjs/biggive-form-field-select.cjs.entry.js +2 -2
- package/dist/cjs/biggive-form.cjs.entry.js +1 -1
- package/dist/cjs/biggive-formatted-text.cjs.entry.js +1 -1
- package/dist/cjs/biggive-grid.cjs.entry.js +1 -1
- package/dist/cjs/biggive-heading-banner.cjs.entry.js +2 -2
- package/dist/cjs/biggive-heading.cjs.entry.js +1 -1
- package/dist/cjs/biggive-hero-image.cjs.entry.js +2 -2
- package/dist/cjs/biggive-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/biggive-image-button.cjs.entry.js +2 -2
- package/dist/cjs/biggive-image-card.cjs.entry.js +2 -2
- package/dist/cjs/biggive-image-feature.cjs.entry.js +1 -1
- package/dist/cjs/biggive-image.cjs.entry.js +1 -1
- package/dist/cjs/biggive-main-menu.cjs.entry.js +1 -1
- package/dist/cjs/biggive-misc-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive-nav-group.cjs.entry.js +1 -1
- package/dist/cjs/biggive-nav-item.cjs.entry.js +1 -1
- package/dist/cjs/biggive-page-column.cjs.entry.js +1 -1
- package/dist/cjs/biggive-page-columns.cjs.entry.js +1 -1
- package/dist/cjs/biggive-page-section.cjs.entry.js +2 -2
- package/dist/cjs/biggive-popup.cjs.entry.js +1 -1
- package/dist/cjs/biggive-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/biggive-quote.cjs.entry.js +3 -3
- package/dist/cjs/biggive-sheet.cjs.entry.js +1 -1
- package/dist/cjs/biggive-social-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive-tab.cjs.entry.js +1 -1
- package/dist/cjs/biggive-tabbed-content.cjs.entry.js +2 -2
- package/dist/cjs/biggive-table.cjs.entry.js +2 -2
- package/dist/cjs/biggive-text-input.cjs.entry.js +1 -1
- package/dist/cjs/biggive-timeline.cjs.entry.js +2 -2
- package/dist/cjs/biggive-totalizer-ticker-item.cjs.entry.js +1 -1
- package/dist/cjs/biggive-totalizer.cjs.entry.js +1 -1
- package/dist/cjs/biggive-video-feature.cjs.entry.js +1 -1
- package/dist/cjs/biggive-video.cjs.entry.js +1 -1
- package/dist/cjs/biggive.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/philco-footer.cjs.entry.js +1 -1
- package/dist/cjs/philco-main-menu.cjs.entry.js +1 -1
- package/dist/collection/components/biggive-accordion/biggive-accordion.js +1 -1
- package/dist/collection/components/biggive-article-card/biggive-article-card.js +2 -2
- package/dist/collection/components/biggive-back-to-top/biggive-back-to-top.js +1 -1
- package/dist/collection/components/biggive-basic-card/biggive-basic-card.js +2 -2
- package/dist/collection/components/biggive-boxed-content/biggive-boxed-content.js +2 -2
- package/dist/collection/components/biggive-branded-image/biggive-branded-image.js +1 -1
- package/dist/collection/components/biggive-button/biggive-button.js +1 -1
- package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.js +1 -1
- package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js +2 -2
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js +117 -4
- package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.js +1 -1
- package/dist/collection/components/biggive-container-card/biggive-container-card.js +1 -1
- package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.js +1 -1
- package/dist/collection/components/biggive-form/biggive-form.js +1 -1
- package/dist/collection/components/biggive-form-field-select/biggive-form-field-select.js +2 -2
- package/dist/collection/components/biggive-formatted-text/biggive-formatted-text.js +1 -1
- package/dist/collection/components/biggive-grid/biggive-grid.js +1 -1
- package/dist/collection/components/biggive-heading/biggive-heading.js +1 -1
- package/dist/collection/components/biggive-heading-banner/biggive-heading-banner.js +2 -2
- package/dist/collection/components/biggive-hero-image/biggive-hero-image.js +2 -2
- package/dist/collection/components/biggive-icon-button/biggive-icon-button.js +2 -2
- package/dist/collection/components/biggive-image/biggive-image.js +1 -1
- package/dist/collection/components/biggive-image-button/biggive-image-button.js +2 -2
- package/dist/collection/components/biggive-image-card/biggive-image-card.js +2 -2
- package/dist/collection/components/biggive-image-feature/biggive-image-feature.js +1 -1
- package/dist/collection/components/biggive-main-menu/biggive-main-menu.js +1 -1
- package/dist/collection/components/biggive-misc-icon/biggive-misc-icon.js +1 -1
- package/dist/collection/components/biggive-nav-group/biggive-nav-group.js +1 -1
- package/dist/collection/components/biggive-nav-item/biggive-nav-item.js +1 -1
- package/dist/collection/components/biggive-page-column/biggive-page-column.js +1 -1
- package/dist/collection/components/biggive-page-columns/biggive-page-columns.js +1 -1
- package/dist/collection/components/biggive-page-section/biggive-page-section.js +2 -2
- package/dist/collection/components/biggive-popup/biggive-popup.js +1 -1
- package/dist/collection/components/biggive-progress-bar/biggive-progress-bar.js +1 -1
- package/dist/collection/components/biggive-quote/biggive-quote.js +3 -3
- package/dist/collection/components/biggive-sheet/biggive-sheet.js +1 -1
- package/dist/collection/components/biggive-social-icon/biggive-social-icon.js +1 -1
- package/dist/collection/components/biggive-tab/biggive-tab.js +1 -1
- package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.js +2 -2
- package/dist/collection/components/biggive-table/biggive-table.js +2 -2
- package/dist/collection/components/biggive-text-input/biggive-text-input.js +1 -1
- package/dist/collection/components/biggive-timeline/biggive-timeline.js +2 -2
- package/dist/collection/components/biggive-totalizer/biggive-totalizer.js +1 -1
- package/dist/collection/components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item.js +1 -1
- package/dist/collection/components/biggive-video/biggive-video.js +1 -1
- package/dist/collection/components/biggive-video-feature/biggive-video-feature.js +1 -1
- package/dist/collection/components/philco-footer/philco-footer.js +1 -1
- package/dist/collection/components/philco-main-menu/philco-main-menu.js +1 -1
- package/dist/collection/pages/biggive.html +2 -0
- package/dist/components/biggive-accordion.js +1 -1
- package/dist/components/biggive-article-card.js +1 -1
- package/dist/components/biggive-back-to-top.js +1 -1
- package/dist/components/biggive-basic-card.js +1 -1
- package/dist/components/biggive-boxed-content.js +1 -1
- package/dist/components/biggive-branded-image.js +1 -1
- package/dist/components/biggive-button2.js +1 -1
- package/dist/components/biggive-call-to-action.js +1 -1
- package/dist/components/biggive-campaign-card-filter-grid.js +1 -1
- package/dist/components/biggive-campaign-card.js +1 -1
- package/dist/components/biggive-campaign-highlights.js +1 -1
- package/dist/components/biggive-container-card.js +1 -1
- package/dist/components/biggive-cookie-banner.js +1 -1
- package/dist/components/biggive-form-field-select2.js +1 -1
- package/dist/components/biggive-form.js +1 -1
- package/dist/components/biggive-formatted-text.js +1 -1
- package/dist/components/biggive-grid.js +1 -1
- package/dist/components/biggive-heading-banner.js +1 -1
- package/dist/components/biggive-heading.js +1 -1
- package/dist/components/biggive-hero-image.js +1 -1
- package/dist/components/biggive-icon-button.js +1 -1
- package/dist/components/biggive-image-button.js +1 -1
- package/dist/components/biggive-image-card.js +1 -1
- package/dist/components/biggive-image-feature.js +1 -1
- package/dist/components/biggive-image.js +1 -1
- package/dist/components/biggive-main-menu.js +1 -1
- package/dist/components/biggive-misc-icon2.js +1 -1
- package/dist/components/biggive-nav-group.js +1 -1
- package/dist/components/biggive-nav-item.js +1 -1
- package/dist/components/biggive-page-column.js +1 -1
- package/dist/components/biggive-page-columns.js +1 -1
- package/dist/components/biggive-page-section.js +1 -1
- package/dist/components/biggive-popup2.js +1 -1
- package/dist/components/biggive-progress-bar2.js +1 -1
- package/dist/components/biggive-quote.js +1 -1
- package/dist/components/biggive-sheet.js +1 -1
- package/dist/components/biggive-social-icon2.js +1 -1
- package/dist/components/biggive-tab.js +1 -1
- package/dist/components/biggive-tabbed-content.js +1 -1
- package/dist/components/biggive-table.js +1 -1
- package/dist/components/biggive-text-input.js +1 -1
- package/dist/components/biggive-timeline.js +1 -1
- package/dist/components/biggive-totalizer-ticker-item.js +1 -1
- package/dist/components/biggive-totalizer.js +1 -1
- package/dist/components/biggive-video-feature.js +1 -1
- package/dist/components/biggive-video.js +1 -1
- package/dist/components/philco-footer.js +1 -1
- package/dist/components/philco-main-menu.js +1 -1
- package/dist/esm/biggive-accordion.entry.js +1 -1
- package/dist/esm/biggive-article-card.entry.js +2 -2
- package/dist/esm/biggive-back-to-top.entry.js +1 -1
- package/dist/esm/biggive-basic-card.entry.js +2 -2
- package/dist/esm/biggive-boxed-content.entry.js +2 -2
- package/dist/esm/biggive-branded-image.entry.js +1 -1
- package/dist/esm/biggive-button.entry.js +1 -1
- package/dist/esm/biggive-call-to-action.entry.js +1 -1
- package/dist/esm/biggive-campaign-card-filter-grid.entry.js +21 -4
- package/dist/esm/biggive-campaign-card.entry.js +2 -2
- package/dist/esm/biggive-campaign-highlights.entry.js +1 -1
- package/dist/esm/biggive-container-card.entry.js +1 -1
- package/dist/esm/biggive-cookie-banner.entry.js +1 -1
- package/dist/esm/biggive-form-field-select.entry.js +2 -2
- package/dist/esm/biggive-form.entry.js +1 -1
- package/dist/esm/biggive-formatted-text.entry.js +1 -1
- package/dist/esm/biggive-grid.entry.js +1 -1
- package/dist/esm/biggive-heading-banner.entry.js +2 -2
- package/dist/esm/biggive-heading.entry.js +1 -1
- package/dist/esm/biggive-hero-image.entry.js +2 -2
- package/dist/esm/biggive-icon-button.entry.js +2 -2
- package/dist/esm/biggive-image-button.entry.js +2 -2
- package/dist/esm/biggive-image-card.entry.js +2 -2
- package/dist/esm/biggive-image-feature.entry.js +1 -1
- package/dist/esm/biggive-image.entry.js +1 -1
- package/dist/esm/biggive-main-menu.entry.js +1 -1
- package/dist/esm/biggive-misc-icon.entry.js +1 -1
- package/dist/esm/biggive-nav-group.entry.js +1 -1
- package/dist/esm/biggive-nav-item.entry.js +1 -1
- package/dist/esm/biggive-page-column.entry.js +1 -1
- package/dist/esm/biggive-page-columns.entry.js +1 -1
- package/dist/esm/biggive-page-section.entry.js +2 -2
- package/dist/esm/biggive-popup.entry.js +1 -1
- package/dist/esm/biggive-progress-bar.entry.js +1 -1
- package/dist/esm/biggive-quote.entry.js +3 -3
- package/dist/esm/biggive-sheet.entry.js +1 -1
- package/dist/esm/biggive-social-icon.entry.js +1 -1
- package/dist/esm/biggive-tab.entry.js +1 -1
- package/dist/esm/biggive-tabbed-content.entry.js +2 -2
- package/dist/esm/biggive-table.entry.js +2 -2
- package/dist/esm/biggive-text-input.entry.js +1 -1
- package/dist/esm/biggive-timeline.entry.js +2 -2
- package/dist/esm/biggive-totalizer-ticker-item.entry.js +1 -1
- package/dist/esm/biggive-totalizer.entry.js +1 -1
- package/dist/esm/biggive-video-feature.entry.js +1 -1
- package/dist/esm/biggive-video.entry.js +1 -1
- package/dist/esm/biggive.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/philco-footer.entry.js +1 -1
- package/dist/esm/philco-main-menu.entry.js +1 -1
- package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.d.ts +22 -0
- package/dist/types/components.d.ts +46 -0
- package/hydrate/index.js +88 -67
- package/hydrate/index.mjs +88 -67
- package/package.json +1 -1
- package/dist/biggive/p-176e7c45.entry.js +0 -1
- package/dist/biggive/p-3340063a.entry.js +0 -1
- package/dist/biggive/p-5f18c157.entry.js +0 -1
- package/dist/biggive/p-705b4705.entry.js +0 -1
- package/dist/biggive/p-7b98b0af.entry.js +0 -1
- package/dist/biggive/p-d24f2c67.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as o,HTMLElement as r,h as e,transformTag as c}from"@stencil/core/internal/client";const a=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.lastWrapperWidth=0,this.spaceBelow=0,this.primaryColour="primary",this.primaryTextColour="white",this.secondaryColour="secondary",this.secondaryTextColour="black"}setSpeed(o,r){var e;if(r===this.lastWrapperWidth)return;let c=[];for(const o in[1,2,3,4]){const r=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".ticker-wrap #sleeve_"+o);r&&(c.push(r),r.style.animationName="none")}if(this.lastWrapperWidth=r,0===c.length)return void console.log("sleeves missing, skipping setSpeed()");this.host.style.setProperty("--ticker-end-left","-200%");const a=Math.round(o/30*1);for(let o=1;o<=1;o++){const r=c[o-1];r&&(r.style.animationDuration=a+"s",r.style.animationDelay=a/0*(o-1)+"s",r.style.display="inline-flex",r.style.animationName="ticker")}}componentDidLoad(){var o,r,e,c,a;const t=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".ticker-wrap"),l=this.host.querySelector('[slot="ticker-items"]'),n=null===(r=this.host.shadowRoot)||void 0===r?void 0:r.querySelector(".ticker-wrap #sleeve_1"),i=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".ticker-wrap #sleeve_2"),u=null===(c=this.host.shadowRoot)||void 0===c?void 0:c.querySelector(".ticker-wrap #sleeve_3"),d=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.querySelector(".ticker-wrap #sleeve_4");l&&n?(setTimeout((()=>{i&&i.appendChild(l.cloneNode(!0)),u&&u.appendChild(l.cloneNode(!0)),d&&d.appendChild(l.cloneNode(!0))}),800),setTimeout((()=>{this.setSpeed(l.clientWidth,t.clientWidth)}),300),window.addEventListener("resize",(()=>{this.setSpeed(l.clientWidth,t.clientWidth)}))):console.log("tickerItemsInternalWrapper or sleeve1 is missing, skipping totalizer animation setup")}render(){return e("div",{key:"cc3b55f935461400e8990bcec2ad06cbcde78929",class:"container space-below-"+this.spaceBelow},e("div",{key:"d7097a1c08b6ecddaacf0696c73a66004de4b2b4"},e("div",{key:"c5a0bd1cbf1944e41eb0838e3561d1f232335b60",class:"banner"},e("div",{key:"d6aa07d7b8a341390d7e0c6925fc24f38bf4297e",class:"main-message-wrap background-colour-"+this.secondaryColour+" text-colour-"+this.secondaryTextColour},this.mainMessage),e("div",{key:"655f87cde7757fc2f221c96ab289fb6b7ffe24fd",class:"ticker-wrap background-colour-"+this.primaryColour+" text-colour-"+this.primaryTextColour},e("div",{key:"45618c0053b1ba015baedc1802e7807186548b0f",id:"sleeve_1",class:"sleeve"},e("slot",{key:"75a1b73fd04148b2c9833d42eaa39d8f15bc67e5",name:"ticker-items"})),e("div",{key:"a35ba962a309f329f5e0c3aaa139d6b17537d869",id:"sleeve_2",class:"sleeve sleeve-delayed-copy"}),e("div",{key:"5dd62d0778afef6819d8471056409b3a1bb41af5",id:"sleeve_3",class:"sleeve sleeve-delayed-copy"}),e("div",{key:"206b670b98b95bff146b1a4eeb1f272ba87c7496",id:"sleeve_4",class:"sleeve sleeve-delayed-copy"})))))}get host(){return this}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.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;--ticker-end-left:-200%}@keyframes ticker{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(var(--ticker-end-left), 0, 0)}}.container{position:absolute;left:0;right:0;z-index:1}.container .main-message-wrap{position:absolute;z-index:1;padding:10px 30px;left:0;top:0;font-size:24px;line-height:30px;font-weight:600;max-width:33.3%}.container .ticker-wrap{font-size:17px;line-height:24px;padding:6px 30px 10px 0;min-height:17px;overflow:hidden;position:relative}.container .ticker-wrap .sleeve{will-change:transform;display:inline-flex;position:absolute;top:4px;height:24px;min-width:100%;left:100%;white-space:nowrap;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:ticker;animation-duration:10s}@media (prefers-reduced-motion){.container .ticker-wrap .sleeve{animation-name:none !important}}.container .ticker-wrap .sleeve-delayed-copy{display:none;white-space:nowrap;max-height:24px}@media screen and (max-width: 768px){.container .main-message-wrap{font-size:15px;line-height:20px;max-width:42%;padding:10px}}'}},[257,"biggive-totalizer",{spaceBelow:[2,"space-below"],primaryColour:[1,"primary-colour"],primaryTextColour:[1,"primary-text-colour"],secondaryColour:[1,"secondary-colour"],secondaryTextColour:[1,"secondary-text-colour"],mainMessage:[1,"main-message"]}]),t=a,l=function(){"undefined"!=typeof customElements&&["biggive-totalizer"].forEach((o=>{"biggive-totalizer"===o&&(customElements.get(c(o))||customElements.define(c(o),a))}))};export{t as BiggiveTotalizer,l as defineCustomElement}
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as r,h as e,transformTag as c}from"@stencil/core/internal/client";const a=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.lastWrapperWidth=0,this.spaceBelow=0,this.primaryColour="primary",this.primaryTextColour="white",this.secondaryColour="secondary",this.secondaryTextColour="black"}setSpeed(o,r){var e;if(r===this.lastWrapperWidth)return;let c=[];for(const o in[1,2,3,4]){const r=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".ticker-wrap #sleeve_"+o);r&&(c.push(r),r.style.animationName="none")}if(this.lastWrapperWidth=r,0===c.length)return void console.log("sleeves missing, skipping setSpeed()");this.host.style.setProperty("--ticker-end-left","-200%");const a=Math.round(o/30*1);for(let o=1;o<=1;o++){const r=c[o-1];r&&(r.style.animationDuration=a+"s",r.style.animationDelay=a/0*(o-1)+"s",r.style.display="inline-flex",r.style.animationName="ticker")}}componentDidLoad(){var o,r,e,c,a;const t=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".ticker-wrap"),l=this.host.querySelector('[slot="ticker-items"]'),n=null===(r=this.host.shadowRoot)||void 0===r?void 0:r.querySelector(".ticker-wrap #sleeve_1"),i=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".ticker-wrap #sleeve_2"),d=null===(c=this.host.shadowRoot)||void 0===c?void 0:c.querySelector(".ticker-wrap #sleeve_3"),u=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.querySelector(".ticker-wrap #sleeve_4");l&&n?(setTimeout((()=>{i&&i.appendChild(l.cloneNode(!0)),d&&d.appendChild(l.cloneNode(!0)),u&&u.appendChild(l.cloneNode(!0))}),800),setTimeout((()=>{this.setSpeed(l.clientWidth,t.clientWidth)}),300),window.addEventListener("resize",(()=>{this.setSpeed(l.clientWidth,t.clientWidth)}))):console.log("tickerItemsInternalWrapper or sleeve1 is missing, skipping totalizer animation setup")}render(){return e("div",{key:"de26403bd129221a46c034d21c7a7d9687ab8f36",class:"container space-below-"+this.spaceBelow},e("div",{key:"8e77b17c86df4127ff0f6ccf652863d1f057cf42"},e("div",{key:"f479c8057046d5abfc3f93cd710f3587bcbbb7f2",class:"banner"},e("div",{key:"7721d90250587c4f5d5d46f9a6890d20d32718d3",class:"main-message-wrap background-colour-"+this.secondaryColour+" text-colour-"+this.secondaryTextColour},this.mainMessage),e("div",{key:"88ff060acc2f8a24cc2bb40934a14cab35cc7497",class:"ticker-wrap background-colour-"+this.primaryColour+" text-colour-"+this.primaryTextColour},e("div",{key:"b063f69506de271f5e3d9a253a232200222e2cfd",id:"sleeve_1",class:"sleeve"},e("slot",{key:"c7d69d60a53f9a6fb70488a21dfa1c4ba5342904",name:"ticker-items"})),e("div",{key:"21754e7d267407fda46e8525cd11200e1d55f27d",id:"sleeve_2",class:"sleeve sleeve-delayed-copy"}),e("div",{key:"e31b6daa38b017458d2f37c9ac69f49f4354c6bc",id:"sleeve_3",class:"sleeve sleeve-delayed-copy"}),e("div",{key:"11a71b8d3a28117b68e9563c2a76b7daa0d337a1",id:"sleeve_4",class:"sleeve sleeve-delayed-copy"})))))}get host(){return this}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-er-green:hover,.background-colour-brand-er-green{background-color:#50B400}.background-colour-hover-brand-er-dark-green:hover,.background-colour-brand-er-dark-green{background-color:#002413}.background-colour-hover-brand-er-dark-blue:hover,.background-colour-brand-er-dark-blue{background-color:#0c0068}.background-colour-hover-brand-er-teal:hover,.background-colour-brand-er-teal{background-color:#00a76d}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-philco-orange:hover,.background-colour-philco-orange{background-color:#f18a00}.background-colour-hover-philco-gray-90:hover,.background-colour-philco-gray-90{background-color:#1d1d1B}.background-colour-hover-philco-gray-70:hover,.background-colour-philco-gray-70{background-color:#7D7D7D}.background-colour-hover-philco-white:hover,.background-colour-philco-white{background-color:#FFFFFF}.background-colour-hover-philco-success-green:hover,.background-colour-philco-success-green{background-color:#1Ec691}.background-colour-hover-philco-error-coral:hover,.background-colour-philco-error-coral{background-color:#F54242}.background-colour-hover-philco-gray-30:hover,.background-colour-philco-gray-30{background-color:#BBBBBB}.background-colour-hover-philco-gray-20:hover,.background-colour-philco-gray-20{background-color:#F6F6F6}.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;--ticker-end-left:-200%}@keyframes ticker{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(var(--ticker-end-left), 0, 0)}}.container{position:absolute;left:0;right:0;z-index:1}.container .main-message-wrap{position:absolute;z-index:1;padding:10px 30px;left:0;top:0;font-size:24px;line-height:30px;font-weight:600;max-width:33.3%}.container .ticker-wrap{font-size:17px;line-height:24px;padding:6px 30px 10px 0;min-height:17px;overflow:hidden;position:relative}.container .ticker-wrap .sleeve{will-change:transform;display:inline-flex;position:absolute;top:4px;height:24px;min-width:100%;left:100%;white-space:nowrap;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:ticker;animation-duration:10s}@media (prefers-reduced-motion){.container .ticker-wrap .sleeve{animation-name:none !important}}.container .ticker-wrap .sleeve-delayed-copy{display:none;white-space:nowrap;max-height:24px}@media screen and (max-width: 768px){.container .main-message-wrap{font-size:15px;line-height:20px;max-width:42%;padding:10px}}'}},[257,"biggive-totalizer",{spaceBelow:[2,"space-below"],primaryColour:[1,"primary-colour"],primaryTextColour:[1,"primary-text-colour"],secondaryColour:[1,"secondary-colour"],secondaryTextColour:[1,"secondary-text-colour"],mainMessage:[1,"main-message"]}]),t=a,l=function(){"undefined"!=typeof customElements&&["biggive-totalizer"].forEach((o=>{"biggive-totalizer"===o&&(customElements.get(c(o))||customElements.define(c(o),a))}))};export{t as BiggiveTotalizer,l as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as o,HTMLElement as e,h as r,transformTag as t}from"@stencil/core/internal/client";import{V as c}from"./video.js";import{d as l}from"./biggive-button2.js";const a=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceAbove=0,this.spaceBelow=0,this.defaultTextColour="primary",this.videoUrl="",this.slugColour="",this.mainTitleColour="",this.teaserColour="",this.buttonColourScheme="primary"}render(){const o=this.videoUrl.includes("youtube.com")?" youtube":"";return r("div",{key:"
|
|
1
|
+
import{proxyCustomElement as o,HTMLElement as e,h as r,transformTag as t}from"@stencil/core/internal/client";import{V as c}from"./video.js";import{d as l}from"./biggive-button2.js";const a=o(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.spaceAbove=0,this.spaceBelow=0,this.defaultTextColour="primary",this.videoUrl="",this.slugColour="",this.mainTitleColour="",this.teaserColour="",this.buttonColourScheme="primary"}render(){const o=this.videoUrl.includes("youtube.com")?" youtube":"";return r("div",{key:"014505f10d36a45919b18914db0f048f58e9dcec",class:"container text-colour-"+this.defaultTextColour+" space-above-"+this.spaceAbove+" space-below-"+this.spaceBelow},r("div",{key:"9eb0290876f944a6fbf5aef0ffdb8aa8200fc021",class:"sleeve"},r("div",{key:"d55319c1565497fbf38703fa1ccc9905d5c67dca",class:"content-wrap"},r("div",{key:"a9a4e0dc2ae13ea276658d2c35edcd5c77743841",class:"slug text-colour-"+this.slugColour},this.slug),r("h2",{key:"4faa41db9d1a1f3afcd6b3109b1badc41535db55",class:"title text-colour-"+this.mainTitleColour},this.mainTitle),r("div",{key:"d581d5fce6356f055cc725bedeebcd7d628abd96",class:"teaser text-colour-"+this.teaserColour},this.teaser),null!=this.buttonLabel&&null!=this.buttonUrl?r("biggive-button",{"colour-scheme":this.buttonColourScheme,url:this.buttonUrl,label:this.buttonLabel}):null),r("div",{key:"f63fd10fbbc5dd4c82e281ed8219e9d11f5ee82c",class:"graphic-wrap"},null!=this.videoUrl?r("div",{class:"video-wrap"+o,innerHTML:c.getEmbedHtml(this.videoUrl,this.mainTitle)}):null)))}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.video-wrap{position:relative}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.video-wrap.youtube{padding-bottom:56.25%}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative}.container .sleeve{display:flex;justify-content:space-between}.container .sleeve .content-wrap{width:calc(40% - 15px);position:relative;z-index:1}.container .sleeve .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .sleeve .content-wrap h2{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .sleeve .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .sleeve .graphic-wrap{width:calc(60% - 15px)}@media screen and (max-width: 576px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%}.container .sleeve .graphic-wrap{padding-top:20px;width:100%;margin-bottom:15px}}'}},[1,"biggive-video-feature",{spaceAbove:[2,"space-above"],spaceBelow:[2,"space-below"],defaultTextColour:[1,"default-text-colour"],videoUrl:[1,"video-url"],slug:[1],slugColour:[1,"slug-colour"],mainTitle:[1,"main-title"],mainTitleColour:[1,"main-title-colour"],teaser:[1],teaserColour:[1,"teaser-colour"],buttonUrl:[1,"button-url"],buttonLabel:[1,"button-label"],buttonColourScheme:[1,"button-colour-scheme"]}]),i=a,n=function(){"undefined"!=typeof customElements&&["biggive-video-feature","biggive-button"].forEach((o=>{switch(o){case"biggive-video-feature":customElements.get(t(o))||customElements.define(t(o),a);break;case"biggive-button":customElements.get(t(o))||l()}}))};export{i as BiggiveVideoFeature,n as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as o,h as t,transformTag as i}from"@stencil/core/internal/client";import{V as a}from"./video.js";const s=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spaceAbove=0,this.spaceBelow=0,this.videoUrl=""}render(){return t("div",{key:"
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as o,h as t,transformTag as i}from"@stencil/core/internal/client";import{V as a}from"./video.js";const s=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spaceAbove=0,this.spaceBelow=0,this.videoUrl=""}render(){return t("div",{key:"82ebdf85eba651d09b63d3d52950b395c4d3bfdb",class:"container space-above-"+this.spaceAbove+" space-below-"+this.spaceBelow},t("div",{key:"bae4560f24f85f3a10b1ca461b897208cc4d2b25",class:"video-wrap",innerHTML:a.getEmbedHtml(this.videoUrl,null)}))}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}.video-wrap{position:relative}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.video-wrap.youtube{padding-bottom:56.25%}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}'}},[1,"biggive-video",{spaceAbove:[2,"space-above"],spaceBelow:[2,"space-below"],videoUrl:[1,"video-url"]}]),p=s,n=function(){"undefined"!=typeof customElements&&["biggive-video"].forEach((e=>{"biggive-video"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))};export{p as BiggiveVideo,n as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as e,HTMLElement as a,h as o,getAssetPath as t,transformTag as i}from"@stencil/core/internal/client";import{m as c}from"./helper-methods.js";const r=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.headingLevel=5,this.philcoUrlPrefix="https://philco.org.uk/",this.year=""+(new Date).getFullYear()}render(){const e="h"+this.headingLevel;return o("div",{key:"
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as a,h as o,getAssetPath as t,transformTag as i}from"@stencil/core/internal/client";import{m as c}from"./helper-methods.js";const r=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.headingLevel=5,this.philcoUrlPrefix="https://philco.org.uk/",this.year=""+(new Date).getFullYear()}render(){const e="h"+this.headingLevel;return o("div",{key:"6822cba2825a9c7acd13e9672cc041ade0714909",class:"footer"},o("div",{key:"c647442c176d9e6596ebf04f2d7b461a90da218e",class:"row row-logo"},o("div",{key:"d350cdecb024cfa84f520ec0c8af5c27cacfd63a",class:"logo"},o("img",{key:"51641658aaeb2cfad61e1d427bb0103429ef7061",src:t("/assets/images/philco/Philcologo-black.png"),alt:"PhilCo"}))),o("div",{key:"f249d482b76318a710c088d92cf0eaecf494126a",class:"row row-top"},o("nav",{key:"7fef03f611f9d1d4e9b885874b1552bf8b6f91f8",class:"nav nav-primary","aria-labelledby":"footer-primary-heading"},o(e,{key:"a75152402cdcfe5e1820aaf5113d4d2c96da75b6",class:"heading",id:"footer-primary-heading"},o("div",{key:"e8f9628d7cc0732ecba24ab37b9ca5300af6c404",slot:"nav-primary-title"},"Contact")),o("ul",{key:"edea6510f46659249d1061333516f1ce6dbe36d6",slot:"nav-primary"},o("li",{key:"bad02f2f1060e509c9340f5e1834c5bebd4f44d0"},"PhilCo@biggive.org"))),o("nav",{key:"729a7d1453288f9bfe7a0f3edc2a564a830228c2",class:"nav nav-secondary","aria-labelledby":"footer-secondary-heading"},o(e,{key:"8ce6ae62fd6dd6a5f01f47c1f7d69fb35a50276c",class:"heading",id:"footer-secondary-heading"},o("div",{key:"96e6acf19ecd696d93b28c67a5e5d072352b2f5a",slot:"nav-secondary-title"},"Philco Site")),o("ul",{key:"914ae8a4ea6499432af4661b5aa97f67607bf6a6",slot:"nav-secondary"},o("li",{key:"52a066639808baee1c95becefd031d44238104b7"},o("a",{key:"e2d670b3f0af8e8f596e72ef7d8bef394ab9258a",href:c("Philco",this.philcoUrlPrefix,"/")},"Home")),o("li",{key:"78c24e62bc6b762b0f7e5f8dc4956f55d3e91931"},o("a",{key:"157657b36e59f1fe0223773476e5564e4405b0c7",href:c("Philco",this.philcoUrlPrefix,"why-become-a-philco")},"Why become a Philco")),o("li",{key:"68229443ef17c94f1411a09f1444a58632ecaebd"},o("a",{key:"ab3253519e762fce6b2d510ccd6281bdbdea1c37",href:c("Philco",this.philcoUrlPrefix,"sign-up")},"Sign Up")))),o("nav",{key:"873c610e031388f8f60c4a57b00c2257c0c6029f",class:"nav nav-tertiary","aria-labelledby":"footer-tertiary-heading"},o(e,{key:"bf2e92ea9fb4353e296ef41d48e35c4951a2d22c",class:"heading",id:"footer-tertiary-heading"},o("div",{key:"51992bf9bf8b67139ac7f1d3ac76379d4f3a912b",slot:"nav-tertiary-title"},"Guide")),o("ul",{key:"599f6eafffa69588069d85e9e8f18cb02a70362f",slot:"nav-tertiary"},o("li",{key:"0345c8faf2a5c76c4282d23fff83586559815aba"},o("a",{key:"dc60b3c60a6bdb376cf772b50622d3e85594a436",href:"https://drive.google.com/file/d/1D1GnstpMKnnES1aYj05EVE9_lQtLZLwj/view",target:"_blank"},"Download the guide"))))),o("div",{key:"a2d80ad215e40570cc229b37c771e8453eb46557",class:"row row-bottom"},o("div",{key:"bd40659941de49b009b89878fcdb81f616ed5e5d",class:"postscript-wrap"},o("nav",{key:"8bcd8cb294faf4a6a7464a0cce52d9c2af1c6f32",class:"nav nav-postscript","aria-label":"Legal"},o("ul",{key:"5cb63071ba77d90ab3c8e817a2ce61b2507b4dde",slot:"nav-postscript"},o("li",{key:"9cef8859bdd7cfcb7aceef30b65ccb21a04a988b"},o("a",{key:"21295f28bf0778766af881d44bde53adcc5a3a71",href:c("Philco",this.philcoUrlPrefix,"terms-and-conditions")},"Terms and Conditions")),o("li",{key:"cb4e0b8996eb38d2df57297c7213a3e23c1ac892"},o("a",{key:"e61be0312f2227b628d7cb1b1a2cc6d340cd09c2",href:c("Philco",this.philcoUrlPrefix,"privacy")},"Privacy Statement")),o("li",{key:"391d3f93a0503ec99e3abe345a1c7c699760ac3c"},o("a",{key:"b36881765f6d1be1856e1bf4b979ebf32a6c9429",href:c("Philco",this.philcoUrlPrefix,"privacy#cookies")},"Cookies Statement"))))),o("p",{key:"abe9b1e50e8009bb1716fd7eca49f367cc84a68a"},"© 2007 – ",this.year," The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom")))}get host(){return this}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:"Bitter", serif;font-size:16px;line-height:1.2rem;color:#1d1d1B}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-family:"Garage Gothic", sans-serif;font-weight:700;margin-top:0.1rem;margin-bottom:0.1rem;font-size:24px;line-height:30px;text-transform:uppercase;border-bottom:1px solid #1d1d1B;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#1d1d1B;text-decoration:none}.row-logo{background-color:#FFFFFF;padding:100px 60px 0 60px}.row-logo img{height:34px}.row-top{background-color:#FFFFFF;padding:40px 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.footer .row-bottom{background-color:#000000;color:#FFFFFF;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}.footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){.footer .row-bottom .postscript-wrap{flex-direction:column}}.footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1;color:#FFFFFF}@media screen and (max-width: 768px){.footer .row-bottom .nav.nav-postscript{text-align:center}}.footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}.footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){.footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}.footer .row-bottom .nav-postscript li a{color:#FFFFFF}.footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}.footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-logo{padding:45px 15px 15px 15px}.row-top{padding:30px 15px 15px 15px}nav{width:100%;margin-right:0;margin-bottom:30px}}'}},[1,"philco-footer",{headingLevel:[2,"heading-level"],philcoUrlPrefix:[1,"philco-url-prefix"]}]),d=r,n=function(){"undefined"!=typeof customElements&&["philco-footer"].forEach((e=>{"philco-footer"===e&&(customElements.get(i(e))||customElements.define(i(e),r))}))};export{d as PhilcoFooter,n as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement as a,HTMLElement as i,createEvent as e,h as n,Host as o,getAssetPath as t,transformTag as l}from"@stencil/core/internal/client";import{m as s}from"./helper-methods.js";import{d as c}from"./biggive-button2.js";import{d}from"./biggive-misc-icon2.js";const
|
|
1
|
+
import{proxyCustomElement as a,HTMLElement as i,createEvent as e,h as n,Host as o,getAssetPath as t,transformTag as l}from"@stencil/core/internal/client";import{m as s}from"./helper-methods.js";import{d as c}from"./biggive-button2.js";import{d}from"./biggive-misc-icon2.js";const b=a(class extends i{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.logoutClicked=e(this,"logoutClicked",7),this.openMobileMenu=()=>{this.host.shadowRoot.querySelector(".nav-links").style.left="0"},this.closeMobileMenu=()=>{this.host.shadowRoot.querySelector(".nav-links").style.left="-100%"}}async closeMobileMenuFromOutside(){this.host.shadowRoot.querySelector(".nav-links").style.left="-100%"}componentDidLoad(){this.host.classList.add("fixed")}render(){return n(o,{key:"4d5afe5fa035fec834c92d82555d8b7ef2c0e1b3"},n("nav",{key:"a60e33bd7ba1684e8ab34a024140b88c0804bdbd",role:"navigation","aria-label":"Main Menu"},n("div",{key:"5be0b109cdbf505bd5e1f6fb4f7c737028f8c698",class:"navbar"},n("div",{key:"63b26ea49053953b606aeb79942316d3329ca4d0",class:"logo"},n("a",{key:"2cb39d000faaadc751a49b18161ff0eec294d8da",href:this.philcoUrlPrefix+"/","aria-label":"Home"},n("img",{key:"e5f38bb86c9e5bf4392cb83439416369f41e9be7",src:t("/assets/images/philco/Philcologo-white.png"),alt:"PhilCo"}))),n("biggive-misc-icon",{key:"0e3113ad9b0563873c0ddace83c919c2442c96a7",class:"bx bx-menu","background-colour":"transparent","icon-colour":"white",icon:"MenuOpen",onClick:this.openMobileMenu}),n("div",{key:"d2b7469c5655f4291054682932c56e7891520f20",class:"nav-links"},n("div",{key:"124232788e2acfe85e00edc2bab5640af67a003b",class:"sidebar-logo"},n("a",{key:"3c09ce03b4233f28a4de3fb64c08dd6a1099f7ba",href:this.philcoUrlPrefix+"/","aria-label":"Home"}),n("biggive-misc-icon",{key:"559bc6e87a9c088bed8df4ec491545741b07299e",class:"bx bx-x","background-colour":"transparent","icon-colour":"white",icon:"MenuClose",onClick:this.closeMobileMenu})),n("div",{key:"fc8a84ac8d34abd92c135264c97a5adf801a3cc4",id:"nav-primary"},n("ul",{key:"176108b4cedde12ce63f678ac4cd552d4ddaf43f",class:"links",slot:"nav-primary"},n("li",{key:"ad0b072648e8b99d296be1a95805f8fc8eac03c7"},n("a",{key:"e5600d3e354b71c4e973d6ff528e1ef29b4ff7b2",href:s("Philco",this.philcoUrlPrefix,"why-become-a-philco")},"Why become a Philco")),n("li",{key:"0304ec987fabd8eb44d3ced42e0fc50d86abaa4e"},n("a",{key:"86fcf2b547b1771d26cf8c9c5594771b306dbd10",href:s("Philco",this.philcoUrlPrefix,"news")},"News")),n("li",{key:"08dd1cb8438e4f97dffc96c6d051e3d2c2c6b793",class:"signup"},n("biggive-button",{key:"b6ba1740e8cd322d57e86cb428528e5815924996",label:"Sign up","site-design":"philco","colour-scheme":"philco-white",rounded:!0,url:s("Philco",this.philcoUrlPrefix,"sign-up")}))))))))}get host(){return this}static get style(){return'a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{font-family:"Bitter", serif;font-size:16px;margin:0;padding:0;box-sizing:border-box}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}nav{top:0;left:0;width:100%;height:70px;background:#1d1d1B;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px;background-color:#1d1d1B;color:#FFFFFF}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:#FFFFFF;font-size:17px;font-weight:500}nav .navbar .logo{min-width:10px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .logo a{font-size:30px;color:#FFFFFF;text-decoration:none;font-weight:600;display:grid}nav .navbar .logo a img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:none}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0 25px}nav .navbar .logo{min-width:100px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:#1d1d1B;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6;padding:0 7px 0 17px}nav .navbar .nav-links .links li.signup{padding:15px 7px 12px 0}nav .navbar .nav-links .links li a{width:100%;display:block;font-size:15px}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}'}},[1,"philco-main-menu",{philcoUrlPrefix:[1,"philco-url-prefix"],closeMobileMenuFromOutside:[64]}]),r=b,p=function(){"undefined"!=typeof customElements&&["philco-main-menu","biggive-button","biggive-misc-icon"].forEach((a=>{switch(a){case"philco-main-menu":customElements.get(l(a))||customElements.define(l(a),b);break;case"biggive-button":customElements.get(l(a))||c();break;case"biggive-misc-icon":customElements.get(l(a))||d()}}))};export{r as PhilcoMainMenu,p as defineCustomElement}
|
|
@@ -26,7 +26,7 @@ const BiggiveAccordion = class {
|
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
return (h("div", { key: '
|
|
29
|
+
return (h("div", { key: 'e9bc8ddcd45944a81aa6bcad893b16cbb57cd681', class: 'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour }, h("div", { key: 'cb21d5299976c30a6ac84a6de728fd019e992871', class: "sleeve" }, this.children === undefined
|
|
30
30
|
? []
|
|
31
31
|
: this.children.map(entry => (h("div", { class: "entry" }, h("h3", { class: "heading", onClick: this.toggleSection, title: "Expand section" }, entry.heading, h("span", { class: "arrow" }, h("svg", { width: "15", height: "9", viewBox: "0 0 15 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M14.1074 0.999859L7.55357 7.55371L0.999718 0.99986", stroke: "black", "stroke-width": "2" })))), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
|
|
32
32
|
}
|
|
@@ -20,7 +20,7 @@ const BiggiveArticleCard = class {
|
|
|
20
20
|
return value === undefined || value === null || value === '';
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return (h("div", { key: '
|
|
23
|
+
return (h("div", { key: '7c28f94f07d718a5e891a28a1c692d8801d789b9', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '1a5c943543b3f3ca11b6cb710e4822624b45fe0b', class: 'sleeve background-colour-' +
|
|
24
24
|
this.backgroundColour +
|
|
25
25
|
' text-colour-black ' +
|
|
26
26
|
' slug-colour-' +
|
|
@@ -36,7 +36,7 @@ const BiggiveArticleCard = class {
|
|
|
36
36
|
' clip-bottom-left-corner-' +
|
|
37
37
|
this.clipBottomLeftCorner +
|
|
38
38
|
' clip-top-right-corner-' +
|
|
39
|
-
this.clipTopRightCorner, style: Object.assign({}, (this.backgroundImageUrl.length > 0 ? { 'background-image': "url('" + this.backgroundImageUrl + "')" } : {})) }, h("div", { key: '
|
|
39
|
+
this.clipTopRightCorner, style: Object.assign({}, (this.backgroundImageUrl.length > 0 ? { 'background-image': "url('" + this.backgroundImageUrl + "')" } : {})) }, h("div", { key: '3cb256995fd7c2e1fb95f0a9c779476bdffaa58d', class: "content-wrap" }, h("div", { key: '290b37894da3bff3c195586aee0e6ab073d89433', class: "meta" }, this.slug != '' ? h("div", { class: "slug text-colour-primary" }, this.slug) : null, this.date != '' ? h("div", { class: "date" }, this.date) : null), this.isEmpty(this.mainImageUrl) ? null : (h("div", { class: "main-image-container" }, h("div", { class: "image-wrap" }, h("img", { src: this.mainImageUrl, alt: this.mainImageAltText })))), h("h3", { key: '95d8ff29f4abd3bd4e7f2d9b2586e28041251ef7', class: "title" }, h("a", { key: 'ad20df5ff066926cdf019d62d658fce4f30014ab', href: this.buttonUrl }, this.mainTitle)), !this.isEmpty(this.image1Url) || !this.isEmpty(this.image2Url) ? (h("div", { class: "image-group" }, this.isEmpty(this.image1Url) ? null : (h("div", { class: "image-container" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image1Url + "')" } }, h("img", { src: this.image1Url, alt: this.image1AltText })))), this.isEmpty(this.image2Url) ? null : (h("div", { class: "image-container" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image2Url + "')" } }, h("img", { src: this.image2Url, alt: this.image2AltText })))))) : null, this.isEmpty(this.imageLabel) ? null : h("div", { class: "image-label" }, this.imageLabel), !this.isEmpty(this.buttonLabel) && !this.isEmpty(this.buttonUrl) ? (h("div", { class: "button-wrap align-right" }, h("biggive-button", { "colour-scheme": 'clear-' + this.buttonColour, url: this.buttonUrl, label: this.buttonLabel }))) : null))));
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
BiggiveArticleCard.style = biggiveArticleCardCss();
|
|
@@ -7,7 +7,7 @@ const BiggiveBackToTop = class {
|
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h("div", { key: '
|
|
10
|
+
return (h("div", { key: '73d4254f10b68df9d864636eade7196ba0de13c3', class: "container" }, h("a", { key: 'da8060e7a1da7999024a38190581bdc97d4e1bf5', href: "#" }, h("img", { key: '9d6e4aff0347d8b600b4633f51efec6ac5b8f2d5', src: getAssetPath('/assets/images/triangles-combined.svg') }), h("span", { key: '57829941a39aa067a1aa984a1cabf44e68cb7ebc', class: "text" }, "Back to top"))));
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
13
|
BiggiveBackToTop.style = biggiveBackToTopCss();
|
|
@@ -28,7 +28,7 @@ const BiggiveBasicCard = class {
|
|
|
28
28
|
render() {
|
|
29
29
|
var _a, _b;
|
|
30
30
|
const HeadingTag = `h${this.headingLevel}`;
|
|
31
|
-
return (h("div", { key: '
|
|
31
|
+
return (h("div", { key: '1764bc9783eec59fd33d886a7fc867247100ac70', class: 'container space-below-' +
|
|
32
32
|
this.spaceBelow +
|
|
33
33
|
' background-colour-' +
|
|
34
34
|
this.backgroundColour +
|
|
@@ -40,7 +40,7 @@ const BiggiveBasicCard = class {
|
|
|
40
40
|
' add-animation-' +
|
|
41
41
|
this.addAnimation +
|
|
42
42
|
' ' +
|
|
43
|
-
this.siteDesign, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("a", { key: '
|
|
43
|
+
this.siteDesign, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("a", { key: '939b5ffc0091b38b7c5d0af16669c04e3227b855', href: this.buttonUrl }, h("div", { key: 'c8ed3094f1f494809e7a7a61c2b3c85c71c0db9a', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("div", { key: '17035ed89f57b077656efa60b83a5287fb7ca8e2', class: "content-wrap" }, this.icon ? (h("div", { class: "icon" }, h("svg", { width: "53", height: "39", viewBox: "0 0 53 39", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z", class: "fill-black" }), h("path", { d: "M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z", class: 'fill-' + this.iconColour })))) : null, ((_b = (_a = this.mainImageUrl) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) === 0 ? null : (h("div", { class: "main-image-container" }, h("div", { class: "image-wrap" }, h("img", { src: this.mainImageUrl, alt: this.mainImageAltText })))), h(HeadingTag, { key: 'f3060696fb4dd750fb8a77ccd3d7b4da81f00a05', class: "title" }, this.mainTitle), this.author !== '' || this.date !== '' ? (h("div", { class: "subtitle" }, this.author, " ", h("span", { class: "divider" }, "|"), " ", this.date)) : null, this.subtitle !== '' ? h("div", { class: "subtitle" }, this.subtitle) : null, h("div", { key: '079182ac652a21939a20f162a2850fa0a4ee4bf4', class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (h("div", { class: 'button-wrap align-' + this.buttonAlign }, h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel, rounded: this.siteDesign === 'philco' }))) : null)))));
|
|
44
44
|
}
|
|
45
45
|
};
|
|
46
46
|
BiggiveBasicCard.style = biggiveBasicCardCss();
|
|
@@ -27,7 +27,7 @@ const BiggiveBoxedContent = class {
|
|
|
27
27
|
this.shadow = true;
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
|
-
return (h("div", { key: '
|
|
30
|
+
return (h("div", { key: '5d0d29687a4589fab3be340c997177b50c853fc8', class: 'container background-colour-' +
|
|
31
31
|
this.backgroundColour +
|
|
32
32
|
' space-below-' +
|
|
33
33
|
this.spaceBelow +
|
|
@@ -36,7 +36,7 @@ const BiggiveBoxedContent = class {
|
|
|
36
36
|
' vertical-padding-' +
|
|
37
37
|
this.verticalPadding +
|
|
38
38
|
' shadow-' +
|
|
39
|
-
this.shadow }, h("slot", { key: '
|
|
39
|
+
this.shadow }, h("slot", { key: '2d08451e720e02e45d0105905a7e16a5b77b2be1' })));
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
BiggiveBoxedContent.style = biggiveBoxedContentCss();
|
|
@@ -23,7 +23,7 @@ const BiggiveBrandedImage = class {
|
|
|
23
23
|
* `role="presentation"` every time instead of accepting alt text.
|
|
24
24
|
*/
|
|
25
25
|
render() {
|
|
26
|
-
return (h("div", { key: '
|
|
26
|
+
return (h("div", { key: '9d6e952a67a9bf5b5325e44b24f09a2d11f85de8', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '04983693911b70f88450dabdb0416d2372203745', class: "slug" }, this.slug), h("div", { key: 'db4aa6a957636251e70da87edd4399f224d9662f', class: "image-wrap" }, this.imageUrl !== undefined && this.imageUrl !== null ? (this.imageAlt == null && this.imageHeightPercent == null ? (h("img", { src: this.imageUrl })) : this.imageAlt == null && this.imageHeightPercent != null ? (h("img", { src: this.imageUrl, style: { height: this.imageHeightPercent + 'cqw' } })) : this.imageAlt != null && this.imageHeightPercent == null ? (h("img", { src: this.imageUrl, alt: this.imageAlt })) : (h("img", { src: this.imageUrl, alt: this.imageAlt, style: { height: this.imageHeightPercent + 'cqw' } }))) : null), this.logoUrl !== undefined && this.logoUrl !== null ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? h("h3", { class: "title" }, this.charityName) : null, this.charityLocation !== undefined && this.charityLocation !== null ? h("div", { class: "charity-info" }, this.charityLocation) : null));
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
BiggiveBrandedImage.style = biggiveBrandedImageCss();
|
|
@@ -73,7 +73,7 @@ const BiggiveButton = class {
|
|
|
73
73
|
' rounded-' +
|
|
74
74
|
this.rounded.toString() +
|
|
75
75
|
(isNoOpLink ? ' no-op-link' : '');
|
|
76
|
-
return (h("div", { key: '
|
|
76
|
+
return (h("div", { key: '801ce97906fc2f47f509ca6f6a09de1b08e5cc6e', class: 'container space-below-' + this.spaceBelow + ' centered-' + this.centered + ' ' + this.siteDesign + (this.disabled ? ' disabled' : '') }, isNoOpLink ? (h("button", { type: "button", "aria-disabled": this.disabled, disabled: this.disabled, id: this.buttonId, class: buttonClass, onClick: this.handleButtonClick }, this.label)) : (h("a", { "pointer-events": this.disabled ? 'none' : 'auto', "aria-disabled": this.disabled, role: "button", href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId, class: buttonClass, onClick: this.handleButtonClick }, this.label))));
|
|
77
77
|
}
|
|
78
78
|
};
|
|
79
79
|
BiggiveButton.style = biggiveButtonCss();
|
|
@@ -55,7 +55,7 @@ const BiggiveCallToAction = class {
|
|
|
55
55
|
this.secondaryButtonColourScheme = 'primary';
|
|
56
56
|
}
|
|
57
57
|
render() {
|
|
58
|
-
return (h("div", { key: '
|
|
58
|
+
return (h("div", { key: '20ee3f4f622c3c418c96bf621040de6c971518b9', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '54d464b2e76150ff4f45195a132e4a714dedc103', class: "sleeve" }, h("div", { key: 'e5453f87b9c3ea6c835ba2354e356dd9ea8df33b', class: "content-wrap" }, h("div", { key: 'faa6db96c366dfe42e611bf560bd86a28a95f731', class: 'slug heading-' + this.slugSize + ' text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'e31c7b9bf04f4cd3ebaad29775d98b131acbaa22', class: 'title heading-' + this.mainTitleSize + ' text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '6e023f3d942f95ce70c399d54657e04da25be4cb', class: 'slug heading-' + this.subtitleSize + ' text-colour-' + this.subtitleColour }, this.subtitle), h("div", { key: '3d28d08712ba6584ad01323e39f001c41acbbd6b', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.primaryButtonLabel != null && this.primaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.primaryButtonColourScheme, url: this.primaryButtonUrl, label: this.primaryButtonLabel }))) : null, this.secondaryButtonLabel != null && this.secondaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.secondaryButtonColourScheme, url: this.secondaryButtonUrl, label: this.secondaryButtonLabel }))) : null))));
|
|
59
59
|
}
|
|
60
60
|
};
|
|
61
61
|
BiggiveCallToAction.style = biggiveCallToActionCss();
|
|
@@ -14,6 +14,7 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
14
14
|
constructor(hostRef) {
|
|
15
15
|
registerInstance(this, hostRef);
|
|
16
16
|
this.doSearchAndFilterUpdate = createEvent(this, "doSearchAndFilterUpdate");
|
|
17
|
+
this.doGetLocationFromBrowser = createEvent(this, "doGetLocationFromBrowser");
|
|
17
18
|
this.sortByPlaceholderText = 'Sort by';
|
|
18
19
|
this.beneficiariesPlaceHolderText = 'Select beneficiary';
|
|
19
20
|
this.categoriesPlaceHolderText = 'Select category';
|
|
@@ -62,6 +63,18 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
62
63
|
* For injecting the chosen location to filter by, as per the comment above for `selectedSortByOption`.
|
|
63
64
|
*/
|
|
64
65
|
this.selectedFilterLocation = null;
|
|
66
|
+
/**
|
|
67
|
+
* Allow donors to select campaigns near to themselves.
|
|
68
|
+
*/
|
|
69
|
+
this.enableSearchByLocation = false;
|
|
70
|
+
/**
|
|
71
|
+
* Incidates that the component is currently fetching the browser location
|
|
72
|
+
*/
|
|
73
|
+
this.fetchingLocation = false;
|
|
74
|
+
/**
|
|
75
|
+
* Selected location around which donor is looking for campaigns
|
|
76
|
+
*/
|
|
77
|
+
this.location = undefined;
|
|
65
78
|
this.categoryFilterSelectionChanged = (value) => {
|
|
66
79
|
this.newSelectedFilterCategory = value;
|
|
67
80
|
};
|
|
@@ -96,6 +109,10 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
96
109
|
this.selectedSortByOption = 'Relevance';
|
|
97
110
|
}
|
|
98
111
|
};
|
|
112
|
+
this.handleNearMeButtonPressed = () => {
|
|
113
|
+
this.unfocusTextInput();
|
|
114
|
+
this.doGetLocationFromBrowser.emit();
|
|
115
|
+
};
|
|
99
116
|
this.handleSearchTextChanged = (event) => {
|
|
100
117
|
this.searchText = event.target.value;
|
|
101
118
|
};
|
|
@@ -209,13 +226,13 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
209
226
|
render() {
|
|
210
227
|
var _a;
|
|
211
228
|
const sortOptions = this.getSortOptions();
|
|
212
|
-
return (h("div", { key: '
|
|
229
|
+
return (h("div", { key: 'ceb2f44c3c853bfdc3da18ad187de4cc5a085ffb', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '8f6370902bfabe8a9df23e274d05298ca316b12b', class: "sleeve" }, h("div", { key: '89fc861fdb61827ab5dbb5cee88a4dfdd0a8abcb', class: "search-wrap" }, h("h4", { key: '04363e5852c2347036e52efd75c0acfd83df5901' }, this.intro), h("div", { key: 'dd18cb11be900192f0a5a26f027b0102453e50ad', class: "field-wrap" }, h("div", { key: 'a9798f3d6943cfb5494452bf23ea5ce03c288a45', class: "input-wrap" }, h("svg", { key: '9296bccad620aaba713b252fb31c7f3efd4b1a96', xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { key: '718a7766577cf08ba55ebae64b60b312cfcf8edf', d: faMagnifyingGlass.icon[4].toString() })), h("input", { key: 'e89ff0c306417359e72597edf932166970e01702', type: "text", value: (_a = this.searchText) !== null && _a !== void 0 ? _a : '', class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { key: '7713463cc5c611be7e96290c91da7691c3bba5e4', onDoButtonClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { key: 'eb4ac758e446eda26be72dad7239fd525c520c39', class: "sort-filter-wrap" }, this.enableSearchByLocation && this.offerNearMeOption && (h("biggive-button", { key: '6f571b4193453203cc11cb99c42a475e0360b69d', class: "filter", colourScheme: "primary", onDoButtonClick: this.handleNearMeButtonPressed, label: this.fetchingLocation ? 'Fetching location...' : 'Charities near me', disabled: this.fetchingLocation, fullWidth: true, "space-below": "0" })), h("div", { key: '07fa78bea86edf2b60492b42e8e91ff9b44e9830', class: "filter-wrap" }, h("biggive-button", { key: '0f6775e87d80f1b91dd57ef39260838932dd099d', class: "filter", colourScheme: "primary", onDoButtonClick: this.handleFilterButtonClick, label: "Filter", fullWidth: true, "space-below": "0" }), h("biggive-popup", { key: 'fe87d7b2fc75583f421855eee6dd22132ec77096', id: "filter-popup" }, h("h4", { key: '50cc5ea69df122c34ff8bc615088f7a7e07d992e', class: "space-above-0 space-below-3 text-colour-primary" }, "Filters"), h("div", { key: 'c0354b38830bb635e19ad38dfd306e41b72aedff', class: "select-wrapper-1" }, h("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" })), h("div", { key: '6cc0dbeb1c98470bdce24faf880210f64e0edd72', class: "select-wrapper-2" }, h("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" })), h("div", { key: '213fb6972e212a3ed593445701e55cd9c9df4e70', class: "select-wrapper-3" }, h("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" })), h("div", { key: 'd5ebed141c6f2df713044838802e41d59a99c033', class: "align-right" }, h("biggive-button", { key: '5fe81bf0b04ef44618264aa4dae4b31df44f74c2', label: "Apply filters", onDoButtonClick: this.handleApplyFilterButtonClick })))), h("div", { key: '36cbb004dc2c0b3d6435c853893f279f7cc2a0b4', class: "sort-wrap" }, h("biggive-form-field-select", { key: 'ce1b686a810d10452ef1c2fabf346117cd3990c4', options: sortOptions, prompt: null, "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, selectedValue: this.getSelectedValue(), selectionChanged: this.sortBySelectionChanged, id: "sort-by" }, h("biggive-form-field-select-option", { key: 'eb016dccffc6b0c63de001ec5e7c15c0215f58f7', value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { key: '4df7ba1f42d0bb2d1e53c2e40db788bc4862ffed', value: "leastRaised", label: "Least raised" }), h("biggive-form-field-select-option", { key: '6ee1373b12f664ffc9b2d86fbfae71c5ee89c808', value: "matchFundsRemaining", label: "Most funds remaining" }), h("biggive-form-field-select-option", { key: 'e2cf6339701f3f03fd1a1a1ddd55a697db189b64', value: "closeToTarget", label: "Nearest target" }), (this.searchText || '').length > 0 ? h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), h("div", { key: 'f6e3bf0f207f735c91b9053f43b1a75a6ec33b34', class: "selected-filter-wrap" }, h("div", { key: 'bfdbb504e478326031d977b1af88f2cc74d2f841', class: "selected-filters" }, this.selectedFilterCategory && (h("span", { key: 'bbb0ea75b53fed704a910faa8962bd9f70454b25', class: "button", onClick: () => {
|
|
213
230
|
this.removeFilter('categories');
|
|
214
|
-
} }, this.selectedFilterCategory)), this.selectedFilterBeneficiary && (h("span", { key: '
|
|
231
|
+
} }, this.selectedFilterCategory)), this.selectedFilterBeneficiary && (h("span", { key: '5d391afc2dfd66119892f7b77038125e5703728e', class: "button", onClick: () => {
|
|
215
232
|
this.removeFilter('beneficiaries');
|
|
216
|
-
} }, this.selectedFilterBeneficiary)), this.selectedFilterLocation && (h("span", { key: '
|
|
233
|
+
} }, this.selectedFilterBeneficiary)), this.selectedFilterLocation && (h("span", { key: 'bc7b957d2d76cdfede96921c0a006da77690b3fc', class: "button", onClick: () => {
|
|
217
234
|
this.removeFilter('locations');
|
|
218
|
-
} }, this.selectedFilterLocation))), h("div", { key: '
|
|
235
|
+
} }, this.selectedFilterLocation))), h("div", { key: 'bf228470ec15507617fa98b20eda6b2584ca359d', class: "clear-all" }, h("a", { key: '5e210df20d0dc4951b98888958d03ff0ed74cf0c', onClick: this.handleClearAll }, "Clear all"))), h("div", { key: '155ef43b9888223f6a480130df3aa47bafd78741', class: "campaign-grid" }, h("slot", { key: 'ee3ff728b4ce9a11e33401236ccee3a581ef39a0', name: "campaign-grid" })))));
|
|
219
236
|
}
|
|
220
237
|
// I'm not sure if I understand the reasoning for own-methods-must-be-private. I made the method below public to unit
|
|
221
238
|
// test it. Maybe the idea is that we should move anything with enough logic to test outside the component class? I
|
|
@@ -42,10 +42,10 @@ const BiggiveCampaignCard = class {
|
|
|
42
42
|
return value === undefined || value === null || value === '';
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h("div", { key: '
|
|
45
|
+
return (h("div", { key: '319985f7b32754f323941126da3e14b50a14ebe3', class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { key: '31b9adc9d26688a04babd7de6ec863df8e5fb984', class: "sleeve" }, h("div", { key: 'e3a9067edacce4985038bb4d92929c0bc5c8151e', onClick: this.handleCardGeneralClick, class: "above-button-wrap" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.banner + ')' } })) : (h("div", { class: "image-wrap banner" })), h("div", { key: 'dd4d04a159af990a2023a06912321fff42368727', class: "title-wrap" }, h("h3", { key: '2ff55ab537792164659b1b435b330292a037840b' }, this.campaignTitle), h("div", { key: '4a70987a57ae638317c30b21e9d5c422f7d5f779', class: "organisation-name" }, "By ", this.organisationName)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? (
|
|
46
46
|
// We don't have a progress bar to show in this case, so the following is just functioning as a spacer to
|
|
47
47
|
// keep layout consistent. Counter must be non-null to make bar display.
|
|
48
|
-
h("div", { class: "progress-bar-wrap", style: { visibility: 'hidden' } }, h("biggive-progress-bar", { counter: 0, "colour-scheme": "primary" }))) : (h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), h("div", { key: '
|
|
48
|
+
h("div", { class: "progress-bar-wrap", style: { visibility: 'hidden' } }, h("biggive-progress-bar", { counter: 0, "colour-scheme": "primary" }))) : (h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), h("div", { key: '46f8ebfd1fc425610e6ef5fa87376659495890da', class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel })), h("biggive-button", { key: '13362b0cf844a93315672123f464c41482c9b65d', "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
|
|
49
49
|
}
|
|
50
50
|
};
|
|
51
51
|
BiggiveCampaignCard.style = biggiveCampaignCardCss();
|
|
@@ -15,7 +15,7 @@ const BiggiveCampaignHighlights = class {
|
|
|
15
15
|
this.progressBarCounter = undefined;
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (h("div", { key: '
|
|
18
|
+
return (h("div", { key: '9f7b92fd96e95021a71987c5aef0eed8f14e76e4', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '10ff0d3f979dfc66fbdf4bd5c09ff0be27e6941e', class: "sleeve" }, this.campaignTitle != null ? (h("div", { class: "campaign-title" }, h("span", null, this.campaignTitle))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : null, h("div", { key: '68fc5a95cf81ace178ede53c4799842917ec0e5a', class: "meta-wrap" }, h("div", { key: '0598325d1a48e4015124ac0a507aa5a54cf48f33', class: "meta-item" }, h("span", { key: 'de6e984c1c5f0b76125fad60b34662da17a9f562', class: "label" }, this.primaryFigureLabel), h("span", { key: '8f5472d5b9abe458bd53678ca4e09e716068ed00', class: "text" }, this.primaryFigureAmount)), h("div", { key: '9b297b7676f3d5de45cd865217ed044bc967cd05', class: "meta-item" }, h("span", { key: 'f9984f6796ecb4b3f4e8a865dae1f5fa6a6a28a2', class: "label" }, this.secondaryFigureLabel), h("span", { key: '49d721e8a7770a47058cfedfb6d8cebf21278678', class: "text" }, this.secondaryFigureAmount))), h("div", { key: 'e503a6feb8ca10c0607a443b533386cfab4077ec', class: "progress-bar-wrap" }, h("biggive-progress-bar", { key: '357e686fafabb28cb0979ab0871751488930e98f', counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { key: '798f20551aa3d6c3acdf5ba9e061281bbcb2d607', class: "stat-wrap" }, this.primaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.secondaryStatText))) : null), this.championName != null ? (h("div", { class: "championed-by" }, "Championed by ", h("a", { href: this.championUrl }, this.championName))) : null)));
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
BiggiveCampaignHighlights.style = biggiveCampaignHighlightsCss();
|
|
@@ -15,7 +15,7 @@ const BiggiveContainerCard = class {
|
|
|
15
15
|
this.headingLevel = 3;
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (h("div", { key: '
|
|
18
|
+
return (h("div", { key: '47ee6dfc2909a88bb6f5541ebb000895bae8c7be', class: 'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { key: '40f1e496b071ef095ae70235365b4ea02e2996d2', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("slot", { key: 'd2ab445448fbdde1c3b265e342ab2ac7b9bca914' }))));
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
BiggiveContainerCard.style = biggiveContainerCardCss();
|
|
@@ -66,7 +66,7 @@ const BiggiveCookieBanner = class {
|
|
|
66
66
|
// then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as
|
|
67
67
|
// declined.
|
|
68
68
|
const cookiesCurrentlyAllowed = this.previouslyAgreedCookiePreferences || {};
|
|
69
|
-
return (h("div", { key: '
|
|
69
|
+
return (h("div", { key: '9da823e571602907e8e9ec5e72c19570f8b800b0', class: "cooke-consent-container" }, h("biggive-popup", { key: 'ffcffbd90768524bbe53249a0bdec923d05fd3c6', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: '93ba536ad65df83902d21613cc6d40fb5a216973', class: "content" }, h("h4", { key: '6c37d5901a10338547958028826472803608203b', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '182899dadc23025b01e0e10114e8a15c656edd58' }, h("div", { key: '969aaaa10d5815935774f7e54be1a3c5eba1e08f', class: "radio-group" }, h("h5", { key: '3088bac52404bbc8b543cef7c04b3d1a6c4b8172' }, "Essential Cookies"), h("p", { key: 'af6f64f69b4717a3b8108a42979168454da8d74b' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: '173d5a20418cd02bc0decd92d888bb2c2b9060e5', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: 'af5b2d6cbe2eda853d20d49f4bf6c516d2adf5cc', htmlFor: "necassary-on" }, "Off"), h("input", { key: '1ebbc370e7017b7572b7283b9d024d3a01a104b3', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: 'c68ee2097aadc4c46bd3d73bfb3eada851c09539', htmlFor: "necassary-on" }, "On")), h("div", { key: '3cf3c7bedfa3cc5fdbdb67f86f5d78508733de03', class: "radio-group" }, h("h5", { key: 'd70c8d0002bfab361a202e174e39b908f15aa8ec' }, "Analytics & Testing Cookies"), h("p", { key: '4d3abcb030535d65f8ce48af40ef3aac6f8e72b9' }, "We use analytics cookies to track activity on our website. For example, the pages you\u2019ve visited, the content you\u2019ve engaged with and the search terms you\u2019ve used. This allows us to personalise and improve our content."), h("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."), h("input", { key: '34e53faec69fee706ddc191747398a03294b40da', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '9cfedff22a4bada2b4b51c6a7299d28c71630f33', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: 'd06a9ee4d201b89ca31fa0fa284433c8b3b20799', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '4c823880fab576a6cf3ab5badd46abbbf5d12028', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '1e2bd14f96e361af703a99c04da52c50cb77cf1b', class: "radio-group" }, h("h5", { key: '471a9217bc4173e7c68633d10f131bffc8bf0531' }, "Third-party Cookies "), h("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."), h("input", { key: 'baaec59647dcaf258bd7ad43463dbfdf6fc4afd9', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '4f905ffed2dfeba05f52036dbcbf5530729e5e99', htmlFor: "third-party-off" }, "Off"), h("input", { key: 'e46c1084e769a0782c065c0f20bb8ea95a9e9aee', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '5842a886c457cdde52730a7149ecf56435bf939f', htmlFor: "third-party-on" }, "On")), h("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: false, centered: false, "button-id": "accept-selected-button", onDoButtonClick: this.handleAcceptSelectedCookies })), h("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."))), h("h2", { key: '832c163006c9e8edda8b6d464fc221bb8fee94a2' }, "Our website uses cookies"), h("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."), h("p", { key: '0d29880c9771819f869f5ec37886768a7341533d' }, h("a", { key: 'd9b38d756ac86a7fae5dd50361ddc311f31ef0d0', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: 'f02dc850e2d9a00f64362c9f99f750efcecbfe38', class: "button-group" }, h("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: false, centered: false, "button-id": "accept-all-button" }), h("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: false, centered: false, "button-id": "choose-preferences-button" }), h("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: false, centered: false, "button-id": "choose-preferences-button" }))));
|
|
70
70
|
}
|
|
71
71
|
get el() { return getElement(this); }
|
|
72
72
|
static get watchers() { return {
|
|
@@ -30,12 +30,12 @@ const BiggiveFormFieldSelect = class {
|
|
|
30
30
|
}
|
|
31
31
|
// Give the select a random id so we can reference it from a label
|
|
32
32
|
const selectId = this.selectElementId || 'select-' + this.getRandomInt().toString();
|
|
33
|
-
return (h("div", { key: '
|
|
33
|
+
return (h("div", { key: '1b0f9c8c81ab0f4d3bb21ea3ef10e24a1eb23c98', class: "selectWrapper" }, h("label", { key: '9a4c9ea9774385dceb506c6a71823588c6d33a12', class: greyIfRequired, htmlFor: selectId }, h("div", { key: '441a778c4d417c7b8daf18ea0caada0b421fae25', class: 'prompt' + greyIfRequired }, this.prompt)), h("div", { key: '29a22d55202a62eaa02ad24caae3de079f651082', class: 'dropdown space-below-' +
|
|
34
34
|
this.spaceBelow +
|
|
35
35
|
' select-style-' +
|
|
36
36
|
this.selectStyle +
|
|
37
37
|
(this.prompt === null ? ' noprompt' : '') +
|
|
38
|
-
(this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, h("div", { key: '
|
|
38
|
+
(this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, h("div", { key: '281b7731bdf66d6419aae73d68951bc8df532149', class: "sleeve" }, h("select", { key: 'de57f5898ffe1122c2cc72442eab0d7da2b52a2c', id: selectId, class: greyIfRequired, onChange: this.doOptionSelectCompletedHandler, "aria-label": this.prompt === null ? this.placeholder : this.prompt }, options.map(option => (h("option", { selected: this.selectedValue === option.value, value: option.value }, option.label)))), h("div", { key: 'e6316c952bcfbd7b8a3ce332a4563f898010abd4', class: "arrow" })))));
|
|
39
39
|
}
|
|
40
40
|
formatOptions(options) {
|
|
41
41
|
if (options === undefined) {
|
|
@@ -7,7 +7,7 @@ const BiggiveForm = class {
|
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: 'c9ba74a1b0d168d61c90cb8994f8d9d8f9b8e967' }, h("slot", { key: '23f6e7258b011e5a807c2c01d7c3451384fb43db' })));
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
13
|
BiggiveForm.style = biggiveFormCss();
|
|
@@ -12,7 +12,7 @@ const BiggiveFormattedText = class {
|
|
|
12
12
|
render() {
|
|
13
13
|
const defaultColourSet = typeof this.defaultTextColour === 'string' && this.defaultTextColour.trim() !== '';
|
|
14
14
|
const anyDefaultColourClass = defaultColourSet ? ' text-colour-' + this.defaultTextColour : '';
|
|
15
|
-
return (h("div", { key: '
|
|
15
|
+
return (h("div", { key: '93efab9359103264a99401ac6f0aead93769807e', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + anyDefaultColourClass + ' space-below-' + this.spaceBelow }, h("slot", { key: '81b3f0e9b295287168f84694d51934d4f7364d9a' })));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
18
|
BiggiveFormattedText.style = biggiveFormattedTextCss();
|
|
@@ -14,7 +14,7 @@ const BiggiveGrid = class {
|
|
|
14
14
|
this.columnGap = 0;
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return (h("div", { key: '
|
|
17
|
+
return (h("div", { key: '4d81d69c275a02796ebf83e121988a72c3e20967', class: 'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '') }, h("slot", { key: 'bc2bc7343b24bedf177ae72ea7718b2bfedcc968' })));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
BiggiveGrid.style = biggiveGridCss();
|