@biggive/components 202404151401.0.0 → 202404240935.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-390e8d99.entry.js +2 -0
- package/dist/biggive/p-390e8d99.entry.js.map +1 -0
- package/dist/biggive/{p-2c9394f5.entry.js → p-47781056.entry.js} +2 -2
- package/dist/biggive/{p-82104df2.entry.js → p-4f23c116.entry.js} +2 -2
- package/dist/biggive/{p-d8c3946b.entry.js → p-6226fa57.entry.js} +2 -2
- package/dist/biggive/p-8889b434.entry.js +2 -0
- package/dist/biggive/p-925dc228.entry.js +2 -0
- package/dist/biggive/{p-1f6a8810.entry.js → p-a97396ec.entry.js} +2 -2
- package/dist/biggive/{p-9be0b685.entry.js → p-abc7f3e6.entry.js} +2 -2
- package/dist/biggive/{p-155ca3b1.entry.js → p-c071dea5.entry.js} +2 -2
- package/dist/cjs/biggive-accordion_40.cjs.entry.js +33 -33
- package/dist/cjs/biggive-cookie-banner.cjs.entry.js +11 -2
- package/dist/cjs/biggive-cookie-banner.cjs.entry.js.map +1 -1
- package/dist/cjs/biggive-form.cjs.entry.js +1 -1
- package/dist/cjs/biggive-icon-group.cjs.entry.js +1 -1
- package/dist/cjs/biggive-image-card.cjs.entry.js +2 -2
- 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-table.cjs.entry.js +2 -2
- package/dist/cjs/biggive-video.cjs.entry.js +1 -1
- package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.css +1 -1
- package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.js +10 -1
- package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.js.map +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-form-field-text-input/biggive-text-input.js +1 -1
- package/dist/collection/components/biggive-formatted-text/biggive-formatted-text.js +1 -1
- package/dist/collection/components/biggive-generic-icon/biggive-generic-icon.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-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-icon-group/biggive-icon-group.js +1 -1
- 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-quote/biggive-quote.js +1 -1
- 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-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/components/biggive-cookie-banner.js +11 -2
- package/dist/components/biggive-cookie-banner.js.map +1 -1
- package/dist/components/biggive-form-field-select2.js +2 -2
- package/dist/components/biggive-form.js +1 -1
- package/dist/components/biggive-formatted-text.js +1 -1
- package/dist/components/biggive-generic-icon2.js +1 -1
- package/dist/components/biggive-grid.js +1 -1
- package/dist/components/biggive-heading.js +1 -1
- package/dist/components/biggive-hero-image.js +2 -2
- package/dist/components/biggive-icon-button.js +2 -2
- package/dist/components/biggive-icon-group.js +1 -1
- package/dist/components/biggive-image-button.js +2 -2
- package/dist/components/biggive-image-card.js +2 -2
- 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 +2 -2
- package/dist/components/biggive-popup2.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 +2 -2
- package/dist/components/biggive-table.js +2 -2
- package/dist/components/biggive-text-input.js +1 -1
- package/dist/components/biggive-timeline.js +2 -2
- 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/esm/biggive-accordion_40.entry.js +33 -33
- package/dist/esm/biggive-cookie-banner.entry.js +11 -2
- package/dist/esm/biggive-cookie-banner.entry.js.map +1 -1
- package/dist/esm/biggive-form.entry.js +1 -1
- package/dist/esm/biggive-icon-group.entry.js +1 -1
- package/dist/esm/biggive-image-card.entry.js +2 -2
- package/dist/esm/biggive-nav-group.entry.js +1 -1
- package/dist/esm/biggive-nav-item.entry.js +1 -1
- package/dist/esm/biggive-table.entry.js +2 -2
- package/dist/esm/biggive-video.entry.js +1 -1
- package/dist/types/components/biggive-cookie-banner/biggive-cookie-banner.d.ts +4 -0
- package/hydrate/index.js +53 -44
- package/package.json +1 -1
- package/dist/biggive/p-4ec4d402.entry.js +0 -2
- package/dist/biggive/p-4ec4d402.entry.js.map +0 -1
- package/dist/biggive/p-70fa0cea.entry.js +0 -2
- package/dist/biggive/p-fa5a2a0c.entry.js +0 -2
- /package/dist/biggive/{p-2c9394f5.entry.js.map → p-47781056.entry.js.map} +0 -0
- /package/dist/biggive/{p-82104df2.entry.js.map → p-4f23c116.entry.js.map} +0 -0
- /package/dist/biggive/{p-d8c3946b.entry.js.map → p-6226fa57.entry.js.map} +0 -0
- /package/dist/biggive/{p-70fa0cea.entry.js.map → p-8889b434.entry.js.map} +0 -0
- /package/dist/biggive/{p-fa5a2a0c.entry.js.map → p-925dc228.entry.js.map} +0 -0
- /package/dist/biggive/{p-1f6a8810.entry.js.map → p-a97396ec.entry.js.map} +0 -0
- /package/dist/biggive/{p-9be0b685.entry.js.map → p-abc7f3e6.entry.js.map} +0 -0
- /package/dist/biggive/{p-155ca3b1.entry.js.map → p-c071dea5.entry.js.map} +0 -0
|
@@ -86,7 +86,7 @@ export class BiggiveMainMenu {
|
|
|
86
86
|
const now = new Date();
|
|
87
87
|
const ccIsOpenNowIsh = now > CCOpenDate && now < CCCloseDate;
|
|
88
88
|
const homePageLink = ccIsOpenNowIsh ? '/?noredirect' : '/';
|
|
89
|
-
return (h(Host, { key: 'afdf22a39116992ee88f9a0e5336b35265e13100' }, h("div", { key: 'c81490815b81b27b5393cf69375152527c8c1d35', class: "row row-top" }, h("div", { key: 'd34783baa7960ffaf713d3e86dd8132b494ac51d', class: "social-icon-wrap" }, h("biggive-social-icon", { key: '628be0152a5eef7bba28812ea5ef5865f73c32ac', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '57facfe4ecf5fec3dc359a48dda59274082c2e6b', service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '43686d04d180e02d20b3237eec50d4558a199acd', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'c985861e3a4bce9c6e361516582d776424bd3c54', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '2177f88b649ce92167e2c21236ca664eeaef0716', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), h("div", { key: '2bf0e8e0b74a2cc0689eff165466d91efd119d19', class: "nav-secondary" }, this.getSecondaryNavLinks())), h("nav", { key: '7a1588484289f2a079ea14c78491d584f042913f', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: '96828ac717a60d3b28328ab0c5712712e89aecff', class: "navbar" }, h("div", { key: 'a2acbbb9b445cbe88c1835fc1366459497cfabaf', class: "logo" }, h("a", { key: '47ef03e126caf6d1c00a90bb70d0878b2eadc5ff', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: '8031f7a72fd9b1867a6724eb3ca1aada88c3ea9b', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { key: 'e67469a771d86faafdaa641ce928dbcf98e4ac17', d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { key: 'd81d32e23caf236b19a1b4cd1dc95a59c9d1eabf', d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { key: '7a04bacb3b4f0ca4c170b8371569deb607f919ac', class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: '0b7e2afcc956bbef4b3cff40f344acc5d8c284b8', class: "nav-links" }, h("div", { key: '440633c48d2af861e7c546f59a2ba03babffecbb', class: "sidebar-logo" }, h("a", { key: '2b940dcb57b40d40b05af2495f96a64b8e0de830', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: 'e2dc98d105acb9f4264c8eed09aa6b894afe29b4', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { key: 'cf6facbbbabbc363d2f336797c3f2270ca7f6b2e', d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { key: 'f3c6d198e54fdebf2241f789f6b0f45e94f903b9', d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { key: 'f0f9c1e760459d69dc5274da67604e77dd130255', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: '3650449da284e091112c8d56504903f86eae210a', id: "nav-primary" }, h("ul", { key: '7df73040d1007c0b5425e4341b8d716020e18007', class: "links", slot: "nav-primary" }, h("li", { key: '92e1307f7e799eb96109c387fe3034811c2532dc' }, h("a", { key: '4765dc4765dd5f30a12ce20579a446e410d9524b', href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), h("li", { key: '80aca1e3b310ed62c84a9b61112a8c8cc4b1541d' }, h("a", { key: '870f23269ab77cb99c25943428a9f97fd26e7768', href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), h("li", { key: '4f0f4256337f852c806847b6a90ef0535326a8a3' }, h("a", { key: 'f6ca4182196119810799fa1df23dde22844dcaa8', href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), h("li", { key: '6704bcc612e69d304d5517fd29a0a1c851f08f8d' }, h("a", { key: 'e01dc95bd1a9558d75339d0c4b63fe81de00d49d', onClick: this.noNav }, "Match Funding", h("biggive-misc-icon", { key: '766c42c2648666f6837c81b5d288c1b30cdd0657', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '3ffe79e2015c7bc56003cbf1f20cdef0ca4b1f50', class: "sub-menu" }, h("li", { key: '7a0789261388aa8fa770e79fecd3adcd0419e233' }, h("a", { key: '047dbee9b0486fdd50a83cb73a33e662c2c6d340', href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), h("li", { key: '5710e77637e37c96406ded0bf720e472c37c7b11' }, h("a", { key: '57de0505a0af36d05a0c654aa520ac1d19962d53', href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), h("li", { key: '9d6809d20372095e831c263c1e26cefa80923b84', class: "more" }, h("a", { key: 'a332a4222d275ab8c04d202e3f8253131ed5a782', onClick: this.noNav }, "Match Funding Opportunities", h("biggive-misc-icon", { key: 'cc151a8fe5f378cc850a8ad1052504c1fb1e6fee', class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: 'ff49e84a8a72a88d22f9e10a6af06847dc9bdf80', class: "sub-sub-menu" }, h("li", { key: 'f31120593c007e1aedf5e39d97d3501003ea40a5' }, h("a", { key: '3a6e0d97d4d500a65fd11d38488c706a9a829bca', href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", { key: 'b0575f0c6d5c80199b6497cddbebc72dc5376121' }, h("a", { key: 'fe44cc1c859cab74b0890d029d904cbb8e1e7f9d', href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", { key: '2a288caf9961c65814b34c3abd8f4a2de07e5b55' }, h("a", { key: 'ac4aadcc51840529c0fc1420a1276ed9c735b70d', href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green-match" }, "Green Match Fund")), h("li", { key: '43677817219e719081a5aaf258272d24ca7a5f43' }, h("a", { key: '847251bd51d4ede911937951b20cfef01107a78d', href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), h("li", { key: '14f3270ad858f7e05181ff2bafe2f46931bfe44d' }, h("a", { key: 'cf503cca5d9421c00806b5a4f5e4e0dc5bab4b5e', href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", { key: '32854227a49d939fe42581c3db131f6f79230ed7' }, h("a", { key: '2dc86f1ebe34181ecadf9106ad8ed9880e7d8188', href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), h("li", { key: 'e96b6edab2756bc630cfd55e12e55e4971d16e3c' }, h("a", { key: 'fee20152ca62af43177fcff7d90acd232a565063', href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), h("li", { key: 'f06248fd5cb392369112072de1a7ed78fa15a06c' }, h("a", { key: 'd47951bea746ddb141eaa7c0cf30c51beace6c79', href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), h("li", { key: '7363c851350fc6b603d94e02d6fb3a9f8a819e5f' }, h("a", { key: '6de9b73efab7ec4a2e519485131a7a03513dc69e', href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), h("li", { key: 'b67d41d0cea98e53e86a02903ff9fbbb70a4a455' }, h("a", { key: '0e84dae3e722b7670ab585effcff8990512d9597', onClick: this.noNav }, "About Us", h("biggive-misc-icon", { key: '409000803e58de13e2ed0b2e4eb2464bc8cd9da8', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '9658a7e8ddba4d6e8fcd4aa8cfb73b6e23124956', class: "sub-menu" }, h("li", { key: '90bd7496b2f9281664d4ffea7e9867584c5ee56f' }, h("a", { key: 'a7c4690a6335774915805bb8f0cc113fd88d70d8', href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", { key: 'e2b9f991b6dcde7a998a93586616283d493d96c2' }, h("a", { key: 'c05f19567ffd5d9f992f5557d8a9e383134ccc10', href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", { key: 'a9159304999c46419651757396312ba990933fd6' }, h("a", { key: 'd67e88901e292f6255d556043a0b690566ab658d', href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), h("li", { key: '3d9953eb61460ae7eeace37cc656d79ad30c28e1' }, h("a", { key: '44f8375f6596a2d504e66c5f0568c404aae6462e', href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", { key: '961e1c4e733540e5549e32254b8c88dbe89c4cb5' }, h("a", { key: '6a749c7e642b22e95516a13c1834b95f5f246843', href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("li", { key: '4b6ed5496996e73b340718ee0fd2d40a46d46d87' }, h("a", { key: '505e75abc3e560c92121f435e8fc0f76d2ac1350', onClick: this.noNav }, "Resources", h("biggive-misc-icon", { key: '592328aafa0a0b9ee67f94a71355a01fd3c688f3', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '6ccb7644e64f086a327dbe5326aa9b6b52f024ba', class: "sub-menu" }, h("li", { key: '504c00ae2dd261c51ae82fa11c550b33aa1f89b9' }, h("a", { key: 'c7413d0887d44b3a3d7ec0f29831a80892072830', href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", { key: '9fa15f0d346afdb752d00c4a5eb9ce6e96133f5c' }, h("a", { key: 'ccdb7f438e0d8a7293eefcb324c513c21d01ceb6', href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", { key: '44a76e4dd1a31d5cb7aeab32aec323f762b33fe9' }, h("a", { key: '34de9974b25c820d99b5b0d8800eba7dcd174eef', href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", { key: '03da92d12e33f8ca0b885437d0f89bdc271a971a' }, h("a", { key: 'c96e675a5f55a4ee1e3513f685226c6b6835f7c7', href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), h("div", { key: 'd31392fba562cccd66e1daaddd80c4f3d8a847be', class: "mobile-only" }, this.getSecondaryNavLinks())), h("div", { key: '1e5ebecf9213ff8dd6957d56498ad7f8e16ea51a', class: "mobile-social-icon-wrap mobile-only" }, h("biggive-social-icon", { key: 'dfcd1228a2753d10f7e92fbe5ebbab2c10565bee', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'c03e1097342ca0a874aac1711e626bf5e1ac9483', service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'aac8b06595394b31ee1c7beff74969b46efda1dd', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '79501ede5a5df49e310accf60f65ea3f39f5dda3', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '37f60ac4a426e9542d03153c44dc6e06c465a5d4', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
|
|
89
|
+
return (h(Host, { key: '63b7f637d9c5bddc04f26d3a7230b060150d9121' }, h("div", { key: 'da826ccc7ad385063223c1c130aa56c0e265e4d0', class: "row row-top" }, h("div", { key: '50cc24cbfd661c5fa59646c1f9d030bb273ea2d9', class: "social-icon-wrap" }, h("biggive-social-icon", { key: '8eb23c693e4e26a5a7ed9116f9695fa5c71b6422', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '6cbc249cdc5fda7e88f242a9889e681e71b995d9', service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'a83d14bac6dc1c851f42fe1e2ca30d7efbb20d87', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '8f58524a4116fa5ff6d441b61a099284f5ecd0e9', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '57ca520941bde016821c5d301d6926eb6043baa2', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), h("div", { key: 'da26c13b2f5c0315332f923911fff9e7c9a2f57c', class: "nav-secondary" }, this.getSecondaryNavLinks())), h("nav", { key: 'f1463642afc461f14d97dbe5c5a694f7a4ba9b20', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: 'aaa1ab94168fda3a5b50aac554cf08449820c38d', class: "navbar" }, h("div", { key: 'd3b68fa39e2557a27de2b6cd5bd8f1940e372da9', class: "logo" }, h("a", { key: '480d6ab117ed4c5b1a5acee2bd9a59be6e28b068', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: '18b3be7ccc3e22d69bfdfbdc4a262652e31c4fb3', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { key: '1cbb6532be18edb5c7656ab895f9cb6425a9a811', d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { key: 'a4c25ee3e5e8699a718abf7ab0dabc66d1121759', d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { key: '87ef0d4f2093763aa90614e16692bef685566e81', class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: '11894b0cd589bb90471e0965161d34630b466e4d', class: "nav-links" }, h("div", { key: '3dfdc84dfa8a8a8cd7bdadb85c13e89731571edc', class: "sidebar-logo" }, h("a", { key: '96b757c4540ff69f67ed6dc34c1a9dbffc35949b', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: '9c7972adf6eeff4570123a14c34418aeb2c7c574', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { key: 'bdcb84ad63d5d02bf79bf5ecfc0378e2bf40962f', d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { key: '6795187d04a312992e064d4631b5274d29843a0d', d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { key: '309e72b0fc0bed7ab48c72334384cb5c93dbcd5d', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: '40e52f70b81e9d0634b4a863eddaaad619d89756', id: "nav-primary" }, h("ul", { key: '43d4e35c202c1b77820991a345b84019ec6baee2', class: "links", slot: "nav-primary" }, h("li", { key: 'ff1ee44b9cf081e12d4b5ce902775a5ca682279f' }, h("a", { key: '6c0dbea0c85be57411c70fc29b26d60d265cc0f0', href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), h("li", { key: '7ae5a1f72772f4c4463c65f6bda9ff0c27a452b8' }, h("a", { key: '3c00d19e91db0c654f9bca90df63cfd8868ba51b', href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), h("li", { key: '7df4c363245870c7aa6001d2d3b613d44315ed34' }, h("a", { key: '200b049056e027c44e2dd384f10d608dabd0cfd3', href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), h("li", { key: 'e053ea1c5ca737400f04a40fae1b1a84d31d5066' }, h("a", { key: 'c112d38fc845c3d8a9b6541423f7b9e8576218a4', onClick: this.noNav }, "Match Funding", h("biggive-misc-icon", { key: '3501a50ea78a99e038353bda0ba6e40f073b6929', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '82ce8452aee19256f2ac4005ae5d8c95d3f49c76', class: "sub-menu" }, h("li", { key: '67e777cc6db0a2e779271824924a1babd72f4423' }, h("a", { key: 'bf1ebd4580f7ea9fb1fdabb0aceb276af67c6f5c', href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), h("li", { key: '0ebe35fc33cf2eb91a8539dc3aa76243d86adea3' }, h("a", { key: '533e3ceabbfadb61c09e44a275a16cefec46d651', href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), h("li", { key: '8641bf0f9cf4e694f05c812457df198cb83e8476', class: "more" }, h("a", { key: 'd012203926d7d78f07422f1fba7a72f8ceef7a63', onClick: this.noNav }, "Match Funding Opportunities", h("biggive-misc-icon", { key: 'bb5d450884f36a5f6b52de344363248a6fc6b1ed', class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: 'c4b8620a87dd9445ff4cbdf325a968ed607970ef', class: "sub-sub-menu" }, h("li", { key: '461e134f4959d73790d406d44629cde3c27baa1e' }, h("a", { key: '4bc0e617efab1ef65ed65bddf8eff3f2895c3f99', href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", { key: '6b26465ba36b2c810b229a668a9ce5b86cb1c580' }, h("a", { key: '02a5006ea434dbc31a39c837fa31fe3e15a11067', href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", { key: 'ca9ef9eafca7abf5e63b705e07e14ee14a8110b7' }, h("a", { key: 'eb6b0b0b7c51ff9b7384938aec54180aa94b931f', href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green-match" }, "Green Match Fund")), h("li", { key: '4c298020db196b643e846b2a243f097a418f4687' }, h("a", { key: '60169726811db8617673de1bc8c761ac95daf81f', href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), h("li", { key: '0eaf3e4d599b945102a2046a21de7a4631836e22' }, h("a", { key: 'd0af1fda4d0f48ef165a640181b14e5fb5519160', href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", { key: '35a5468888b608e7703915dd536daf285637d6fb' }, h("a", { key: 'a9fc5a350b33f67764844aa1ef9999b87bf5ec9d', href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), h("li", { key: '65c0385c3fbd76596f160e8f022cfc52e817f77a' }, h("a", { key: '5c76097f9ee9507c3108e2ca0c9097994566e77e', href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), h("li", { key: '4f2b2cfd2ecb0ab3dc2dfebc18e4c5943c5fc994' }, h("a", { key: '81dde927e8b297404a2411cedf85d1ecefa09986', href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), h("li", { key: 'f8f702ce7ad7f0de7ad303819d0d7e75b483f314' }, h("a", { key: 'f9748192cf003f23ef51d5cfd6e6aaf671a5bc9e', href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), h("li", { key: 'f88dd519d597ef2345139481796b02009267cae3' }, h("a", { key: 'db8a82b76b634d62eeb51d91b0dae344573c7048', onClick: this.noNav }, "About Us", h("biggive-misc-icon", { key: '42a0905d060e9dfdfd3ea13af9c1729b425343aa', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '6d93c7b6ef3c46663a906ca0b12938c6f30b486f', class: "sub-menu" }, h("li", { key: 'c1112b23eca04692b917f734aa4011d066cb852c' }, h("a", { key: 'd94ae68a035bebcad7681f98f0ab9a07f416cbb7', href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", { key: 'c3dc80d0b619d9e0a2dd3db7c12bbf2d354f2602' }, h("a", { key: '11fbdd3025d89baceb67b4eb08e80bc846313d2f', href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", { key: '32fe2fb3ae50441db005900a42fde64993eaf48e' }, h("a", { key: '0a397879bdf10fe3fe7ab27967bdfa41c7abe4b5', href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), h("li", { key: '2275548d20e60fef84ce79fedb835c5bd77f4057' }, h("a", { key: '0bc9f43ed2ee403df66f93e394988dc8351cda65', href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", { key: '36ba263592862f94d8ff3cce752b3675e6ad2175' }, h("a", { key: '4d3b32e2741435da409feef95a60dc2635cbee0a', href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("li", { key: '5bb9fda0d8867bddf3464b989d6ee78353c2bac1' }, h("a", { key: '20e0cea5eb8476efc5f39eb7c055a75929189e8e', onClick: this.noNav }, "Resources", h("biggive-misc-icon", { key: 'ffe803bdf26c36d5cdccad4235de6f00e9e11521', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '7182bc8a3ed40469cd7b33020f0985ef8a0b33c7', class: "sub-menu" }, h("li", { key: 'f9922a47db26234ec1f935118b21419f48aa4fa5' }, h("a", { key: '09524ade35ee2abfb1066b8e555378dc162f3c4b', href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", { key: 'f741fe5e51ebaed835f60bc479174ff192009d69' }, h("a", { key: 'f55762a29d3d275e97fa02acf2b22da6e957cb5d', href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", { key: '7172ab267ebef1477082426835901b7c230972ff' }, h("a", { key: '78e6f37afc481e57f98b62ee6a2cd6ba471fd6a6', href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", { key: '28cf6bceacbeaf597aa43938c2502c2ae71a1b35' }, h("a", { key: '96dbc84c2eafc7f933cf356d16627c6a6de6a9f2', href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), h("div", { key: '16941577f0dfdbbfdb9d2292da8cce72ca82c09c', class: "mobile-only" }, this.getSecondaryNavLinks())), h("div", { key: '982038d6f2a1c07f3b9103aef0472cb6eea0a028', class: "mobile-social-icon-wrap mobile-only" }, h("biggive-social-icon", { key: '04df901974a7a47444d5083fe1038a2abde1dfa4', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '8abe09280eca817c426dd24b1617d0d9d3c90a97', service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '3652f9a98e354a6ca34ec5cc4f55f0760868ece5', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'd21022a141626c3780c0c47b667086692effb286', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '94e9683f135ca4e3c14057281bb37c798a8e04cc', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
|
|
90
90
|
}
|
|
91
91
|
static get is() { return "biggive-main-menu"; }
|
|
92
92
|
static get encapsulation() { return "shadow"; }
|
|
@@ -14,7 +14,7 @@ export class BiggiveMiscIcon {
|
|
|
14
14
|
render() {
|
|
15
15
|
return (
|
|
16
16
|
// Note: the icon name prop is set as a css class too for any styling specific to certain icons
|
|
17
|
-
h("div", { key: '
|
|
17
|
+
h("div", { key: 'a8085209b94d8f6590cb95d5cde22a3cadc2afff', class: 'misc-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, h("a", { key: 'f6f7c10479e7dade36a871d956b0637f00921daa', href: this.url }, h("svg", { key: '2c7002dfa154e9e1abb25cfd0ee6fa3eee5bee26', width: this.getMiscIcon().icon[0], height: this.getMiscIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getMiscIcon().icon[0] + ' ' + this.getMiscIcon().icon[1] }, h("path", { key: '16037939b4b6131cb30cbc70c4bd4ef6eaa48d64', d: this.getMiscIcon().icon[4].toString() })))));
|
|
18
18
|
}
|
|
19
19
|
static get is() { return "biggive-misc-icon"; }
|
|
20
20
|
static get originalStyleUrls() {
|
|
@@ -4,7 +4,7 @@ export class BiggiveNavGroup {
|
|
|
4
4
|
this.inline = true;
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h("ul", { key: '
|
|
7
|
+
return (h("ul", { key: '49b2376d24d37ac7af1ab8d499d166baf4268a03' }, h("slot", { key: 'b15cfcc1791660ced330af8cf471332f7ca10f49' })));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "biggive-nav-group"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -6,7 +6,7 @@ export class BiggiveNavItem {
|
|
|
6
6
|
this.iconColour = undefined;
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return (h("li", { key: '
|
|
9
|
+
return (h("li", { key: '090f304495cea3310a9e00e33b66a5beb70b0bbc', class: 'icon-' + this.iconColour }, h("a", { key: '7ed939de7267b6fd0c24cb7f34e1683594031cba', href: this.url }, this.label), h("slot", { key: 'f2cd30f28afe1bb4f63d30f658cb1866b9cee98a' })));
|
|
10
10
|
}
|
|
11
11
|
static get is() { return "biggive-nav-item"; }
|
|
12
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class BiggivePageColumn {
|
|
3
3
|
render() {
|
|
4
|
-
return h("slot", { key: '
|
|
4
|
+
return h("slot", { key: 'd2546560d2f14e76bcbd65c64709e430fe2a2fe6' });
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "biggive-page-column"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -4,7 +4,7 @@ export class BiggivePageColumns {
|
|
|
4
4
|
this.spaceBelow = 0;
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h("div", { key: '
|
|
7
|
+
return (h("div", { key: '60631e47b2144d93e2e7a12dece4e48b110f66ce', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'b4049839d4ec173bbb705fa99fa5b7295d7fcd58', class: "columns" }, h("div", { key: 'a4364f0c4e0546e83fa9a76d466d58f039d9e02c', class: "column-primary" }, h("slot", { key: '0c7d1513625f86ea2048460c58149944f2019fa3', name: "column-primary" })), h("div", { key: 'c6b0304d09844ce0c0470ed67c3e1a19dcba7dca', class: "column-secondary" }, h("slot", { key: '5967f00eeeed8d7b4cf6121ae68bf5b83ed2d623', name: "column-secondary" })))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "biggive-page-columns"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -9,7 +9,7 @@ export class BiggivePageSection {
|
|
|
9
9
|
this.primaryFullBleed = false;
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h("div", { key: '
|
|
12
|
+
return (h("div", { key: 'd6da265a26ba6b2b4f1d9aafd582e9b8b55260d0', class: 'container max-width-' +
|
|
13
13
|
this.maxWidth +
|
|
14
14
|
' space-below-' +
|
|
15
15
|
this.spaceBelow +
|
|
@@ -19,7 +19,7 @@ export class BiggivePageSection {
|
|
|
19
19
|
this.sectionStyleTop +
|
|
20
20
|
' style-bottom-' +
|
|
21
21
|
this.sectionStyleBottom +
|
|
22
|
-
(this.primaryFullBleed ? ' full-bleed' : '') }, h("div", { key: '
|
|
22
|
+
(this.primaryFullBleed ? ' full-bleed' : '') }, h("div", { key: '928e94b7e1103157c05aeefa228e68d65b8aa64c', class: "sleeve" }, h("slot", { key: '6a350eead511d672a8b457496ae4fc3a4be5a96d' }))));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "biggive-page-section"; }
|
|
25
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -18,7 +18,7 @@ export class BiggivePopup {
|
|
|
18
18
|
this.popup.setAttribute('tabindex', '-1');
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return (h("div", { key: '
|
|
21
|
+
return (h("div", { key: 'edcf38c87a83226607bb996762590724668b44d8', class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, h("div", { key: 'f6617f6c8d4be780f0619068d548d33fd277a6d3', class: "sleeve" }, h("div", { key: '5359ac7075eac1b7a0ad9a2d0ee1901b97c4261b', class: "header" }, h("div", { key: '85a6fb24ea8fc71e3feecb4ccb55a31c3d53591b', class: "close", onClick: this.closeFromWithin })), h("div", { key: 'd9b8dbc14437ad9d7172c26a178949c4cd729a7a', class: "content" }, h("slot", { key: '0dd0bd48a4a05e74c5e0fdaaa674d1eb0a607ca1' })))));
|
|
22
22
|
}
|
|
23
23
|
static get is() { return "biggive-popup"; }
|
|
24
24
|
static get encapsulation() { return "shadow"; }
|
|
@@ -8,7 +8,7 @@ export class BiggiveQuote {
|
|
|
8
8
|
this.quoteIconColour = 'primary';
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h("div", { key: '
|
|
11
|
+
return (h("div", { key: '9847b2d3312706d18b3af25541f04a2d93d1974c', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow }, h("div", { key: '256ee8682b6d9c02ae561d72f679bce5530a898b', class: "image-wrap" }, h("svg", { key: '07d120bbc2f2663a55ee8f64493441edf5f50352', width: "34", height: "24", viewBox: "0 0 34 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6d6e4e1bf9e354ed6691265e55b3dcb3c00a7be5', d: "M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z", fill: "#2C089B" }))), h("div", { key: 'c0706d1cd545c2df76e68e87f92fa19af6fcecdf', class: "quote" }, "\u201C", this.quote, "\u201D"), h("div", { key: 'f7e316aa80174eb9e9651ddec3b8b4cdd6ff49f4', class: "attribution" }, " - ", this.attribution)));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "biggive-quote"; }
|
|
14
14
|
static get encapsulation() { return "shadow"; }
|
|
@@ -25,7 +25,7 @@ export class BiggiveSheet {
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (h("div", { key: '
|
|
28
|
+
return (h("div", { key: 'bde8a97099bb910c5b759d741795d0e22ada0c09', class: 'container' }, h("div", { key: '6bdb2b01dba578b007505fad5ac91c497c0e5c4b', class: "background" }), h("div", { key: '2738e6c13941121971cfad2ac4311f0b08e33501', class: 'popup background-colour-' + this.backgroundColour + ' text-colour-' + this.textColour }, h("div", { key: 'b639498b4aa99e8c9c55786eb653c5692756bef0', class: "header" }, h("div", { key: '8e50adb78481b0f4bb8580d8f4b7b82d11fee952', class: "back-link", onClick: this.closeSheet }, h("span", { key: '241cdd0dfb3acbc31541e60c68973e40b5d25be3', class: 'svg-wrap colour-' + this.textColour }, h("svg", { key: '8aa093cc5cc3fc15d496b4121dbe8bdf58148de8', width: "33", height: "16", viewBox: "0 0 33 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '913fc778a36f5a2f7cd621b41a4b7b04e3c9686d', d: "M0.292892 7.29289C-0.0976295 7.68342 -0.0976295 8.31658 0.292892 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292892 7.29289ZM33 7L1 7V9L33 9V7Z", fill: "black" }))), "Back"), h("div", { key: '56ab22551b9bd50fc41c09b220366d024a5008dc', class: "close-link", onClick: this.closeSheet }, h("span", { key: '47c3d08f67e2152ccdd7eb271e4da60c8235bd2b', class: "svg-wrap" }, h("svg", { key: '0b84a6310fc3d770cfff6cfe267b35fa242cc8f6', width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1ae5c349a1058e6e1ebc52425b280235d74db1b9', d: "M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z" }))))), h("div", { key: 'a1d2138b2a0d141110da9645e62f17570a9467ad', class: "content" }, h("slot", { key: '38f8ea1eaac88a1f29f8b66b0eb0024f03d6a8e0' })))));
|
|
29
29
|
}
|
|
30
30
|
static get is() { return "biggive-sheet"; }
|
|
31
31
|
static get encapsulation() { return "shadow"; }
|
|
@@ -17,7 +17,7 @@ export class BiggiveSocialIcon {
|
|
|
17
17
|
return icon;
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (h("div", { key: '
|
|
20
|
+
return (h("div", { key: '97a40f92ee2cb2db743f1b7d9f57cac6bc5d17b0', class: 'social-icon-item background-colour-' + this.backgroundColour + (this.wide ? ' wide' : '') }, h("a", { key: '867fcb4b62a42c776e8edfddfb70cb2aface9ab8', href: this.url, "aria-label": `${this.labelPrefix} on ${this.service}`, target: "_blank", rel: "noopener" }, h("svg", { key: '13f283cf3820abb91d0dbed7fb7a2e05ab5ac161', width: this.getSocialIcon().icon[0], height: this.getSocialIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getSocialIcon().icon[0] + ' ' + this.getSocialIcon().icon[1] }, h("path", { key: '0bc8f49718f0429d84d6a7be001004e880c46edf', d: this.getSocialIcon().icon[4].toString() })))));
|
|
21
21
|
}
|
|
22
22
|
static get is() { return "biggive-social-icon"; }
|
|
23
23
|
static get originalStyleUrls() {
|
|
@@ -4,7 +4,7 @@ export class BiggiveTab {
|
|
|
4
4
|
this.tabTitle = '';
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h("div", { key: '
|
|
7
|
+
return (h("div", { key: 'beec549da689fcca90c1caa2c467334ac262696a', class: "container" }, h("slot", { key: '9c598adc54c0e03a9b0dd67733e4fd482331c115' })));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "biggive-tab"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -103,7 +103,7 @@ export class BiggiveTabbedContent {
|
|
|
103
103
|
});
|
|
104
104
|
}
|
|
105
105
|
render() {
|
|
106
|
-
return (h("div", { key: '
|
|
106
|
+
return (h("div", { key: '5cfdf6348cfdf690e355bbf7594aecd110f7f8bf', class: 'container space-below-' +
|
|
107
107
|
this.spaceBelow +
|
|
108
108
|
' text-colour-' +
|
|
109
109
|
this.textColour +
|
|
@@ -116,7 +116,7 @@ export class BiggiveTabbedContent {
|
|
|
116
116
|
' button-background-colour-' +
|
|
117
117
|
this.buttonBackgroundColour +
|
|
118
118
|
' button-icon-colour-' +
|
|
119
|
-
this.buttonIconColour }, h("div", { key: '
|
|
119
|
+
this.buttonIconColour }, h("div", { key: '979cabf49033a13102b29f8aa508410e9e41c907', class: "navigation" }, h("div", { key: '2a250fb9100be79e1d467034c56023f98fcd79b6', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: 'c214160d98a9e8d05654299400c664b8fe0ee2fc', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'cefbefddbf0220769a82791f0cebea8f2f7e68ec', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: '7f7164cd0974134a06bfd3a794fa34a1785569b7', class: "sleeve" }, h("ul", { key: 'ed84d06909f9e38cc70be56a9af53bcc092bf835' }, this.children.map(child => (h("li", { onClick: this.clickTabHandler }, child.tabTitle))))), h("div", { key: 'b390e57bfc6ee90253a93f338aa0620b58b4d351', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: '06e907d2b6409bbee1d39db9ccede943a812deaf', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '352d25161fdefee071c4722c7a846b8697d186d8', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("slot", { key: '1f9db4f0b399a24d4cc35e3130dfa78fb2474b17' })));
|
|
120
120
|
}
|
|
121
121
|
static get is() { return "biggive-tabbed-content"; }
|
|
122
122
|
static get encapsulation() { return "shadow"; }
|
|
@@ -8,7 +8,7 @@ export class BiggiveTable {
|
|
|
8
8
|
this.bodyBackgroundColour = 'grey-light';
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h("div", { key: '
|
|
11
|
+
return (h("div", { key: '3113e1e0f25a9484452e48ae77f7f715a997c15b', class: 'container header-text-colour-' +
|
|
12
12
|
this.headerTextColour +
|
|
13
13
|
' header-background-colour-' +
|
|
14
14
|
this.headerBackgroundColour +
|
|
@@ -17,7 +17,7 @@ export class BiggiveTable {
|
|
|
17
17
|
' body-background-colour-' +
|
|
18
18
|
this.bodyBackgroundColour +
|
|
19
19
|
' space-below-' +
|
|
20
|
-
this.spaceBelow }, h("slot", { key: '
|
|
20
|
+
this.spaceBelow }, h("slot", { key: '3f0c914570a0319d25ce31ca8e3d245f3f1ab77f' })));
|
|
21
21
|
}
|
|
22
22
|
static get is() { return "biggive-table"; }
|
|
23
23
|
static get originalStyleUrls() {
|
|
@@ -106,7 +106,7 @@ export class BiggiveTimeline {
|
|
|
106
106
|
});
|
|
107
107
|
}
|
|
108
108
|
render() {
|
|
109
|
-
return (h("div", { key: '
|
|
109
|
+
return (h("div", { key: '096a697e99342e4da35acb2c0153e77da5677143', class: 'container space-below-' +
|
|
110
110
|
this.spaceBelow +
|
|
111
111
|
' text-colour-' +
|
|
112
112
|
this.textColour +
|
|
@@ -129,7 +129,7 @@ export class BiggiveTimeline {
|
|
|
129
129
|
' entry-title-colour-' +
|
|
130
130
|
this.entryTitleColour +
|
|
131
131
|
' entry-text-colour-' +
|
|
132
|
-
this.entryTextColour }, h("div", { key: '
|
|
132
|
+
this.entryTextColour }, h("div", { key: '866b68700899909cedf0bf99485c3bde578d8377', class: "navigation" }, h("div", { key: '336859257f09239023655501fe161b4d02898da0', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: 'a168c3f4e18c4ceed51e60798576130924508d88', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'fd1984fd1a6fd156abbfb1872aee2ac532daaba3', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: '349fe22c9a6e0917da4011fb200db570da4b6fa9', class: "sleeve" }, h("ul", { key: 'a9cf15e9909ce4cef895dad54bfa5c1b0c8d4849' }, this.tabHeadings.map(tab => (h("li", { onClick: this.clickTabHandler }, tab))))), h("div", { key: '8c3b43e4d94c31e130f4b0b8351d976d7fb8731e', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: '92e265384ce28f0a8a12f375dab1140c72bb13c7', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '89784a350239d6162bfa1c650787394731760ada', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("div", { key: 'e1de965f19ff941936ebc88a4d6e30910529dbfd', class: "entry-wrap" }, this.children.map(entry => (h("div", { class: "entry", "data-date": entry.date }, h("h4", { class: "title" }, entry.heading), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
|
|
133
133
|
}
|
|
134
134
|
static get is() { return "biggive-timeline"; }
|
|
135
135
|
static get encapsulation() { return "shadow"; }
|
|
@@ -82,7 +82,7 @@ export class BiggiveTotalizer {
|
|
|
82
82
|
});
|
|
83
83
|
}
|
|
84
84
|
render() {
|
|
85
|
-
return (h("div", { key: '
|
|
85
|
+
return (h("div", { key: 'cd63de90a5978768de7c27626cecbb36bbc38978', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '176609b50d65bc87c62450993e04c834fc63188d' }, h("div", { key: 'c794bfa657d9489b6eee962b02b3405479f47025', class: "banner" }, h("div", { key: '67f4805f85e9233c0d63350707317ddb1670d5f7', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), h("div", { key: '831e89b9a0b3e36fb8cf5887d6ee74b5394e2281', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("div", { key: '06286e0e8c4e65ed8c527717825ee057e78c58a0', id: "sleeve_1", class: "sleeve" }, h("slot", { key: 'd2fbd056ce3db805895ba22d92d8fbeffa986d59', name: "ticker-items" })), h("div", { key: 'f387ec615b49a2a23e6ab79af1365251ac0e22e7', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '2d7b9c3928b4511c1337ef4f3ce7d0b9b1837e39', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), h("div", { key: 'd7d83384902f0c0a9aa40093b8982adb0f393baa', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
|
|
86
86
|
}
|
|
87
87
|
static get is() { return "biggive-totalizer"; }
|
|
88
88
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item.js
CHANGED
|
@@ -5,7 +5,7 @@ export class BiggiveTotalizerTickerItem {
|
|
|
5
5
|
this.label = undefined;
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
|
-
return (h("div", { key: '
|
|
8
|
+
return (h("div", { key: 'e4ce4a3824bd31f80beb0389e5e0ba4065a73219', class: "ticker-item" }, h("strong", { key: '8e62abaa37ea7839468d5a016caba905a06dc9cc' }, this.figure), " ", this.label));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "biggive-totalizer-ticker-item"; }
|
|
11
11
|
static get encapsulation() { return "shadow"; }
|
|
@@ -7,7 +7,7 @@ export class BiggiveVideo {
|
|
|
7
7
|
this.videoUrl = '';
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h("div", { key: '
|
|
10
|
+
return (h("div", { key: 'e3bd4523159953b28e37ce98e289944ef4ca50d5', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: 'a194d68564e3cf47755925708b403df2d25eeff2', class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
|
|
11
11
|
}
|
|
12
12
|
static get is() { return "biggive-video"; }
|
|
13
13
|
static get encapsulation() { return "shadow"; }
|
|
@@ -18,7 +18,7 @@ export class BiggiveVideoFeature {
|
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
20
|
const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
|
|
21
|
-
return (h("div", { key: '
|
|
21
|
+
return (h("div", { key: '855057b60320bcf507d86b395c7618fe12b95e7b', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '68bd003e836965f148e976d131bc664f79a39a6a', class: "sleeve" }, h("div", { key: 'a121a1c5beb81d87098e96dac71bddbb0a23b487', class: "content-wrap" }, h("div", { key: '3761817e4195188128275295dd89d83f5fb82bba', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'c68489aef31522645fdc2f2aba2a0cf4863ab318', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '61e82ac9b697fca6935f742dc52e2e7a5522b466', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { key: '51811f526285e6d4956804306f30f239e4b30836', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
|
|
22
22
|
}
|
|
23
23
|
static get is() { return "biggive-video-feature"; }
|
|
24
24
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
|
|
|
2
2
|
import { d as defineCustomElement$3 } from './biggive-button2.js';
|
|
3
3
|
import { d as defineCustomElement$2 } from './biggive-popup2.js';
|
|
4
4
|
|
|
5
|
-
const biggiveCookieBannerCss = "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-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.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-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-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-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.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-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.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-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-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-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:
|
|
5
|
+
const biggiveCookieBannerCss = "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-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.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-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-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-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.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-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.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-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-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-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:600px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content{max-height:95vh;overflow:auto}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content p{margin-top:5px;margin-bottom:8px}biggive-popup div.content div.radio-group{margin-bottom:30px}";
|
|
6
6
|
const BiggiveCookieBannerStyle0 = biggiveCookieBannerCss;
|
|
7
7
|
|
|
8
8
|
const BiggiveCookieBanner$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveCookieBanner extends HTMLElement {
|
|
@@ -26,6 +26,15 @@ const BiggiveCookieBanner$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveCook
|
|
|
26
26
|
this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });
|
|
27
27
|
elementById.closeFromOutside();
|
|
28
28
|
};
|
|
29
|
+
/**
|
|
30
|
+
* Emits the same event as if the user had gone into preferences and said no to every option.
|
|
31
|
+
*/
|
|
32
|
+
this.handleRejectAllClicked = () => {
|
|
33
|
+
var _a;
|
|
34
|
+
this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: false, thirdParty: false });
|
|
35
|
+
const elementById = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('cookie-preferences-popup');
|
|
36
|
+
elementById.closeFromOutside();
|
|
37
|
+
};
|
|
29
38
|
this.handleAcceptAllClick = () => {
|
|
30
39
|
// We just emit the event - it will be up to the application, e.g. wp or frontend to listen for the event, record the acceptence, and make
|
|
31
40
|
// and make this component disappear.
|
|
@@ -34,7 +43,7 @@ const BiggiveCookieBanner$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveCook
|
|
|
34
43
|
this.blogUriPrefix = undefined;
|
|
35
44
|
}
|
|
36
45
|
render() {
|
|
37
|
-
return (h("div", { key: '
|
|
46
|
+
return (h("div", { key: '0b518113b850583d6ee39d9c7dd836a1e2b40bc0', class: "cooke-consent-container" }, h("biggive-popup", { key: 'f684d84984d112d022dee9c63426abb8af1fc44a', id: "cookie-preferences-popup" }, h("div", { key: 'e795bacf2d8124ee73401f018f44d535c7826c6f', class: "content" }, h("h4", { key: 'c15314e2992d4ee844c1255ad927a16e41dea2ef', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '06db32cf6035ee586c294ce0c5d1a9ac6db1f41a' }, h("div", { key: 'f94ca6ad63709c2931397e1d83c6065b82b39fc7', class: "radio-group" }, h("h5", { key: 'c4bdce798193258a030aa244700961a9a213096e' }, "Essential Cookies"), h("p", { key: '353c6acf718fba557839b48b0923e04fee2767c9' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: 'ce79815463e1672181bd5538a513098c41c4226c', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: 'c2a7c2afe58f9bfdfc53bf0fcc64056f56e33788', htmlFor: "necassary-on" }, "Off"), h("input", { key: '7c26a030f17fa16a54df37a9d951b99d2729a39b', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: 'a09a9bd36186f3f6b20599a255845eb753d0c51b', htmlFor: "necassary-on" }, "On")), h("div", { key: '0e797f65022b93564d51425d0c9fb635e3b15baf', class: "radio-group" }, h("h5", { key: '572c9395a9103b891a6a5b05803486400a5d8281' }, "Analytics & Testing Cookies"), h("p", { key: '20401fcc298c4e4d1204d543bd7fe4441f034460' }, "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: '2228099eebd8525395f372e8fd3f55e24b7d160f' }, "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: 'fe1baf10ec447e8cb6300d0fe64c46b95d35566f', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: true }), h("label", { key: 'ca4d7a55b9ab9736a274771f9b9a6e01bc6dde38', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: '507af0657acf27c183096f9fededc505c261c800', type: "radio", name: "a-and-t", id: "a-and-t-on" }), h("label", { key: 'd73613717a0483fa4300e0533597466e7e609c36', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '17c8a2aa25109820a1015f9c47c7507ef15f21c8', class: "radio-group" }, h("h5", { key: '77979a90d8837273ad2f642b5548053b4347108c' }, "Third-party Cookies "), h("p", { key: '625c863ebfb27879c3120d040a2221bd7bb60004' }, "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: '51d0dbfb0f7ee44f2fa1b8f381d08115b476baf2', type: "radio", name: "third-party", id: "third-party-off", checked: true }), h("label", { key: 'b8425e282609788bd0cdd363d788e3e121183c37', htmlFor: "third-party-off" }, "Off"), h("input", { key: '6d8fb64e28a40e8994cddf5d977e0cbf4b4b3c4c', type: "radio", name: "third-party", id: "third-party-on" }), h("label", { key: '12768a033c177d357cb657194eba8d6fa0ca94f1', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: '070c91e0240ce6d9e27eb14c2cc8e21516fe2b05', "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", onClick: this.handleAcceptSelectedCookies })))), h("h2", { key: '8a7bb3b45df69543286e281bb10ba65f0142c4ed' }, "Our website uses cookies"), h("p", { key: '25a7df67d934c5cb9d56c54cc51fc1917fe0f561' }, "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: '475db7de2f55a2312ce707e3221f7bcfd286098f' }, h("a", { key: '5ff4adad7ed92466085092dce26a10d448a93e57', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: 'be43d9c404f7e2430dd6f2478b022cf67fc92fa5', class: "button-group" }, h("biggive-button", { key: 'd1d72d8855c8e1cf45144be207c280469c1f4c38', onClick: 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: 'eda4ed41acb7b52cdf9f0c30ebfa0fd818511518', onClick: this.handleRejectAllClicked, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Reject All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }), h("biggive-button", { key: '638198e1aba40248947ca90d29de154f4726a000', onClick: 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" }))));
|
|
38
47
|
}
|
|
39
48
|
get el() { return this; }
|
|
40
49
|
static get style() { return BiggiveCookieBannerStyle0; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"biggive-cookie-banner.js","mappings":"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","names":["BiggiveCookieBanner"],"sources":["src/components/biggive-cookie-banner/biggive-cookie-banner.scss?tag=biggive-cookie-banner&encapsulation=shadow","src/components/biggive-cookie-banner/biggive-cookie-banner.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\nh2:first-child {\n // padding of the container is enough, a top margin would make the banner unsymmetrical.\n margin-top: 0;\n}\n\ndiv.cooke-consent-container {\n @include standard-font();\n @include font-size-small();\n border-radius: 10px;\n background: white;\n border: 1px solid black;\n max-width: 500px;\n padding: 1em;\n}\n\ndiv.button-group {\n margin-top: 1em;\n display: flex;\n justify-content: space-evenly;\n width: 100%;\n flex-direction: column;\n gap: 1em;\n\n @media screen and (min-width: $screen-mobile-medium) {\n flex-direction: row-reverse;\n }\n}\n\nbiggive-popup {\n @include font-size-medium();\n div.content {\n max-height: 95vh;\n overflow: auto;\n h5 {\n border-bottom: 2px solid black;\n max-width: 25em;\n margin-bottom: 5px;\n }\n\n p {\n margin-top: 5px;\n margin-bottom: 8px;\n }\n\n div.radio-group {\n margin-bottom: 30px;\n }\n }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'biggive-cookie-banner',\n styleUrl: 'biggive-cookie-banner.scss',\n shadow: true,\n})\nexport class BiggiveCookieBanner {\n @Prop() blogUriPrefix!: string;\n @Element() el: HTMLBiggiveCookieBannerElement;\n\n /**\n * Indicates that the user accepts cookies for any purpose, without discrimination.\n */\n @Event({\n eventName: 'cookieBannerAcceptAllSelected',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n cookieBannerAcceptAllSelected: EventEmitter<void>;\n\n /**\n * Indicates that the user has made a selection of cookies purpose to accept.\n *\n * Event data is an object with boolean properties to say whether the user accepts or refuses each category of optional cookie.\n */\n @Event({\n eventName: 'cookieBannerSavePreferencesSelected',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n cookieBannerSavePreferencesSelected: EventEmitter<{ analyticsAndTesting: Boolean; thirdParty: boolean }>;\n\n private handleChoosePrefencesClick = () => {\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.openFromOutside();\n };\n\n private handleAcceptSelectedCookies = () => {\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.closeFromOutside();\n\n const analyticsAndTestingRadio = this.el.shadowRoot?.getElementById('a-and-t-on') as HTMLInputElement;\n const thirdPartyRadio = this.el.shadowRoot?.getElementById('third-party-on') as HTMLInputElement;\n\n this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });\n\n elementById.closeFromOutside();\n };\n\n private handleAcceptAllClick = () => {\n // We just emit the event - it will be up to the application, e.g. wp or frontend to listen for the event, record the acceptence, and make\n // and make this component disappear.\n\n this.cookieBannerAcceptAllSelected.emit();\n };\n\n render() {\n return (\n <div class=\"cooke-consent-container\">\n <biggive-popup id=\"cookie-preferences-popup\">\n <div class=\"content\">\n <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Manage your cookie preferences</h4>\n <form>\n <div class=\"radio-group\">\n <h5>Essential Cookies</h5>\n <p>These cookies are necessary to ensure our website functions correctly and include required cookies from third parties.</p>\n <input type=\"radio\" name=\"necassary\" id=\"necassary-off\" disabled={true} />\n <label htmlFor=\"necassary-on\">Off</label>\n\n <input type=\"radio\" name=\"necassary\" id=\"necassary-on\" disabled={true} checked={true} />\n <label htmlFor=\"necassary-on\">On</label>\n </div>\n\n <div class=\"radio-group\">\n <h5>Analytics & Testing Cookies</h5>\n <p>\n We use analytics cookies to track activity on our website. For example, the pages you’ve visited, the content you’ve engaged with and the search terms you’ve\n used. This allows us to personalise and improve our content.\n </p>\n\n <p>\n 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\n your user experience.\n </p>\n <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-off\" checked={true} />\n <label htmlFor=\"a-and-t-off\">Off</label>\n\n <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-on\" />\n <label htmlFor=\"a-and-t-on\">On</label>\n </div>\n\n <div class=\"radio-group\">\n <h5>Third-party Cookies </h5>\n <p>\n These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our\n donation experience survey.\n </p>\n <input type=\"radio\" name=\"third-party\" id=\"third-party-off\" checked={true} />\n <label htmlFor=\"third-party-off\">Off</label>\n\n <input type=\"radio\" name=\"third-party\" id=\"third-party-on\" />\n <label htmlFor=\"third-party-on\">On</label>\n </div>\n\n <biggive-button\n space-below=\"0\"\n space-above=\"2\"\n colour-scheme=\"secondary\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Accept Selected Cookies\"\n open-in-new-tab=\"false\"\n full-width=\"false\"\n size=\"small\"\n rounded={false}\n centered={false}\n button-id=\"accept-selected-button\"\n onClick={this.handleAcceptSelectedCookies}\n ></biggive-button>\n </form>\n </div>\n </biggive-popup>\n\n <h2>Our website uses cookies</h2>\n\n <p>\n 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\n website and make improvements.\n </p>\n\n <p>\n <a href={this.blogUriPrefix + '/privacy'}>Find out more in our Privacy Statement</a>\n </p>\n\n <div class=\"button-group\">\n <biggive-button\n onClick={this.handleAcceptAllClick}\n space-below=\"0\"\n colour-scheme=\"secondary\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Accept All\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"accept-all-button\"\n ></biggive-button>\n\n <biggive-button\n onClick={this.handleChoosePrefencesClick}\n space-below=\"0\"\n colour-scheme=\"grey-light\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Choose Preferences\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"choose-preferences-button\"\n ></biggive-button>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"biggive-cookie-banner.js","mappings":"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","names":["BiggiveCookieBanner"],"sources":["src/components/biggive-cookie-banner/biggive-cookie-banner.scss?tag=biggive-cookie-banner&encapsulation=shadow","src/components/biggive-cookie-banner/biggive-cookie-banner.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\nh2:first-child {\n // padding of the container is enough, a top margin would make the banner unsymmetrical.\n margin-top: 0;\n}\n\ndiv.cooke-consent-container {\n @include standard-font();\n @include font-size-small();\n border-radius: 10px;\n background: white;\n border: 1px solid black;\n max-width: 600px;\n padding: 1em;\n}\n\ndiv.button-group {\n margin-top: 1em;\n display: flex;\n justify-content: space-evenly;\n width: 100%;\n flex-direction: column;\n gap: 1em;\n\n @media screen and (min-width: $screen-mobile-medium) {\n flex-direction: row-reverse;\n }\n}\n\nbiggive-popup {\n @include font-size-medium();\n div.content {\n max-height: 95vh;\n overflow: auto;\n h5 {\n border-bottom: 2px solid black;\n max-width: 25em;\n margin-bottom: 5px;\n }\n\n p {\n margin-top: 5px;\n margin-bottom: 8px;\n }\n\n div.radio-group {\n margin-bottom: 30px;\n }\n }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'biggive-cookie-banner',\n styleUrl: 'biggive-cookie-banner.scss',\n shadow: true,\n})\nexport class BiggiveCookieBanner {\n @Prop() blogUriPrefix!: string;\n @Element() el: HTMLBiggiveCookieBannerElement;\n\n /**\n * Indicates that the user accepts cookies for any purpose, without discrimination.\n */\n @Event({\n eventName: 'cookieBannerAcceptAllSelected',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n cookieBannerAcceptAllSelected: EventEmitter<void>;\n\n /**\n * Indicates that the user has made a selection of cookies purpose to accept.\n *\n * Event data is an object with boolean properties to say whether the user accepts or refuses each category of optional cookie.\n */\n @Event({\n eventName: 'cookieBannerSavePreferencesSelected',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n cookieBannerSavePreferencesSelected: EventEmitter<{ analyticsAndTesting: Boolean; thirdParty: boolean }>;\n\n private handleChoosePrefencesClick = () => {\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.openFromOutside();\n };\n\n private handleAcceptSelectedCookies = () => {\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.closeFromOutside();\n\n const analyticsAndTestingRadio = this.el.shadowRoot?.getElementById('a-and-t-on') as HTMLInputElement;\n const thirdPartyRadio = this.el.shadowRoot?.getElementById('third-party-on') as HTMLInputElement;\n\n this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });\n\n elementById.closeFromOutside();\n };\n\n /**\n * Emits the same event as if the user had gone into preferences and said no to every option.\n */\n private handleRejectAllClicked = () => {\n this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: false, thirdParty: false });\n\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.closeFromOutside();\n };\n\n private handleAcceptAllClick = () => {\n // We just emit the event - it will be up to the application, e.g. wp or frontend to listen for the event, record the acceptence, and make\n // and make this component disappear.\n\n this.cookieBannerAcceptAllSelected.emit();\n };\n\n render() {\n return (\n <div class=\"cooke-consent-container\">\n <biggive-popup id=\"cookie-preferences-popup\">\n <div class=\"content\">\n <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Manage your cookie preferences</h4>\n <form>\n <div class=\"radio-group\">\n <h5>Essential Cookies</h5>\n <p>These cookies are necessary to ensure our website functions correctly and include required cookies from third parties.</p>\n <input type=\"radio\" name=\"necassary\" id=\"necassary-off\" disabled={true} />\n <label htmlFor=\"necassary-on\">Off</label>\n\n <input type=\"radio\" name=\"necassary\" id=\"necassary-on\" disabled={true} checked={true} />\n <label htmlFor=\"necassary-on\">On</label>\n </div>\n\n <div class=\"radio-group\">\n <h5>Analytics & Testing Cookies</h5>\n <p>\n We use analytics cookies to track activity on our website. For example, the pages you’ve visited, the content you’ve engaged with and the search terms you’ve\n used. This allows us to personalise and improve our content.\n </p>\n\n <p>\n 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\n your user experience.\n </p>\n <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-off\" checked={true} />\n <label htmlFor=\"a-and-t-off\">Off</label>\n\n <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-on\" />\n <label htmlFor=\"a-and-t-on\">On</label>\n </div>\n\n <div class=\"radio-group\">\n <h5>Third-party Cookies </h5>\n <p>\n These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our\n donation experience survey.\n </p>\n <input type=\"radio\" name=\"third-party\" id=\"third-party-off\" checked={true} />\n <label htmlFor=\"third-party-off\">Off</label>\n\n <input type=\"radio\" name=\"third-party\" id=\"third-party-on\" />\n <label htmlFor=\"third-party-on\">On</label>\n </div>\n\n <biggive-button\n space-below=\"0\"\n space-above=\"2\"\n colour-scheme=\"secondary\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Accept Selected Cookies\"\n open-in-new-tab=\"false\"\n full-width=\"false\"\n size=\"small\"\n rounded={false}\n centered={false}\n button-id=\"accept-selected-button\"\n onClick={this.handleAcceptSelectedCookies}\n ></biggive-button>\n </form>\n </div>\n </biggive-popup>\n\n <h2>Our website uses cookies</h2>\n\n <p>\n 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\n website and make improvements.\n </p>\n\n <p>\n <a href={this.blogUriPrefix + '/privacy#cookies'} target=\"_blank\">\n Find out more in our Cookies Statement\n </a>\n </p>\n\n <div class=\"button-group\">\n <biggive-button\n onClick={this.handleAcceptAllClick}\n space-below=\"0\"\n colour-scheme=\"secondary\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Accept All\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"accept-all-button\"\n ></biggive-button>\n\n <biggive-button\n onClick={this.handleRejectAllClicked}\n space-below=\"0\"\n colour-scheme=\"grey-light\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Reject All\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"choose-preferences-button\"\n ></biggive-button>\n\n <biggive-button\n onClick={this.handleChoosePrefencesClick}\n space-below=\"0\"\n colour-scheme=\"grey-light\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Choose Preferences\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"choose-preferences-button\"\n ></biggive-button>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -45,12 +45,12 @@ const BiggiveFormFieldSelect = /*@__PURE__*/ proxyCustomElement(class BiggiveFor
|
|
|
45
45
|
console.error('options undefined');
|
|
46
46
|
options = [];
|
|
47
47
|
}
|
|
48
|
-
return (h("div", { key: '
|
|
48
|
+
return (h("div", { key: '314d01ca8ff44ff44503f77fe1cf2d9e42dbfc69', class: "selectWrapper" }, h("label", { key: 'a74607e2e4047a38c13b8b7ab75cf114b1f879c4', class: greyIfRequired }, h("div", { key: 'dad4fbf9f04321b2ebe58cf346e8855ba1dd2972', class: 'prompt' + greyIfRequired }, this.prompt), h("div", { key: 'e25be2a1528f8663edb219902887df28fe329e8a', class: 'dropdown space-below-' +
|
|
49
49
|
this.spaceBelow +
|
|
50
50
|
' select-style-' +
|
|
51
51
|
this.selectStyle +
|
|
52
52
|
(this.prompt === null ? ' noprompt' : '') +
|
|
53
|
-
(this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, h("div", { key: '
|
|
53
|
+
(this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, h("div", { key: '71d3f4927a04f5d62f88df19b59f8f6831956857', class: "sleeve" }, h("select", { key: '2d44e441d4ebca8afc24717374db5ea26e40687a', class: greyIfRequired, onChange: this.doOptionSelectCompletedHandler }, options.map(option => (h("option", { selected: this.selectedValue === option.value, value: option.value }, option.label)))), h("div", { key: '19523a88f8ba510068d0843da64c67022b8af86f', class: "arrow" }))))));
|
|
54
54
|
}
|
|
55
55
|
get el() { return this; }
|
|
56
56
|
static get style() { return BiggiveFormFieldSelectStyle0; }
|
|
@@ -10,7 +10,7 @@ const BiggiveForm$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveForm extends
|
|
|
10
10
|
this.__attachShadow();
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h(Host, { key: '
|
|
13
|
+
return (h(Host, { key: '69b59fca979bed410d652d3ca274d9d849efb1f0' }, h("slot", { key: '7245c2d5fa77cb57782df8374e7db75ccd582b7f' })));
|
|
14
14
|
}
|
|
15
15
|
static get style() { return BiggiveFormStyle0; }
|
|
16
16
|
}, [1, "biggive-form"]);
|
|
@@ -13,7 +13,7 @@ const BiggiveFormattedText$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveFor
|
|
|
13
13
|
this.maxWidth = 100;
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h("div", { key: '
|
|
16
|
+
return (h("div", { key: 'b7ff15887da8516a3af5788e0696430b35d58940', class: 'container max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("slot", { key: '6f1646382a27476bb307348d6c9d77cc0eb97f3e' })));
|
|
17
17
|
}
|
|
18
18
|
static get style() { return BiggiveFormattedTextStyle0; }
|
|
19
19
|
}, [1, "biggive-formatted-text", {
|
|
@@ -34,7 +34,7 @@ const BiggiveGenericIcon = /*@__PURE__*/ proxyCustomElement(class BiggiveGeneric
|
|
|
34
34
|
const iconDefinition = this.getIconDefinition();
|
|
35
35
|
return (
|
|
36
36
|
// Note: the icon name prop is set as a css class too for any styling specific to certain icons
|
|
37
|
-
h("div", { key: '
|
|
37
|
+
h("div", { key: 'f2022ed32b636865b547c86a3ae09c6af47ba7f0', class: 'generic-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, h("a", { key: '59cc5d22c0c234ad5b55c8fbceb6d3ba86e10598', href: this.url }, iconDefinition ? (h("svg", { width: iconDefinition.icon[0], height: iconDefinition.icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + iconDefinition.icon[0] + ' ' + iconDefinition.icon[1] }, h("path", { d: iconDefinition.icon[4].toString() }))) : null)));
|
|
38
38
|
}
|
|
39
39
|
static get style() { return BiggiveGenericIconStyle0; }
|
|
40
40
|
}, [0, "biggive-generic-icon", {
|
|
@@ -14,7 +14,7 @@ const BiggiveGrid$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveGrid extends
|
|
|
14
14
|
this.columnGap = 0;
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return (h("div", { key: '
|
|
17
|
+
return (h("div", { key: '416def4a0c08978e15974ce9af6618023b50f83b', class: 'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '') }, h("slot", { key: 'b56f17f534fb1a33f628360dd7abfea3bda20264' })));
|
|
18
18
|
}
|
|
19
19
|
static get style() { return BiggiveGridStyle0; }
|
|
20
20
|
}, [1, "biggive-grid", {
|