npm - @biggive/components - Versions diffs - 202501161735.0.0 → 202501170933.0.0 - Mend

@biggive/components 202501161735.0.0 → 202501170933.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.

Files changed (22) hide show

package/dist/biggive/biggive.esm.js +1 -1
package/dist/biggive/biggive.esm.js.map +1 -1
package/dist/biggive/{p-6e1f5e69.entry.js → p-8c6c1385.entry.js} +2 -2
package/dist/biggive/p-8c6c1385.entry.js.map +1 -0
package/dist/cjs/biggive-accordion_38.cjs.entry.js +10 -12
package/dist/cjs/biggive-accordion_38.cjs.entry.js.map +1 -1
package/dist/cjs/biggive.cjs.js +1 -1
package/dist/cjs/loader.cjs.js +1 -1
package/dist/collection/components/biggive-main-menu/biggive-main-menu.js +30 -12
package/dist/collection/components/biggive-main-menu/biggive-main-menu.js.map +1 -1
package/dist/components/biggive-main-menu.js +11 -12
package/dist/components/biggive-main-menu.js.map +1 -1
package/dist/esm/biggive-accordion_38.entry.js +10 -12
package/dist/esm/biggive-accordion_38.entry.js.map +1 -1
package/dist/esm/biggive.js +1 -1
package/dist/esm/loader.js +1 -1
package/dist/types/components/biggive-main-menu/biggive-main-menu.d.ts +8 -0
package/dist/types/components.d.ts +8 -0
package/hydrate/index.js +11 -12
package/hydrate/index.mjs +11 -12
package/package.json +1 -1
package/dist/biggive/p-6e1f5e69.entry.js.map +0 -1

package/dist/components/biggive-main-menu.js CHANGED Viewed

@@ -21,6 +21,14 @@ const BiggiveMainMenu$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveMainMenu
         this.donateUrlPrefix = 'https://donate.biggive.org';
         this.experienceUrlPrefix = 'https://community.biggive.org';
         this.myAccountFlagEnabled = false;
+        /**
+         * We don't want to make the ?noredirect version proliferate too much so err on not
+         * including this. We also don't really want every single page to have to get highlight cards
+         * to set this property. So for now, typically only meta-campaign bothers to get the correct value
+         * to set this true if appropriate. That's the page which is the destination of the redirect so is
+         * arguably the only place where it's essential that the menu lets you go to the 'normal' home page.
+         */
+        this.someCampaignHasHomePageRedirect = false;
         /**
          * Whether the current user is logged in (i.e. is assumed to have a valid JWT). They get links to some
          * extra content if they are.
@@ -117,22 +125,12 @@ const BiggiveMainMenu$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveMainMenu
         return (h("ul", null, this.myAccountFlagEnabled && !this.isLoggedIn && (h("li", null, h("a", { href: makeURL('Donate', this.donateUrlPrefix, 'login') }, "Donor Login"))), this.isLoggedIn && (h("li", null, h("a", { onClick: this.noNav }, "My Account", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": chevronBackgroundColour, "icon-colour": chevronIconColour, icon: "CaretRight" })), h("ul", { class: "sub-menu sub-menu-main", id: "my-account-sub-menu" }, h("li", null, h("a", { href: makeURL('Donate', this.donateUrlPrefix, 'my-account') }, "Your details")), h("li", null, h("a", { href: "javascript:void(0)", onClick: this.logOut }, "Log out"))))), h("li", null, h("a", { href: makeURL('Experience', this.experienceUrlPrefix, 'charities/s/login') }, "Charity Login")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'support') }, "Support"))));
     }
     render() {
-        /** ten minutes in advance to account for a *very* slow browser following the link and/or clock skew.
-         * There's not really any harm in doing this early unless its soo early that people start sharing the noredirect link more than we'd like.
-         */
-        const CCOpenDate = new Date('2024-12-02T23:50:00+00:00');
-        /**
-         * Ten minutes late. Again doing this late doesn't hurt.
-         */
-        const CCCloseDate = new Date('2024-12-10T12:10:00+00:00');
-        const now = new Date();
-        const ccIsOpenNowIsh = now > CCOpenDate && now < CCCloseDate;
-        const homePageLink = ccIsOpenNowIsh ? '/?noredirect' : '/';
+        const homePageLink = this.someCampaignHasHomePageRedirect ? '/?noredirect' : '/';
         // calling same function twice because using same JSX node twice is not allowed
         // see https://stenciljs.com/docs/templating-jsx#avoid-shared-jsx-nodes
         const secondaryNavLinksForDesktop = this.getSecondaryNavLinks('desktop');
         const secondaryNavLinksForMobile = this.getSecondaryNavLinks('mobile');
-        return (h(Host, { key: '5799990ab366e877d1cfd8ba28876b156b9c9d25' }, h("div", { key: '70b07e47876ff4c9fd6acf640a60537e04cccca7', class: "row row-top" }, h("div", { key: 'c10ba0aa6cee48cf4ef0bac93294cb8f442bdedf', class: "social-icon-wrap" }, h("biggive-social-icon", { key: '26d27c2833bba233b2310c9bb80e73a962241170', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '199152e500705fbd38183e7de7463a6a084fd972', service: "Twitter", url: "https://x.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '5f7e882b9e70e3b0e883e433dbec65100982a5c1', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '9ed77739a464ef741da900e605e9ce2a6d730339', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '4c435606fc44cba5be8059f2b315334c398d2907', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), h("div", { key: '79981d9fa6255d9a2a92744438c2e1745d648e56', class: "nav-secondary" }, secondaryNavLinksForDesktop)), h("nav", { key: 'bd722927629e5ff41412b883580adb588405f794', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: '0f06af9986e4d921a184af39dedf0eefca1f133c', class: "navbar" }, h("div", { key: '0d8b2553d91c469832e7e8336331461991ef0e24', class: "logo" }, h("a", { key: '61c32bb0cbf9e764b75b49684dd71f8ca28d93da', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: '4987f595f546ffdfd21236fb7410519800b5c1a6', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { key: '307b23850a343acdba92dfc35334a9b98dd03b02', 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: 'dda27a2b2e79a55c6533ddf57bd4c885f0380bc2', d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { key: '1d9780f877084fb28f435ad506b29426fa3f0a0d', class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: 'a776b674f9f453ba193a33b619cc9441c66c4af1', class: "nav-links" }, h("div", { key: '2a2df60dbd2f06d189dc144b7937b616dc58631d', class: "sidebar-logo" }, h("a", { key: '847172aabb0fa018dbfed38c499f3eb9581c5cc1', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: '36b877a2b9926a38f9982439da898eac680cee20', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { key: 'bd7bd8d2b485928d7d7fc0c9c54e78be954bc921', 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: '9fcf76895751b0928492b3e3e11c96989ebfd9ae', d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { key: 'b83efb884fbbc4899155184170fa6e24b16079a8', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: 'be7571e6a4382439c94ca6c42cc01d0060f5b41a', id: "nav-primary" }, h("ul", { key: '992e6e15ac026b3742baf5cfe10316b4d6c7d6d7', class: "links", slot: "nav-primary" }, h("li", { key: '60fe8649e6d97a5d2c3400b1f9f899fe4cc3fa6c' }, h("a", { key: '9ca085499f70ce4c8d4a3af51ee3425257aba432', href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), h("li", { key: '5c2e975c97c8dd3500d5c911ae14490d5b441007' }, h("a", { key: '645554e81c34fdb829a6eeb9820f4a55b4c51593', href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), h("li", { key: '1fa63d92d677e1c919945d14255a7fa61c5d6f84' }, h("a", { key: '060573ba979346d5fbe95594e76a2d467f9f83f7', href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), h("li", { key: 'f67efc059ae9309ca84ceee5ca77df073020698d' }, h("a", { key: '67f2e167ea18d03a409d390c77234f8352c8ba3d', onClick: this.noNav }, "Match Funding", h("biggive-misc-icon", { key: '6270cef2799a03ade4aeb7bc5b3bb64dc643b370', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '3acc3c4ade7600df34f5fc5e1ebfa5058639bb5c', class: "sub-menu" }, h("li", { key: '59fc188916401c9202a575db5da6906037862557' }, h("a", { key: '86368e30ce6229f3ae3260f63459c36ddc52f385', href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), h("li", { key: '41cfde5c5492626cc5873030fcb079930e49c859' }, h("a", { key: '085ededda262a28b704f18d27edbd24a4305d3df', href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), h("li", { key: 'fdb426f12d3c2096d885fde071276726e295ab21', class: "more" }, h("a", { key: 'f48bab54ac9c9b454dbb3dbbe6e887633425ca26', onClick: this.noNav }, "Match Funding Opportunities", h("biggive-misc-icon", { key: '87a98bcddc633461eed147a6dd2ba878155fa6a0', class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '9089f65fd1b01d91ec30c86294aca5ccb0707b99', class: "sub-sub-menu" }, h("li", { key: 'bf0fe3566cb0a333de3b96727deae9ef139d7e83' }, h("a", { key: 'd0887a7cbc3b12a037523f863977419e96f275ff', href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", { key: '9cc047d13a94a49a20c2baa9ac12b73d110cfa0f' }, h("a", { key: '8e9c12e6f4ee011cf59db0ee81322c3787152534', href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", { key: '3b4996f001bd8e85e95e08c0302f781fd16c0e7b' }, h("a", { key: '22cd4982254aa7c0c0f4a0b41ee79e7f45da56f2', href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green-match" }, "Green Match Fund")), h("li", { key: '69b2906ec6365413caaee5c62af5789876408f9d' }, h("a", { key: 'fbc2f030eda023ecb5fe0cd30d4fd094e62a4efb', href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), h("li", { key: '0863ce6e2ff5da2d18692b1b73dc728ed33c5f2f' }, h("a", { key: '3837fd2e892d6beee3efa238c054854210c3c94d', href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", { key: '3bdc0a9c7af74388018c3c77ddcab93030c8b13d' }, h("a", { key: '2dff967dffcfcd339a1b3dd47995b538e2757925', href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), h("li", { key: 'bc817bd718d1853205108ea229c90cb39c172e29' }, h("a", { key: '8de5a2fa7ae7e770494d89538a3fb6adf6f39cbb', href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), h("li", { key: 'd3a1e25ce4ad774dd93a48b5ae42f8efb67c855f' }, h("a", { key: 'f739a3d86912d0477370d4730741fcbf913c8656', href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), h("li", { key: '0bd0c557ea661e175ecd06a654426a4d9774d80b' }, h("a", { key: '207984a7b894cd83647e89bb10364e8bb7990532', href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), h("li", { key: '0b422f0c0d5cd097cfed0564d7bd4f7a240fa77b' }, h("a", { key: '115734023289b3fc50f44fd04267013b465e87a8', onClick: this.noNav }, "About Us", h("biggive-misc-icon", { key: '18588157838a3a5b077bde2a3ba17086e5896220', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '9066eec7f26bdb39436db9f6c5a800ab3dc457f2', class: "sub-menu" }, h("li", { key: '8066afb872f70326ecd3956d2c41b99995ae60ab' }, h("a", { key: '4fabf2e465032877abe7659eeeec22e0c189fd0e', href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", { key: '8f757a71ddef672117a93512e30e9611f857c12b' }, h("a", { key: '8713e50475bebed44b8ca7b3eb4aae00db2bb158', href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", { key: '9832eb293493e779b35db688d0e6da8840f9f573' }, h("a", { key: 'd3ed08441cec5390cd699eb6428c7eb66286d58d', href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), h("li", { key: '7267779eb74ca8d933bedf9714e16b76d3716815' }, h("a", { key: 'd347419fe8a5515a957ef86b9494ee3424fdf5bd', href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", { key: '40608c7a390a3465489eee2c73ad210712367902' }, h("a", { key: '7fb9bc2744a7d20e4e336a3804d1224e907d2a5c', href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("li", { key: 'd6ef26e5964eb8edc14b03f7ac8330de703d6b70' }, h("a", { key: '010eee1fb258229c06b970f1cfdd59e033bd9dd1', onClick: this.noNav }, "Resources", h("biggive-misc-icon", { key: 'e5f28fd856dbc46268acddc7198e3a53f72b8f5e', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '8272b5f417b16128b089e219051d58a1e1a8db4d', class: "sub-menu" }, h("li", { key: '74483e9d4e7b9036ad3292a6637d781b52dc82c5' }, h("a", { key: '464879e99e865a91304552ab018be8406d095c86', href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", { key: '1c5d3bf6ba61fd798e5175e5c57b06d5c15b3d48' }, h("a", { key: '8ca272fb2fd7403d4cfc5bd3a94b53d49deeebd5', href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", { key: 'd2c0f9ec8f7ce327005d24a9a00aa92cb9c9e8dd' }, h("a", { key: '8b4f93b1f75228b3bc2350398d2e94e8917d2d41', href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", { key: '2bfadc47b5fb1365d97fe523b71d960722a48e87' }, h("a", { key: '95a8407c3ebb548be4f966cc36539ed85cfa2719', href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), h("div", { key: '3e1df30d58a442adaf172af82073b59235198aba', class: "mobile-only" }, secondaryNavLinksForMobile)), h("div", { key: '48c3b119f7c25855b26ac2ad32d113b0134e1d05', class: "mobile-social-icon-wrap mobile-only" }, h("biggive-social-icon", { key: '4bbe4dc0e718e75a7ee2b50015981f3089aa7dc9', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '48f02dd12185b2b0ca36b8eb426773fe5a1e7512', service: "Twitter", url: "https://x.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '6b6cf016bcb16c79966cd9daa4be20c754ee8609', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'b479bc806f56242a0e86c1b60c9caac2c1f86f44', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'e25e83ce4661c2c5c821bb4eac10f30262b54522', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
+        return (h(Host, { key: '7e68f378c38d5ecd758490f64c78040743ffd38c' }, h("div", { key: 'bddd71ed3a88a20525c032c575fc5b63e1b86731', class: "row row-top" }, h("div", { key: 'a1bf20183bd61f583a0a6d15e97dbebfa1e631fa', class: "social-icon-wrap" }, h("biggive-social-icon", { key: 'a431d605e79c0ca3902a1c497b34e13cf78317d6', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'd3e11eb4625066acb587bffa03cf4c7e040f0e08', service: "Twitter", url: "https://x.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'f7ac203084011f8ba890ff7e08258dfc279b6565', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'd7cf75808f399090fa582c883fccd3618328f81a', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'e0afba7865579213af8bf992f50c9aa7fd57bdcf', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), h("div", { key: 'c17a6813dc89774b79595fc29b73a26e85fc776e', class: "nav-secondary" }, secondaryNavLinksForDesktop)), h("nav", { key: 'dec24802c923547fb10ac571f5edd7ff693f39ba', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: '3a392a2d14b9217560ebd24530e598257844564d', class: "navbar" }, h("div", { key: '2e36ca4e7e5b0a94db1b6cf3f46eb284bd081e33', class: "logo" }, h("a", { key: '5c50b988178930e8364ed2464a2ad0525857c28e', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: 'ba793e8941d957ec5acd530c764c4b762bc30c3f', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { key: '18d45328824c71be3bc8cfb21978456a4643764c', 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: 'a114f98b7386fbce29175b7151d032c4e19ba39f', d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { key: '65f857e787fc32a7afb3e613dc6d7f90ff7ada86', class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: '3dcbdc65c60abbf4f2aceccb780c44b5820e4eb8', class: "nav-links" }, h("div", { key: '898887f49fffd3e7393e942fc60e784b38474b23', class: "sidebar-logo" }, h("a", { key: '2f7628718c8c1b98e7cce9f1146266508dcafd6a', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: 'e44781a3b156e344391f6971980500d5c1a30844', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { key: '2d5c738c427e9a8a8db76be84c6eef05b675f08d', 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: '9703b547830033a134b48c9611c4cfff74f2d0b7', d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { key: '8ce8f4644b70f2117bbcc684905ec293b22a2d4d', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: '421e475102e04bcd1e2ddc4aacf877b969b3eafe', id: "nav-primary" }, h("ul", { key: '12855f20dfa5f138ada1f6708f5df8580c3f6ba7', class: "links", slot: "nav-primary" }, h("li", { key: 'dcc44fa05a5a100183309c121b988200d13d6f5b' }, h("a", { key: 'f4b22e9b9eec69f611a3e77fcbcd8f9b5dde961b', href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), h("li", { key: '7611431fe5c399edd8001e285dc2dc748bdaf26e' }, h("a", { key: 'a433b298b83e23b5c347f602987385e756af17f2', href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), h("li", { key: 'de1f85cd87d00b80427b46a8f7d947fb33eeb030' }, h("a", { key: '03645e74b5499510cd16b485c5bd05be691feff2', href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), h("li", { key: '58f5e098671b8088bea1bed37266e81cc45348a0' }, h("a", { key: '1a1be93f8b5e7c0a1ffe7610c9729c4672bc2f1d', onClick: this.noNav }, "Match Funding", h("biggive-misc-icon", { key: '871dbeca918845aeb5d7fc715f26eda99bf668c8', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '6881855e0a0ec5101d07628bf7c8d5e6e5a76cb8', class: "sub-menu" }, h("li", { key: '536375330133e41e3c3483dfe12bbb2b82ced027' }, h("a", { key: '63ede9e1aedfe1cf8fa5bdcfed69b6a50d675c3d', href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), h("li", { key: '0a8e42e2bbf2f7e1c25a8891eb937d8c3a2b953c' }, h("a", { key: 'acf75569250d6930f23b0a09e0a8a3baf5a8d9c3', href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), h("li", { key: 'd02004ed1d8151bee73cba0535bbc72473389b69', class: "more" }, h("a", { key: '16a47e77a7702e661ec4bfd8a332ffca4dc4b713', onClick: this.noNav }, "Match Funding Opportunities", h("biggive-misc-icon", { key: 'd36963e734f11737857d46ff261d09e6a7278ec1', class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '1c3e71c8454358aa95a58095270d7879eff04210', class: "sub-sub-menu" }, h("li", { key: '0f4c3360e9f3ad6e78244e65c493d0acfaf1b763' }, h("a", { key: '692f7ab36d9a5e087453ae42cdbe9cab034991ba', href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", { key: '60a2f9567992bc9964f7dba11668d49ed702b0d6' }, h("a", { key: '39c3b47bf1ae1b5527b4d0ecbf18a5a2ecd1346e', href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", { key: '470bcd406689e8beddc3840d74f0a10e02c235af' }, h("a", { key: 'fdca5b0eb595ccd2fa8f501f10b8903ccf0536d5', href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green-match" }, "Green Match Fund")), h("li", { key: '37d4cfe0f8ad8b1830ad1f130734e33524033f3d' }, h("a", { key: '102b5419581709798c0449d0dd573451700c8011', href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), h("li", { key: '6b2022dc8da896b61f6a18aab3cba3f28072c7f3' }, h("a", { key: '91025beaf3619f99e58ebe5035303c7e0afed386', href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", { key: '3a61f0a3260b3846344bea476cb6c1adb517c5d5' }, h("a", { key: 'cf6b890cdeb19d6bfdfb53cac8004beb5dff60b2', href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), h("li", { key: 'ff35b825dd969f7954c3012b5916953b851a608d' }, h("a", { key: '524711cefdc9f3c7ca70c581257c782732b2d21d', href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), h("li", { key: '7cd875df1e7f8ea285f537d4d03d004b0e4df040' }, h("a", { key: '0c53acae2fc62f65ae8659929cf191dd6f6acba3', href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), h("li", { key: '5deccab3f5baed955cabc3f97f6147761323de89' }, h("a", { key: '1b400423dab314d071c922d88bb545dfc6723fd8', href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), h("li", { key: 'cb9f2e715002e97058d7da05b00e60c48380f13c' }, h("a", { key: '03c21efba869f3eb9798607c5ebdfde3543c1334', onClick: this.noNav }, "About Us", h("biggive-misc-icon", { key: '22fdc1b92159a9f712df01d2bd16d27a4326c287', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '9fe4ee7d07e9cf9f7e88f93e01f67f6c1195adf5', class: "sub-menu" }, h("li", { key: '6eae19649f8bae72449f2febf36b37628fbf8e90' }, h("a", { key: 'cfc754f6183a05d3a6fa1b688dfa5053441e9d3b', href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", { key: '074f2ddab2753b33b6927bf5acecc366621c5cf4' }, h("a", { key: 'a244a336c2a84f95a989b33ef3d3cfc2c0ac2807', href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", { key: '7d657e459bd35fcbb0d7337c2e38d72bf1bce225' }, h("a", { key: '47d19480fe047871829dddc74d877b90f37ce7c5', href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), h("li", { key: '2d5693928c6fcb8ed2f900cbf2ca26712cf839d9' }, h("a", { key: '8747d5ef023e0e057e1d6fc097e17f34ddb72648', href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", { key: '4eaf06ccb3258e889e1e32b2b6525f33ae2930b5' }, h("a", { key: '4a927a9509e8b3d11dea2a5cd0d1815c4c5c320d', href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("li", { key: '8cb8c5c8623a062c5baa4b5f4d943e444c7bb9dd' }, h("a", { key: '698491c05a5a7d0c60a8e3a16777aef9fab8eeff', onClick: this.noNav }, "Resources", h("biggive-misc-icon", { key: '3a7c36e96e3fe02c4c3c8c63fb970ce90c71e130', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '87d32379a33ffce31038b80e30f70667add8051d', class: "sub-menu" }, h("li", { key: '7a1993f375aaed1e4227a120f1eb7aa106943b7a' }, h("a", { key: 'c43e5ffe41b12efc2f7de5895507060d5b28bd82', href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", { key: 'e9fa8157c23b3a9b50e4c10c42970be829858607' }, h("a", { key: '19032ea8f30c1b0a8d48146dd1b979c6fc50e74a', href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", { key: '4f27f4a2db68e2c852960ab8fad1832f335a2ae6' }, h("a", { key: 'b57a2dc8b83cfed6294eff6df65edb8644b6a445', href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", { key: '7be01c5b66f87ecaf2d0b9cf641246de3ac39524' }, h("a", { key: 'df665a908e54a142e6e882272a3c62518f277c93', href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), h("div", { key: 'fc5d94c95d1e184d987b9ac171704e94fb173635', class: "mobile-only" }, secondaryNavLinksForMobile)), h("div", { key: 'df7223aa1be794787af2ceb9e06ad3cd8f597dfe', class: "mobile-social-icon-wrap mobile-only" }, h("biggive-social-icon", { key: '7dcc2dbfa9b142e8d4e6fce533735132e306469f', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '820411909a3b6b56457c609845fe4ff50e6c4d01', service: "Twitter", url: "https://x.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '51702d271d70c91fd2ebb02e3de9b4c2b5f86f93', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '7ced5c4acdee3d2433bbcfc58336a3c873f9b203', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '1ad190155119d89c6efa3d8da16cb44e4b50ad32', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
     }
     get host() { return this; }
     static get style() { return BiggiveMainMenuStyle0; }
@@ -141,6 +139,7 @@ const BiggiveMainMenu$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveMainMenu
         "donateUrlPrefix": [1, "donate-url-prefix"],
         "experienceUrlPrefix": [1, "experience-url-prefix"],
         "myAccountFlagEnabled": [4, "my-account-flag-enabled"],
+        "someCampaignHasHomePageRedirect": [4, "some-campaign-has-home-page-redirect"],
         "isLoggedIn": [4, "is-logged-in"],
         "closeMobileMenuFromOutside": [64]
     }]);

package/dist/components/biggive-main-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-main-menu.js","mappings":"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","names":["BiggiveMainMenu"],"sources":["src/components/biggive-main-menu/biggive-main-menu.scss?tag=biggive-main-menu&encapsulation=shadow","src/components/biggive-main-menu/biggive-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Euclid Triangle', sans-serif;\n}\n\na {\n // target all classes prefixed with 'icon-' so we don't repeat code\n &[class^='icon-'],\n &[class='icon-'] {\n padding-left: 20px;\n background-repeat: no-repeat;\n background-size: auto 10px;\n background-position: left center;\n }\n\n &.icon-green {\n background-image: url(/assets/images/triangles-combined.svg);\n }\n\n &.icon-children {\n background-image: url(/assets/images/triangles-combined-children.svg);\n }\n\n &.icon-christmas {\n background-image: url(/assets/images/triangles-combined-christmas-challenge.svg);\n }\n\n &.icon-green-match {\n background-image: url(/assets/images/triangles-combined-green-match.svg);\n }\n\n &.icon-women-girls {\n background-image: url(/assets/images/triangles-combined-women-girls.svg);\n }\n\n &.icon-mental-health {\n background-image: url(/assets/images/triangles-combined-mental-health.svg);\n }\n\n &.icon-anchor-match {\n background-image: url(/assets/images/triangles-combined-anchor.svg);\n }\n\n &.icon-emergency {\n background-image: url(/assets/images/triangles-combined-emergency.svg);\n }\n\n &.icon-arts-impact {\n background-image: url(/assets/images/triangles-combined-arts-black.svg);\n }\n}\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 $spacer-2;\n\n .social-icon-wrap {\n display: flex;\n min-height: $icon-size-large; // Avoid broken content padding offset, due to menu height changing after component load.\n margin-right: $spacer-2;\n\n .social-icon-item {\n margin-right: $spacer-2;\n }\n }\n\n .nav-secondary {\n margin-left: auto;\n display: grid;\n\n ul {\n list-style: none;\n display: inline-flex;\n margin: auto;\n }\n\n li {\n border-right: 1px solid $colour-white;\n height: fit-content;\n padding: 0 10px;\n\n &:last-child {\n border-right: 0;\n padding-right: 0;\n }\n\n a {\n color: $colour-white;\n text-decoration: none;\n }\n }\n }\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: white;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: black;\n font-size: 17px;\n font-weight: 500;\n }\n\n .sub-menu {\n position: absolute;\n top: $nav-height-desktop;\n left: 0;\n line-height: 40px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n border-radius: 0 0 4px 4px;\n display: none;\n z-index: 2;\n background-color: inherit;\n\n li {\n padding: 0 22px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n a {\n color: black;\n font-size: 15px;\n font-weight: 500;\n }\n\n .more {\n .sub-sub-menu {\n position: absolute;\n top: 0;\n left: 100%;\n border-radius: 0 4px 4px 4px;\n z-index: 1;\n display: none;\n }\n }\n }\n\n .arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n }\n }\n }\n }\n\n .logo {\n min-width: 180px;\n width: 180px;\n\n a {\n font-size: 30px;\n color: black;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (hover: hover) {\n /* when hover is supported /\n .row-top {\n .nav-secondary {\n li {\n a {\n &:hover {\n border-bottom-color: $colour-white;\n color: $colour-white;\n }\n }\n }\n }\n }\n\n nav {\n .navbar {\n .nav-links {\n .links {\n li {\n .sub-menu {\n .more {\n &:hover {\n .sub-sub-menu {\n display: block;\n }\n }\n }\n }\n\n &:hover {\n .sub-menu-arrow {\n transform: rotate(90deg);\n }\n\n .sub-menu {\n display: block;\n background-color: white;\n\n .sub-sub-menu {\n background-color: white;\n }\n }\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: 1200px) {\n nav {\n .navbar {\n .logo {\n min-width: 120px;\n width: 120px;\n }\n\n .nav-links {\n .links {\n li {\n padding: 0 7px;\n\n a {\n font-size: 15px;\n }\n\n .sub-menu {\n a {\n font-size: 13px;\n }\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0px 25px;\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: white;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n\n #mobileLogo {\n width: 130px;\n }\n\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .mobile-social-icon-wrap {\n margin-top: 20px;\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n\n a {\n width: 100%;\n display: block;\n }\n\n .sub-menu {\n position: relative;\n top: 0;\n box-shadow: none;\n display: none;\n\n li {\n border-bottom: none;\n }\n\n .sub-sub-menu {\n display: none;\n position: relative;\n left: 0;\n\n li {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n }\n\n .more {\n span {\n display: flex;\n align-items: center;\n }\n\n .sub-sub-menu {\n &.display-sub-menu {\n position: initial;\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.display-sub-menu, .display-sub-menu li {\n display: block !important;\n}\n\n#nav-primary .display-sub-menu, #nav-primary .display-sub-menu li {\n background-color: white;\n}\n\n\n.sub-menu-main {\n position: absolute;\n top: $upper-nav-height-desktop;\n left: 0;\n line-height: 40px;\n border-radius: 0 0 4px 4px;\n display: none;\n background-color: $colour-primary-blue;\n z-index: 2;\n\n li {\n border-right: none !important;\n padding: 0 22px;\n display: none;\n }\n\n @media (max-width: $screen-large) {\n position: static !important;\n background: none;\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n\n.nav-secondary li {\n position: relative !important;\n &:hover {\n .sub-menu-arrow {\n transform: rotate(90deg);\n }\n\n .sub-menu-main {\n display: block;\n li {\n display: block;\n }\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'biggive-main-menu',\n styleUrl: 'biggive-main-menu.scss',\n shadow: true,\n})\nexport class BiggiveMainMenu {\n private lastScrollHeight = 0;\n\n @Element() host: HTMLBiggiveMainMenuElement;\n\n // URL prefixes vary by environment, and components library is not best placed to know what they are, so we\n // take them as props. But somehow on first render the prop passed in doesn't seem to be used, so the defaults\n // below are the values currently used in our prod site. They should be replaced by other values in other\n // environments.\n @Prop() blogUrlPrefix: string = 'https://biggive.org';\n\n @Prop() donateUrlPrefix: string = 'https://donate.biggive.org';\n\n @Prop() experienceUrlPrefix: string = 'https://community.biggive.org';\n\n @Prop() myAccountFlagEnabled = false;\n\n /\n Whether the current user is logged in (i.e. is assumed to have a valid JWT). They get links to some\n * extra content if they are.\n /\n @Prop() isLoggedIn = false;\n\n @Event({\n eventName: 'logoutClicked',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n logoutClicked: EventEmitter<void>;\n\n @Method()\n async closeMobileMenuFromOutside() {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n }\n\n private openMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '0';\n };\n\n private logOut = () => {\n this.logoutClicked.emit();\n };\n\n private closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n private noNav(event: Event) {\n event.preventDefault();\n }\n\n private setHeaderSize() {\n if (this.host.scrollHeight === this.lastScrollHeight) {\n // Some browsers fire 'resize' overzealously on scroll; we don't want to cause extra paints if nothing\n // relevant changed.\n return;\n }\n\n this.lastScrollHeight = this.host.scrollHeight;\n\n // Some resize edge cases lead Firefox, and maybe others, to go haywire and get a host offset\n // height of millions of pixels, presumably due to a layout logic loop. So for as long as we use\n // this body padding workaround, we need a safe maximum value, currently 130px, beyond which\n // we will never further displace the main content.\n // (Possibly scrollHeight could have the same issue, not tested.)\n // We have also seen intermittent scrolling scenarios where `scrollHeight` is spuriously less than 60px,\n // maybe related to browsers / OSes with \"overscroll\" features. So we also now set a fixed minimum of 60px.\n const scrollHeight = isNaN(this.host.scrollHeight) ? 60 : Math.max(60, this.host.scrollHeight);\n\n document.body.style.paddingTop = Math.min(130, scrollHeight).toString() + 'px';\n }\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n window.addEventListener('resize', () => {\n this.setHeaderSize();\n });\n this.setHeaderSize();\n\n const subMenuElements = this.host.shadowRoot!.querySelectorAll<HTMLElement>('.sub-menu');\n if (subMenuElements.length === 0) {\n throw new Error('Missing subMenuElements');\n }\n\n /\n Closes all the sub-menus except the one exception.\n /\n const closeAllSubMenus = ({ except }: { except: HTMLAnchorElement }) => {\n subMenuElements.forEach(subMenuElement => {\n const link = subMenuElement.parentElement?.querySelector('a');\n\n if (link === except) {\n return;\n }\n\n link?.classList.remove('transform-90');\n subMenuElement.classList.remove('display-sub-menu');\n });\n };\n\n subMenuElements.forEach(subMenuElement => {\n // the subMenuLink is a sibling element to the actual sub-menu\n const subMenuLink = subMenuElement.parentElement?.querySelector('a');\n\n subMenuLink!.onclick = () => {\n const subMenuArrow = subMenuLink!.querySelector('.sub-menu-arrow');\n closeAllSubMenus({ except: subMenuLink! });\n subMenuArrow!.classList.toggle('transform-90');\n subMenuElement.classList.toggle('display-sub-menu');\n };\n });\n\n const subSubMenuElements = this.host.shadowRoot!.querySelectorAll<HTMLElement>('.sub-sub-menu');\n\n if (subSubMenuElements.length === 0) {\n throw new Error('Missing subSubMenuElements');\n }\n\n subSubMenuElements.forEach(subSubMenuElement => {\n // the subSubMenuLink is a sibling element to the actual sub-sub-menu\n const subSubMenuLink = subSubMenuElement!.parentElement!.querySelector('a');\n\n subSubMenuLink!.onclick = () => {\n const subMenuArrow = subSubMenuLink!.querySelector('.sub-sub-menu-arrow');\n subMenuArrow!.classList.toggle('transform-90');\n subSubMenuElement.classList.toggle('display-sub-menu');\n };\n });\n }\n\n private getSecondaryNavLinks(layout: 'desktop' \| 'mobile') {\n const chevronIconColour = layout === 'desktop' ? 'white' : 'black';\n const chevronBackgroundColour = layout === 'desktop' ? 'blue' : 'white';\n return (\n <ul>\n {this.myAccountFlagEnabled && !this.isLoggedIn && (\n <li>\n <a href={makeURL('Donate', this.donateUrlPrefix, 'login')}>Donor Login</a>\n </li>\n )}\n {this.isLoggedIn && (\n <li>\n <a onClick={this.noNav}>\n My Account\n <biggive-misc-icon\n class=\"bx bxs-chevron-down sub-menu-arrow arrow\"\n background-colour={chevronBackgroundColour}\n icon-colour={chevronIconColour}\n icon=\"CaretRight\"\n ></biggive-misc-icon>\n </a>\n <ul class=\"sub-menu sub-menu-main\" id=\"my-account-sub-menu\">\n <li>\n <a href={makeURL('Donate', this.donateUrlPrefix, 'my-account')}>Your details</a>\n </li>\n <li>\n <a href=\"javascript:void(0)\" onClick={this.logOut}>\n Log out\n </a>\n </li>\n </ul>\n </li>\n )}\n <li>\n <a href={makeURL('Experience', this.experienceUrlPrefix, 'charities/s/login')}>Charity Login</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'support')}>Support</a>\n </li>\n </ul>\n );\n }\n\n render() {\n /* ten minutes in advance to account for a very slow browser following the link and/or clock skew.\n * There's not really any harm in doing this early unless its soo early that people start sharing the noredirect link more than we'd like.\n /\n const CCOpenDate = new Date('2024-12-02T23:50:00+00:00');\n\n /\n Ten minutes late. Again doing this late doesn't hurt.\n /\n const CCCloseDate = new Date('2024-12-10T12:10:00+00:00');\n\n const now = new Date();\n\n const ccIsOpenNowIsh = now > CCOpenDate && now < CCCloseDate;\n\n const homePageLink = ccIsOpenNowIsh ? '/?noredirect' : '/';\n\n // calling same function twice because using same JSX node twice is not allowed\n // see https://stenciljs.com/docs/templating-jsx#avoid-shared-jsx-nodes\n const secondaryNavLinksForDesktop = this.getSecondaryNavLinks('desktop');\n const secondaryNavLinksForMobile = this.getSecondaryNavLinks('mobile');\n\n return (\n <Host>\n <div class=\"row row-top\">\n <div class=\"social-icon-wrap\">\n <biggive-social-icon service=\"Facebook\" url=\"https://www.facebook.com/BigGive.org\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n <biggive-social-icon service=\"Twitter\" url=\"https://x.com/BigGive\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n <biggive-social-icon service=\"LinkedIn\" url=\"https://uk.linkedin.com/company/big-give\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n <biggive-social-icon\n service=\"YouTube\"\n url=\"https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA\"\n background-colour=\"tertiary\"\n icon-colour=\"black\"\n ></biggive-social-icon>\n <biggive-social-icon service=\"Instagram\" url=\"https://www.instagram.com/biggiveorg\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n </div>\n <div class=\"nav-secondary\">{secondaryNavLinksForDesktop}</div>\n </div>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.donateUrlPrefix + homePageLink} aria-label=\"Home\">\n <svg version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 140.9 30\">\n <path 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\" />\n <path d=\"M13.5,1l13.5,23H0L13.5,1z\" />\n </svg>\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"white\" icon-colour=\"black\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.donateUrlPrefix + homePageLink} aria-label=\"Home\">\n <svg version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 140.9 30\" id=\"mobileLogo\">\n <path 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\" />\n <path d=\"M13.5,1l13.5,23H0L13.5,1z\" />\n </svg>\n </a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"black\" icon=\"MenuClose\" onClick={this.closeMobileMenu}></biggive-misc-icon>\n </div>\n <div id=\"nav-primary\">\n <ul class=\"links\" slot=\"nav-primary\">\n <li>\n <a href={makeURL('Donate', this.donateUrlPrefix, 'explore')}>Explore Campaigns</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'charities')}>For Charities</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'funders')}>For Funders</a>\n </li>\n <li>\n <a onClick={this.noNav}>\n Match Funding\n <biggive-misc-icon class=\"bx bxs-chevron-down sub-menu-arrow arrow\" background-colour=\"white\" icon-colour=\"black\" icon=\"CaretRight\"></biggive-misc-icon>\n </a>\n <ul class=\"sub-menu\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained')}>Match Funding Explained</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'impact')}>Match Funding Impact</a>\n </li>\n <li class=\"more\">\n <a onClick={this.noNav}>\n Match Funding Opportunities\n {/ IMPORTANT: notice this one has a class sub-sub-menu, not sub-menu */}\n <biggive-misc-icon\n class=\"bx bxs-chevron-down sub-sub-menu-arrow arrow\"\n background-colour=\"white\"\n icon-colour=\"black\"\n icon=\"CaretRight\"\n ></biggive-misc-icon>\n </a>\n <ul class=\"sub-sub-menu\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge')} class=\"icon-christmas\">\n Christmas Challenge\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'champions-for-children')} class=\"icon-children\">\n Champions for Children\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'green-match-fund')} class=\"icon-green-match\">\n Green Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund')} class=\"icon-women-girls\">\n Women & Girls Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'kind2mind/')} class=\"icon-mental-health\">\n Kind²Mind\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/')} class=\"icon-arts-impact\">\n Arts for Impact\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/')} class=\"icon-anchor-match\">\n Anchor Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/')} class=\"icon-emergency\">\n Emergency Match Fund\n </a>\n </li>\n </ul>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)')}>Run your match funding campaign</a>\n </li>\n </ul>\n </li>\n <li>\n <a onClick={this.noNav}>\n About Us\n <biggive-misc-icon class=\"bx bxs-chevron-down sub-menu-arrow arrow\" background-colour=\"white\" icon-colour=\"black\" icon=\"CaretRight\"></biggive-misc-icon>\n </a>\n <ul class=\"sub-menu\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'our-people')}>Our People</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'our-story')}>Our Story</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'donation-funds')}>Donate by Bank Transfer</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'our-fees')}>Our Fees</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'faqs')}>FAQs</a>\n </li>\n </ul>\n </li>\n <li>\n <a onClick={this.noNav}>\n Resources\n <biggive-misc-icon class=\"bx bxs-chevron-down sub-menu-arrow arrow\" background-colour=\"white\" icon-colour=\"black\" icon=\"CaretRight\"></biggive-misc-icon>\n </a>\n <ul class=\"sub-menu\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'case-studies')}>Case Studies</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'blog')}>Blog</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'reports-insights')}>Reports & Insights</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'press')}>Press</a>\n </li>\n </ul>\n </li>\n </ul>\n <div class=\"mobile-only\">{secondaryNavLinksForMobile}</div>\n </div>\n <div class=\"mobile-social-icon-wrap mobile-only\">\n <biggive-social-icon service=\"Facebook\" url=\"https://www.facebook.com/BigGive.org\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n <biggive-social-icon service=\"Twitter\" url=\"https://x.com/BigGive\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n <biggive-social-icon service=\"LinkedIn\" url=\"https://uk.linkedin.com/company/big-give\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n <biggive-social-icon\n service=\"YouTube\"\n url=\"https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA\"\n background-colour=\"tertiary\"\n icon-colour=\"black\"\n ></biggive-social-icon>\n <biggive-social-icon service=\"Instagram\" url=\"https://www.instagram.com/biggiveorg\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-main-menu.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,w5MAAw5M,CAAC;AACp7M,8BAAe,kBAAkB;;MCOpBA,iBAAe;IAL5B;;;;;QAMU,qBAAgB,GAAG,CAAC,CAAC;;;;;QAQrB,kBAAa,GAAW,qBAAqB,CAAC;QAE9C,oBAAe,GAAW,4BAA4B,CAAC;QAEvD,wBAAmB,GAAW,+BAA+B,CAAC;QAE9D,yBAAoB,GAAG,KAAK,CAAC;;;;;;;;QAS7B,oCAA+B,GAAG,KAAK,CAAC;;;;;QAMxC,eAAU,GAAG,KAAK,CAAC;QAgBnB,mBAAc,GAAG;YACvB,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,aAAa,CAAc,YAAY,CAAC,CAAC;YAClF,UAAW,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;SAC9B,CAAC;QAEM,WAAM,GAAG;YACf,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;SAC3B,CAAC;QAEM,oBAAe,GAAG;YACxB,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,aAAa,CAAc,YAAY,CAAC,CAAC;YAClF,UAAW,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;SAClC,CAAC;KAgUH;IAjVC,MAAM,0BAA0B;QAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,aAAa,CAAc,YAAY,CAAC,CAAC;QAClF,UAAW,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;KAClC;IAgBO,KAAK,CAAC,KAAY;QACxB,KAAK,CAAC,cAAc,EAAE,CAAC;KACxB;IAEO,aAAa;QACnB,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,gBAAgB,EAAE;;;YAGpD,OAAO;SACR;QAED,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;;;;;;;;QAS/C,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE/F,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,QAAQ,EAAE,GAAG,IAAI,CAAC;KAChF;IAED,gBAAgB;QACd,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACjC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE;YAChC,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,gBAAgB,CAAc,WAAW,CAAC,CAAC;QACzF,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE;YAChC,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;SAC5C;;;;QAKD,MAAM,gBAAgB,GAAG,CAAC,EAAE,MAAM,EAAiC;YACjE,eAAe,CAAC,OAAO,CAAC,cAAc;;gBACpC,MAAM,IAAI,GAAG,MAAA,cAAc,CAAC,aAAa,0CAAE,aAAa,CAAC,GAAG,CAAC,CAAC;gBAE9D,IAAI,IAAI,KAAK,MAAM,EAAE;oBACnB,OAAO;iBACR;gBAED,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;gBACvC,cAAc,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;aACrD,CAAC,CAAC;SACJ,CAAC;QAEF,eAAe,CAAC,OAAO,CAAC,cAAc;;;YAEpC,MAAM,WAAW,GAAG,MAAA,cAAc,CAAC,aAAa,0CAAE,aAAa,CAAC,GAAG,CAAC,CAAC;YAErE,WAAY,CAAC,OAAO,GAAG;gBACrB,MAAM,YAAY,GAAG,WAAY,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;gBACnE,gBAAgB,CAAC,EAAE,MAAM,EAAE,WAAY,EAAE,CAAC,CAAC;gBAC3C,YAAa,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;gBAC/C,cAAc,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;aACrD,CAAC;SACH,CAAC,CAAC;QAEH,MAAM,kBAAkB,GAAG,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,gBAAgB,CAAc,eAAe,CAAC,CAAC;QAEhG,IAAI,kBAAkB,CAAC,MAAM,KAAK,CAAC,EAAE;YACnC,MAAM,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAC;SAC/C;QAED,kBAAkB,CAAC,OAAO,CAAC,iBAAiB;;YAE1C,MAAM,cAAc,GAAG,iBAAkB,CAAC,aAAc,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAE5E,cAAe,CAAC,OAAO,GAAG;gBACxB,MAAM,YAAY,GAAG,cAAe,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;gBAC1E,YAAa,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;gBAC/C,iBAAiB,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;aACxD,CAAC;SACH,CAAC,CAAC;KACJ;IAEO,oBAAoB,CAAC,MAA4B;QACvD,MAAM,iBAAiB,GAAG,MAAM,KAAK,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;QACnE,MAAM,uBAAuB,GAAG,MAAM,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;QACxE,QACE,cACG,IAAI,CAAC,oBAAoB,IAAI,CAAC,IAAI,CAAC,UAAU,KAC5C,cACE,SAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,kBAAiB,CACvE,CACN,EACA,IAAI,CAAC,UAAU,KACd,cACE,SAAG,OAAO,EAAE,IAAI,CAAC,KAAK,kBAEpB,yBACE,KAAK,EAAC,0CAA0C,uBAC7B,uBAAuB,iBAC7B,iBAAiB,EAC9B,IAAI,EAAC,YAAY,GACE,CACnB,EACJ,UAAI,KAAK,EAAC,wBAAwB,EAAC,EAAE,EAAC,qBAAqB,IACzD,cACE,SAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,mBAAkB,CAC7E,EACL,cACE,SAAG,IAAI,EAAC,oBAAoB,EAAC,OAAO,EAAE,IAAI,CAAC,MAAM,cAE7C,CACD,CACF,CACF,CACN,EACD,cACE,SAAG,IAAI,EAAE,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,oBAAmB,CAC7F,EACL,cACE,SAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,cAAa,CACjE,CACF,EACL;KACH;IAED,MAAM;QACJ,MAAM,YAAY,GAAG,IAAI,CAAC,+BAA+B,GAAG,cAAc,GAAG,GAAG,CAAC;;;QAIjF,MAAM,2BAA2B,GAAG,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;QACzE,MAAM,0BAA0B,GAAG,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;QAEvE,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,aAAa,IACtB,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,4EAAqB,OAAO,EAAC,UAAU,EAAC,GAAG,EAAC,sCAAsC,uBAAmB,UAAU,iBAAa,OAAO,GAAuB,EAC1J,4EAAqB,OAAO,EAAC,SAAS,EAAC,GAAG,EAAC,uBAAuB,uBAAmB,UAAU,iBAAa,OAAO,GAAuB,EAC1I,4EAAqB,OAAO,EAAC,UAAU,EAAC,GAAG,EAAC,0CAA0C,uBAAmB,UAAU,iBAAa,OAAO,GAAuB,EAC9J,4EACE,OAAO,EAAC,SAAS,EACjB,GAAG,EAAC,0DAA0D,uBAC5C,UAAU,iBAChB,OAAO,GACE,EACvB,4EAAqB,OAAO,EAAC,WAAW,EAAC,GAAG,EAAC,sCAAsC,uBAAmB,UAAU,iBAAa,OAAO,GAAuB,CACvJ,EACN,4DAAK,KAAK,EAAC,eAAe,IAAE,2BAA2B,CAAO,CAC1D,EACN,4DAAK,IAAI,EAAC,YAAY,gBAAY,WAAW,IAC3C,4DAAK,KAAK,EAAC,QAAQ,IACjB,4DAAK,KAAK,EAAC,MAAM,IACf,0DAAG,IAAI,EAAE,IAAI,CAAC,eAAe,GAAG,YAAY,gBAAa,MAAM,IAC7D,4DAAK,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,OAAO,EAAC,cAAc,IACvD,6DAAM,CAAC,EAAC,wyCAAwyC,GAAG,EACnzC,6DAAM,CAAC,EAAC,2BAA2B,GAAG,CAClC,CACJ,CACA,EACN,0EAAmB,KAAK,EAAC,YAAY,uBAAmB,OAAO,iBAAa,OAAO,EAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,cAAc,GAAsB,EACtJ,4DAAK,KAAK,EAAC,WAAW,IACpB,4DAAK,KAAK,EAAC,cAAc,IACvB,0DAAG,IAAI,EAAE,IAAI,CAAC,eAAe,GAAG,YAAY,gBAAa,MAAM,IAC7D,4DAAK,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,OAAO,EAAC,cAAc,EAAC,EAAE,EAAC,YAAY,IACvE,6DAAM,CAAC,EAAC,wyCAAwyC,GAAG,EACnzC,6DAAM,CAAC,EAAC,2BAA2B,GAAG,CAClC,CACJ,EACJ,0EAAmB,KAAK,EAAC,SAAS,uBAAmB,aAAa,iBAAa,OAAO,EAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe,GAAsB,CACvJ,EACN,4DAAK,EAAE,EAAC,aAAa,IACnB,2DAAI,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,IAClC,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,wBAAuB,CAC/E,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,oBAAmB,CACzE,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,kBAAiB,CACrE,EACL,6DACE,0DAAG,OAAO,EAAE,IAAI,CAAC,KAAK,qBAEpB,0EAAmB,KAAK,EAAC,0CAA0C,uBAAmB,OAAO,iBAAa,OAAO,EAAC,IAAI,EAAC,YAAY,GAAqB,CACtJ,EACJ,2DAAI,KAAK,EAAC,UAAU,IAClB,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,yBAAyB,CAAC,8BAA6B,CACjG,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,2BAA0B,CAC7E,EACL,2DAAI,KAAK,EAAC,MAAM,IACd,0DAAG,OAAO,EAAE,IAAI,CAAC,KAAK,mCAGpB,0EACE,KAAK,EAAC,8CAA8C,uBAClC,OAAO,iBACb,OAAO,EACnB,IAAI,EAAC,YAAY,GACE,CACnB,EACJ,2DAAI,KAAK,EAAC,cAAc,IACtB,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,qBAAqB,CAAC,EAAE,KAAK,EAAC,gBAAgB,0BAEvF,CACD,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,wBAAwB,CAAC,EAAE,KAAK,EAAC,eAAe,6BAEzF,CACD,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,kBAAkB,CAAC,EAAE,KAAK,EAAC,kBAAkB,uBAEtF,CACD,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,wBAAwB,CAAC,EAAE,KAAK,EAAC,kBAAkB,+BAE5F,CACD,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,YAAY,CAAC,EAAE,KAAK,EAAC,oBAAoB,qBAElF,CACD,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAC,kBAAkB,sBAEpF,CACD,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,oBAAoB,CAAC,EAAE,KAAK,EAAC,mBAAmB,wBAEzF,CACD,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,sBAAsB,CAAC,EAAE,KAAK,EAAC,gBAAgB,2BAExF,CACD,CACF,CACF,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,yBAAyB,CAAC,sCAAqC,CACzG,CACF,CACF,EACL,6DACE,0DAAG,OAAO,EAAE,IAAI,CAAC,KAAK,gBAEpB,0EAAmB,KAAK,EAAC,0CAA0C,uBAAmB,OAAO,iBAAa,OAAO,EAAC,IAAI,EAAC,YAAY,GAAqB,CACtJ,EACJ,2DAAI,KAAK,EAAC,UAAU,IAClB,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,YAAY,CAAC,iBAAgB,CACvE,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,gBAAe,CACrE,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,gBAAgB,CAAC,8BAA6B,CACxF,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,eAAc,CACnE,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,WAAU,CAC3D,CACF,CACF,EACL,6DACE,0DAAG,OAAO,EAAE,IAAI,CAAC,KAAK,iBAEpB,0EAAmB,KAAK,EAAC,0CAA0C,uBAAmB,OAAO,iBAAa,OAAO,EAAC,IAAI,EAAC,YAAY,GAAqB,CACtJ,EACJ,2DAAI,KAAK,EAAC,UAAU,IAClB,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,cAAc,CAAC,mBAAkB,CAC3E,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,WAAU,CAC3D,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,kBAAkB,CAAC,yBAA4B,CACzF,EACL,6DACE,0DAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,YAAW,CAC7D,CACF,CACF,CACF,EACL,4DAAK,KAAK,EAAC,aAAa,IAAE,0BAA0B,CAAO,CACvD,EACN,4DAAK,KAAK,EAAC,qCAAqC,IAC9C,4EAAqB,OAAO,EAAC,UAAU,EAAC,GAAG,EAAC,sCAAsC,uBAAmB,UAAU,iBAAa,OAAO,GAAuB,EAC1J,4EAAqB,OAAO,EAAC,SAAS,EAAC,GAAG,EAAC,uBAAuB,uBAAmB,UAAU,iBAAa,OAAO,GAAuB,EAC1I,4EAAqB,OAAO,EAAC,UAAU,EAAC,GAAG,EAAC,0CAA0C,uBAAmB,UAAU,iBAAa,OAAO,GAAuB,EAC9J,4EACE,OAAO,EAAC,SAAS,EACjB,GAAG,EAAC,0DAA0D,uBAC5C,UAAU,iBAChB,OAAO,GACE,EACvB,4EAAqB,OAAO,EAAC,WAAW,EAAC,GAAG,EAAC,sCAAsC,uBAAmB,UAAU,iBAAa,OAAO,GAAuB,CACvJ,CACF,CACF,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveMainMenu"],"sources":["src/components/biggive-main-menu/biggive-main-menu.scss?tag=biggive-main-menu&encapsulation=shadow","src/components/biggive-main-menu/biggive-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Euclid Triangle', sans-serif;\n}\n\na {\n // target all classes prefixed with 'icon-' so we don't repeat code\n &[class^='icon-'],\n &[class='icon-'] {\n padding-left: 20px;\n background-repeat: no-repeat;\n background-size: auto 10px;\n background-position: left center;\n }\n\n &.icon-green {\n background-image: url(/assets/images/triangles-combined.svg);\n }\n\n &.icon-children {\n background-image: url(/assets/images/triangles-combined-children.svg);\n }\n\n &.icon-christmas {\n background-image: url(/assets/images/triangles-combined-christmas-challenge.svg);\n }\n\n &.icon-green-match {\n background-image: url(/assets/images/triangles-combined-green-match.svg);\n }\n\n &.icon-women-girls {\n background-image: url(/assets/images/triangles-combined-women-girls.svg);\n }\n\n &.icon-mental-health {\n background-image: url(/assets/images/triangles-combined-mental-health.svg);\n }\n\n &.icon-anchor-match {\n background-image: url(/assets/images/triangles-combined-anchor.svg);\n }\n\n &.icon-emergency {\n background-image: url(/assets/images/triangles-combined-emergency.svg);\n }\n\n &.icon-arts-impact {\n background-image: url(/assets/images/triangles-combined-arts-black.svg);\n }\n}\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 $spacer-2;\n\n .social-icon-wrap {\n display: flex;\n min-height: $icon-size-large; // Avoid broken content padding offset, due to menu height changing after component load.\n margin-right: $spacer-2;\n\n .social-icon-item {\n margin-right: $spacer-2;\n }\n }\n\n .nav-secondary {\n margin-left: auto;\n display: grid;\n\n ul {\n list-style: none;\n display: inline-flex;\n margin: auto;\n }\n\n li {\n border-right: 1px solid $colour-white;\n height: fit-content;\n padding: 0 10px;\n\n &:last-child {\n border-right: 0;\n padding-right: 0;\n }\n\n a {\n color: $colour-white;\n text-decoration: none;\n }\n }\n }\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: white;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: black;\n font-size: 17px;\n font-weight: 500;\n }\n\n .sub-menu {\n position: absolute;\n top: $nav-height-desktop;\n left: 0;\n line-height: 40px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n border-radius: 0 0 4px 4px;\n display: none;\n z-index: 2;\n background-color: inherit;\n\n li {\n padding: 0 22px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n a {\n color: black;\n font-size: 15px;\n font-weight: 500;\n }\n\n .more {\n .sub-sub-menu {\n position: absolute;\n top: 0;\n left: 100%;\n border-radius: 0 4px 4px 4px;\n z-index: 1;\n display: none;\n }\n }\n }\n\n .arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n }\n }\n }\n }\n\n .logo {\n min-width: 180px;\n width: 180px;\n\n a {\n font-size: 30px;\n color: black;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (hover: hover) {\n /* when hover is supported /\n .row-top {\n .nav-secondary {\n li {\n a {\n &:hover {\n border-bottom-color: $colour-white;\n color: $colour-white;\n }\n }\n }\n }\n }\n\n nav {\n .navbar {\n .nav-links {\n .links {\n li {\n .sub-menu {\n .more {\n &:hover {\n .sub-sub-menu {\n display: block;\n }\n }\n }\n }\n\n &:hover {\n .sub-menu-arrow {\n transform: rotate(90deg);\n }\n\n .sub-menu {\n display: block;\n background-color: white;\n\n .sub-sub-menu {\n background-color: white;\n }\n }\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: 1200px) {\n nav {\n .navbar {\n .logo {\n min-width: 120px;\n width: 120px;\n }\n\n .nav-links {\n .links {\n li {\n padding: 0 7px;\n\n a {\n font-size: 15px;\n }\n\n .sub-menu {\n a {\n font-size: 13px;\n }\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0px 25px;\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: white;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n\n #mobileLogo {\n width: 130px;\n }\n\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .mobile-social-icon-wrap {\n margin-top: 20px;\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n\n a {\n width: 100%;\n display: block;\n }\n\n .sub-menu {\n position: relative;\n top: 0;\n box-shadow: none;\n display: none;\n\n li {\n border-bottom: none;\n }\n\n .sub-sub-menu {\n display: none;\n position: relative;\n left: 0;\n\n li {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n }\n\n .more {\n span {\n display: flex;\n align-items: center;\n }\n\n .sub-sub-menu {\n &.display-sub-menu {\n position: initial;\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.display-sub-menu, .display-sub-menu li {\n display: block !important;\n}\n\n#nav-primary .display-sub-menu, #nav-primary .display-sub-menu li {\n background-color: white;\n}\n\n\n.sub-menu-main {\n position: absolute;\n top: $upper-nav-height-desktop;\n left: 0;\n line-height: 40px;\n border-radius: 0 0 4px 4px;\n display: none;\n background-color: $colour-primary-blue;\n z-index: 2;\n\n li {\n border-right: none !important;\n padding: 0 22px;\n display: none;\n }\n\n @media (max-width: $screen-large) {\n position: static !important;\n background: none;\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n\n.nav-secondary li {\n position: relative !important;\n &:hover {\n .sub-menu-arrow {\n transform: rotate(90deg);\n }\n\n .sub-menu-main {\n display: block;\n li {\n display: block;\n }\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'biggive-main-menu',\n styleUrl: 'biggive-main-menu.scss',\n shadow: true,\n})\nexport class BiggiveMainMenu {\n private lastScrollHeight = 0;\n\n @Element() host: HTMLBiggiveMainMenuElement;\n\n // URL prefixes vary by environment, and components library is not best placed to know what they are, so we\n // take them as props. But somehow on first render the prop passed in doesn't seem to be used, so the defaults\n // below are the values currently used in our prod site. They should be replaced by other values in other\n // environments.\n @Prop() blogUrlPrefix: string = 'https://biggive.org';\n\n @Prop() donateUrlPrefix: string = 'https://donate.biggive.org';\n\n @Prop() experienceUrlPrefix: string = 'https://community.biggive.org';\n\n @Prop() myAccountFlagEnabled = false;\n\n /\n We don't want to make the ?noredirect version proliferate too much so err on not\n * including this. We also don't really want every single page to have to get highlight cards\n * to set this property. So for now, typically only meta-campaign bothers to get the correct value\n * to set this true if appropriate. That's the page which is the destination of the redirect so is\n * arguably the only place where it's essential that the menu lets you go to the 'normal' home page.\n /\n @Prop() someCampaignHasHomePageRedirect = false;\n\n /\n Whether the current user is logged in (i.e. is assumed to have a valid JWT). They get links to some\n * extra content if they are.\n /\n @Prop() isLoggedIn = false;\n\n @Event({\n eventName: 'logoutClicked',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n logoutClicked: EventEmitter<void>;\n\n @Method()\n async closeMobileMenuFromOutside() {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n }\n\n private openMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '0';\n };\n\n private logOut = () => {\n this.logoutClicked.emit();\n };\n\n private closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n private noNav(event: Event) {\n event.preventDefault();\n }\n\n private setHeaderSize() {\n if (this.host.scrollHeight === this.lastScrollHeight) {\n // Some browsers fire 'resize' overzealously on scroll; we don't want to cause extra paints if nothing\n // relevant changed.\n return;\n }\n\n this.lastScrollHeight = this.host.scrollHeight;\n\n // Some resize edge cases lead Firefox, and maybe others, to go haywire and get a host offset\n // height of millions of pixels, presumably due to a layout logic loop. So for as long as we use\n // this body padding workaround, we need a safe maximum value, currently 130px, beyond which\n // we will never further displace the main content.\n // (Possibly scrollHeight could have the same issue, not tested.)\n // We have also seen intermittent scrolling scenarios where `scrollHeight` is spuriously less than 60px,\n // maybe related to browsers / OSes with \"overscroll\" features. So we also now set a fixed minimum of 60px.\n const scrollHeight = isNaN(this.host.scrollHeight) ? 60 : Math.max(60, this.host.scrollHeight);\n\n document.body.style.paddingTop = Math.min(130, scrollHeight).toString() + 'px';\n }\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n window.addEventListener('resize', () => {\n this.setHeaderSize();\n });\n this.setHeaderSize();\n\n const subMenuElements = this.host.shadowRoot!.querySelectorAll<HTMLElement>('.sub-menu');\n if (subMenuElements.length === 0) {\n throw new Error('Missing subMenuElements');\n }\n\n /\n Closes all the sub-menus except the one exception.\n /\n const closeAllSubMenus = ({ except }: { except: HTMLAnchorElement }) => {\n subMenuElements.forEach(subMenuElement => {\n const link = subMenuElement.parentElement?.querySelector('a');\n\n if (link === except) {\n return;\n }\n\n link?.classList.remove('transform-90');\n subMenuElement.classList.remove('display-sub-menu');\n });\n };\n\n subMenuElements.forEach(subMenuElement => {\n // the subMenuLink is a sibling element to the actual sub-menu\n const subMenuLink = subMenuElement.parentElement?.querySelector('a');\n\n subMenuLink!.onclick = () => {\n const subMenuArrow = subMenuLink!.querySelector('.sub-menu-arrow');\n closeAllSubMenus({ except: subMenuLink! });\n subMenuArrow!.classList.toggle('transform-90');\n subMenuElement.classList.toggle('display-sub-menu');\n };\n });\n\n const subSubMenuElements = this.host.shadowRoot!.querySelectorAll<HTMLElement>('.sub-sub-menu');\n\n if (subSubMenuElements.length === 0) {\n throw new Error('Missing subSubMenuElements');\n }\n\n subSubMenuElements.forEach(subSubMenuElement => {\n // the subSubMenuLink is a sibling element to the actual sub-sub-menu\n const subSubMenuLink = subSubMenuElement!.parentElement!.querySelector('a');\n\n subSubMenuLink!.onclick = () => {\n const subMenuArrow = subSubMenuLink!.querySelector('.sub-sub-menu-arrow');\n subMenuArrow!.classList.toggle('transform-90');\n subSubMenuElement.classList.toggle('display-sub-menu');\n };\n });\n }\n\n private getSecondaryNavLinks(layout: 'desktop' \| 'mobile') {\n const chevronIconColour = layout === 'desktop' ? 'white' : 'black';\n const chevronBackgroundColour = layout === 'desktop' ? 'blue' : 'white';\n return (\n <ul>\n {this.myAccountFlagEnabled && !this.isLoggedIn && (\n <li>\n <a href={makeURL('Donate', this.donateUrlPrefix, 'login')}>Donor Login</a>\n </li>\n )}\n {this.isLoggedIn && (\n <li>\n <a onClick={this.noNav}>\n My Account\n <biggive-misc-icon\n class=\"bx bxs-chevron-down sub-menu-arrow arrow\"\n background-colour={chevronBackgroundColour}\n icon-colour={chevronIconColour}\n icon=\"CaretRight\"\n ></biggive-misc-icon>\n </a>\n <ul class=\"sub-menu sub-menu-main\" id=\"my-account-sub-menu\">\n <li>\n <a href={makeURL('Donate', this.donateUrlPrefix, 'my-account')}>Your details</a>\n </li>\n <li>\n <a href=\"javascript:void(0)\" onClick={this.logOut}>\n Log out\n </a>\n </li>\n </ul>\n </li>\n )}\n <li>\n <a href={makeURL('Experience', this.experienceUrlPrefix, 'charities/s/login')}>Charity Login</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'support')}>Support</a>\n </li>\n </ul>\n );\n }\n\n render() {\n const homePageLink = this.someCampaignHasHomePageRedirect ? '/?noredirect' : '/';\n\n // calling same function twice because using same JSX node twice is not allowed\n // see https://stenciljs.com/docs/templating-jsx#avoid-shared-jsx-nodes\n const secondaryNavLinksForDesktop = this.getSecondaryNavLinks('desktop');\n const secondaryNavLinksForMobile = this.getSecondaryNavLinks('mobile');\n\n return (\n <Host>\n <div class=\"row row-top\">\n <div class=\"social-icon-wrap\">\n <biggive-social-icon service=\"Facebook\" url=\"https://www.facebook.com/BigGive.org\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n <biggive-social-icon service=\"Twitter\" url=\"https://x.com/BigGive\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n <biggive-social-icon service=\"LinkedIn\" url=\"https://uk.linkedin.com/company/big-give\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n <biggive-social-icon\n service=\"YouTube\"\n url=\"https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA\"\n background-colour=\"tertiary\"\n icon-colour=\"black\"\n ></biggive-social-icon>\n <biggive-social-icon service=\"Instagram\" url=\"https://www.instagram.com/biggiveorg\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n </div>\n <div class=\"nav-secondary\">{secondaryNavLinksForDesktop}</div>\n </div>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.donateUrlPrefix + homePageLink} aria-label=\"Home\">\n <svg version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 140.9 30\">\n <path 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\" />\n <path d=\"M13.5,1l13.5,23H0L13.5,1z\" />\n </svg>\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"white\" icon-colour=\"black\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.donateUrlPrefix + homePageLink} aria-label=\"Home\">\n <svg version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 140.9 30\" id=\"mobileLogo\">\n <path 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\" />\n <path d=\"M13.5,1l13.5,23H0L13.5,1z\" />\n </svg>\n </a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"black\" icon=\"MenuClose\" onClick={this.closeMobileMenu}></biggive-misc-icon>\n </div>\n <div id=\"nav-primary\">\n <ul class=\"links\" slot=\"nav-primary\">\n <li>\n <a href={makeURL('Donate', this.donateUrlPrefix, 'explore')}>Explore Campaigns</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'charities')}>For Charities</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'funders')}>For Funders</a>\n </li>\n <li>\n <a onClick={this.noNav}>\n Match Funding\n <biggive-misc-icon class=\"bx bxs-chevron-down sub-menu-arrow arrow\" background-colour=\"white\" icon-colour=\"black\" icon=\"CaretRight\"></biggive-misc-icon>\n </a>\n <ul class=\"sub-menu\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained')}>Match Funding Explained</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'impact')}>Match Funding Impact</a>\n </li>\n <li class=\"more\">\n <a onClick={this.noNav}>\n Match Funding Opportunities\n {/ IMPORTANT: notice this one has a class sub-sub-menu, not sub-menu */}\n <biggive-misc-icon\n class=\"bx bxs-chevron-down sub-sub-menu-arrow arrow\"\n background-colour=\"white\"\n icon-colour=\"black\"\n icon=\"CaretRight\"\n ></biggive-misc-icon>\n </a>\n <ul class=\"sub-sub-menu\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge')} class=\"icon-christmas\">\n Christmas Challenge\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'champions-for-children')} class=\"icon-children\">\n Champions for Children\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'green-match-fund')} class=\"icon-green-match\">\n Green Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund')} class=\"icon-women-girls\">\n Women & Girls Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'kind2mind/')} class=\"icon-mental-health\">\n Kind²Mind\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/')} class=\"icon-arts-impact\">\n Arts for Impact\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/')} class=\"icon-anchor-match\">\n Anchor Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/')} class=\"icon-emergency\">\n Emergency Match Fund\n </a>\n </li>\n </ul>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)')}>Run your match funding campaign</a>\n </li>\n </ul>\n </li>\n <li>\n <a onClick={this.noNav}>\n About Us\n <biggive-misc-icon class=\"bx bxs-chevron-down sub-menu-arrow arrow\" background-colour=\"white\" icon-colour=\"black\" icon=\"CaretRight\"></biggive-misc-icon>\n </a>\n <ul class=\"sub-menu\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'our-people')}>Our People</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'our-story')}>Our Story</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'donation-funds')}>Donate by Bank Transfer</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'our-fees')}>Our Fees</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'faqs')}>FAQs</a>\n </li>\n </ul>\n </li>\n <li>\n <a onClick={this.noNav}>\n Resources\n <biggive-misc-icon class=\"bx bxs-chevron-down sub-menu-arrow arrow\" background-colour=\"white\" icon-colour=\"black\" icon=\"CaretRight\"></biggive-misc-icon>\n </a>\n <ul class=\"sub-menu\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'case-studies')}>Case Studies</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'blog')}>Blog</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'reports-insights')}>Reports & Insights</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'press')}>Press</a>\n </li>\n </ul>\n </li>\n </ul>\n <div class=\"mobile-only\">{secondaryNavLinksForMobile}</div>\n </div>\n <div class=\"mobile-social-icon-wrap mobile-only\">\n <biggive-social-icon service=\"Facebook\" url=\"https://www.facebook.com/BigGive.org\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n <biggive-social-icon service=\"Twitter\" url=\"https://x.com/BigGive\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n <biggive-social-icon service=\"LinkedIn\" url=\"https://uk.linkedin.com/company/big-give\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n <biggive-social-icon\n service=\"YouTube\"\n url=\"https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA\"\n background-colour=\"tertiary\"\n icon-colour=\"black\"\n ></biggive-social-icon>\n <biggive-social-icon service=\"Instagram\" url=\"https://www.instagram.com/biggiveorg\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/biggive-accordion_38.entry.js CHANGED Viewed

@@ -1012,6 +1012,14 @@ const BiggiveMainMenu = class {
         this.donateUrlPrefix = 'https://donate.biggive.org';
         this.experienceUrlPrefix = 'https://community.biggive.org';
         this.myAccountFlagEnabled = false;
+        /**
+         * We don't want to make the ?noredirect version proliferate too much so err on not
+         * including this. We also don't really want every single page to have to get highlight cards
+         * to set this property. So for now, typically only meta-campaign bothers to get the correct value
+         * to set this true if appropriate. That's the page which is the destination of the redirect so is
+         * arguably the only place where it's essential that the menu lets you go to the 'normal' home page.
+         */
+        this.someCampaignHasHomePageRedirect = false;
         /**
          * Whether the current user is logged in (i.e. is assumed to have a valid JWT). They get links to some
          * extra content if they are.
@@ -1108,22 +1116,12 @@ const BiggiveMainMenu = class {
         return (h("ul", null, this.myAccountFlagEnabled && !this.isLoggedIn && (h("li", null, h("a", { href: makeURL('Donate', this.donateUrlPrefix, 'login') }, "Donor Login"))), this.isLoggedIn && (h("li", null, h("a", { onClick: this.noNav }, "My Account", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": chevronBackgroundColour, "icon-colour": chevronIconColour, icon: "CaretRight" })), h("ul", { class: "sub-menu sub-menu-main", id: "my-account-sub-menu" }, h("li", null, h("a", { href: makeURL('Donate', this.donateUrlPrefix, 'my-account') }, "Your details")), h("li", null, h("a", { href: "javascript:void(0)", onClick: this.logOut }, "Log out"))))), h("li", null, h("a", { href: makeURL('Experience', this.experienceUrlPrefix, 'charities/s/login') }, "Charity Login")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'support') }, "Support"))));
     }
     render() {
-        /** ten minutes in advance to account for a *very* slow browser following the link and/or clock skew.
-         * There's not really any harm in doing this early unless its soo early that people start sharing the noredirect link more than we'd like.
-         */
-        const CCOpenDate = new Date('2024-12-02T23:50:00+00:00');
-        /**
-         * Ten minutes late. Again doing this late doesn't hurt.
-         */
-        const CCCloseDate = new Date('2024-12-10T12:10:00+00:00');
-        const now = new Date();
-        const ccIsOpenNowIsh = now > CCOpenDate && now < CCCloseDate;
-        const homePageLink = ccIsOpenNowIsh ? '/?noredirect' : '/';
+        const homePageLink = this.someCampaignHasHomePageRedirect ? '/?noredirect' : '/';
         // calling same function twice because using same JSX node twice is not allowed
         // see https://stenciljs.com/docs/templating-jsx#avoid-shared-jsx-nodes
         const secondaryNavLinksForDesktop = this.getSecondaryNavLinks('desktop');
         const secondaryNavLinksForMobile = this.getSecondaryNavLinks('mobile');
-        return (h(Host, { key: '5799990ab366e877d1cfd8ba28876b156b9c9d25' }, h("div", { key: '70b07e47876ff4c9fd6acf640a60537e04cccca7', class: "row row-top" }, h("div", { key: 'c10ba0aa6cee48cf4ef0bac93294cb8f442bdedf', class: "social-icon-wrap" }, h("biggive-social-icon", { key: '26d27c2833bba233b2310c9bb80e73a962241170', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '199152e500705fbd38183e7de7463a6a084fd972', service: "Twitter", url: "https://x.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '5f7e882b9e70e3b0e883e433dbec65100982a5c1', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '9ed77739a464ef741da900e605e9ce2a6d730339', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '4c435606fc44cba5be8059f2b315334c398d2907', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), h("div", { key: '79981d9fa6255d9a2a92744438c2e1745d648e56', class: "nav-secondary" }, secondaryNavLinksForDesktop)), h("nav", { key: 'bd722927629e5ff41412b883580adb588405f794', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: '0f06af9986e4d921a184af39dedf0eefca1f133c', class: "navbar" }, h("div", { key: '0d8b2553d91c469832e7e8336331461991ef0e24', class: "logo" }, h("a", { key: '61c32bb0cbf9e764b75b49684dd71f8ca28d93da', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: '4987f595f546ffdfd21236fb7410519800b5c1a6', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { key: '307b23850a343acdba92dfc35334a9b98dd03b02', 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: 'dda27a2b2e79a55c6533ddf57bd4c885f0380bc2', d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { key: '1d9780f877084fb28f435ad506b29426fa3f0a0d', class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: 'a776b674f9f453ba193a33b619cc9441c66c4af1', class: "nav-links" }, h("div", { key: '2a2df60dbd2f06d189dc144b7937b616dc58631d', class: "sidebar-logo" }, h("a", { key: '847172aabb0fa018dbfed38c499f3eb9581c5cc1', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: '36b877a2b9926a38f9982439da898eac680cee20', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { key: 'bd7bd8d2b485928d7d7fc0c9c54e78be954bc921', 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: '9fcf76895751b0928492b3e3e11c96989ebfd9ae', d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { key: 'b83efb884fbbc4899155184170fa6e24b16079a8', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: 'be7571e6a4382439c94ca6c42cc01d0060f5b41a', id: "nav-primary" }, h("ul", { key: '992e6e15ac026b3742baf5cfe10316b4d6c7d6d7', class: "links", slot: "nav-primary" }, h("li", { key: '60fe8649e6d97a5d2c3400b1f9f899fe4cc3fa6c' }, h("a", { key: '9ca085499f70ce4c8d4a3af51ee3425257aba432', href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), h("li", { key: '5c2e975c97c8dd3500d5c911ae14490d5b441007' }, h("a", { key: '645554e81c34fdb829a6eeb9820f4a55b4c51593', href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), h("li", { key: '1fa63d92d677e1c919945d14255a7fa61c5d6f84' }, h("a", { key: '060573ba979346d5fbe95594e76a2d467f9f83f7', href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), h("li", { key: 'f67efc059ae9309ca84ceee5ca77df073020698d' }, h("a", { key: '67f2e167ea18d03a409d390c77234f8352c8ba3d', onClick: this.noNav }, "Match Funding", h("biggive-misc-icon", { key: '6270cef2799a03ade4aeb7bc5b3bb64dc643b370', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '3acc3c4ade7600df34f5fc5e1ebfa5058639bb5c', class: "sub-menu" }, h("li", { key: '59fc188916401c9202a575db5da6906037862557' }, h("a", { key: '86368e30ce6229f3ae3260f63459c36ddc52f385', href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), h("li", { key: '41cfde5c5492626cc5873030fcb079930e49c859' }, h("a", { key: '085ededda262a28b704f18d27edbd24a4305d3df', href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), h("li", { key: 'fdb426f12d3c2096d885fde071276726e295ab21', class: "more" }, h("a", { key: 'f48bab54ac9c9b454dbb3dbbe6e887633425ca26', onClick: this.noNav }, "Match Funding Opportunities", h("biggive-misc-icon", { key: '87a98bcddc633461eed147a6dd2ba878155fa6a0', class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '9089f65fd1b01d91ec30c86294aca5ccb0707b99', class: "sub-sub-menu" }, h("li", { key: 'bf0fe3566cb0a333de3b96727deae9ef139d7e83' }, h("a", { key: 'd0887a7cbc3b12a037523f863977419e96f275ff', href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", { key: '9cc047d13a94a49a20c2baa9ac12b73d110cfa0f' }, h("a", { key: '8e9c12e6f4ee011cf59db0ee81322c3787152534', href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", { key: '3b4996f001bd8e85e95e08c0302f781fd16c0e7b' }, h("a", { key: '22cd4982254aa7c0c0f4a0b41ee79e7f45da56f2', href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green-match" }, "Green Match Fund")), h("li", { key: '69b2906ec6365413caaee5c62af5789876408f9d' }, h("a", { key: 'fbc2f030eda023ecb5fe0cd30d4fd094e62a4efb', href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), h("li", { key: '0863ce6e2ff5da2d18692b1b73dc728ed33c5f2f' }, h("a", { key: '3837fd2e892d6beee3efa238c054854210c3c94d', href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", { key: '3bdc0a9c7af74388018c3c77ddcab93030c8b13d' }, h("a", { key: '2dff967dffcfcd339a1b3dd47995b538e2757925', href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), h("li", { key: 'bc817bd718d1853205108ea229c90cb39c172e29' }, h("a", { key: '8de5a2fa7ae7e770494d89538a3fb6adf6f39cbb', href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), h("li", { key: 'd3a1e25ce4ad774dd93a48b5ae42f8efb67c855f' }, h("a", { key: 'f739a3d86912d0477370d4730741fcbf913c8656', href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), h("li", { key: '0bd0c557ea661e175ecd06a654426a4d9774d80b' }, h("a", { key: '207984a7b894cd83647e89bb10364e8bb7990532', href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), h("li", { key: '0b422f0c0d5cd097cfed0564d7bd4f7a240fa77b' }, h("a", { key: '115734023289b3fc50f44fd04267013b465e87a8', onClick: this.noNav }, "About Us", h("biggive-misc-icon", { key: '18588157838a3a5b077bde2a3ba17086e5896220', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '9066eec7f26bdb39436db9f6c5a800ab3dc457f2', class: "sub-menu" }, h("li", { key: '8066afb872f70326ecd3956d2c41b99995ae60ab' }, h("a", { key: '4fabf2e465032877abe7659eeeec22e0c189fd0e', href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", { key: '8f757a71ddef672117a93512e30e9611f857c12b' }, h("a", { key: '8713e50475bebed44b8ca7b3eb4aae00db2bb158', href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", { key: '9832eb293493e779b35db688d0e6da8840f9f573' }, h("a", { key: 'd3ed08441cec5390cd699eb6428c7eb66286d58d', href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), h("li", { key: '7267779eb74ca8d933bedf9714e16b76d3716815' }, h("a", { key: 'd347419fe8a5515a957ef86b9494ee3424fdf5bd', href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", { key: '40608c7a390a3465489eee2c73ad210712367902' }, h("a", { key: '7fb9bc2744a7d20e4e336a3804d1224e907d2a5c', href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("li", { key: 'd6ef26e5964eb8edc14b03f7ac8330de703d6b70' }, h("a", { key: '010eee1fb258229c06b970f1cfdd59e033bd9dd1', onClick: this.noNav }, "Resources", h("biggive-misc-icon", { key: 'e5f28fd856dbc46268acddc7198e3a53f72b8f5e', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '8272b5f417b16128b089e219051d58a1e1a8db4d', class: "sub-menu" }, h("li", { key: '74483e9d4e7b9036ad3292a6637d781b52dc82c5' }, h("a", { key: '464879e99e865a91304552ab018be8406d095c86', href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", { key: '1c5d3bf6ba61fd798e5175e5c57b06d5c15b3d48' }, h("a", { key: '8ca272fb2fd7403d4cfc5bd3a94b53d49deeebd5', href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", { key: 'd2c0f9ec8f7ce327005d24a9a00aa92cb9c9e8dd' }, h("a", { key: '8b4f93b1f75228b3bc2350398d2e94e8917d2d41', href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", { key: '2bfadc47b5fb1365d97fe523b71d960722a48e87' }, h("a", { key: '95a8407c3ebb548be4f966cc36539ed85cfa2719', href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), h("div", { key: '3e1df30d58a442adaf172af82073b59235198aba', class: "mobile-only" }, secondaryNavLinksForMobile)), h("div", { key: '48c3b119f7c25855b26ac2ad32d113b0134e1d05', class: "mobile-social-icon-wrap mobile-only" }, h("biggive-social-icon", { key: '4bbe4dc0e718e75a7ee2b50015981f3089aa7dc9', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '48f02dd12185b2b0ca36b8eb426773fe5a1e7512', service: "Twitter", url: "https://x.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '6b6cf016bcb16c79966cd9daa4be20c754ee8609', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'b479bc806f56242a0e86c1b60c9caac2c1f86f44', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'e25e83ce4661c2c5c821bb4eac10f30262b54522', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
+        return (h(Host, { key: '7e68f378c38d5ecd758490f64c78040743ffd38c' }, h("div", { key: 'bddd71ed3a88a20525c032c575fc5b63e1b86731', class: "row row-top" }, h("div", { key: 'a1bf20183bd61f583a0a6d15e97dbebfa1e631fa', class: "social-icon-wrap" }, h("biggive-social-icon", { key: 'a431d605e79c0ca3902a1c497b34e13cf78317d6', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'd3e11eb4625066acb587bffa03cf4c7e040f0e08', service: "Twitter", url: "https://x.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'f7ac203084011f8ba890ff7e08258dfc279b6565', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'd7cf75808f399090fa582c883fccd3618328f81a', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'e0afba7865579213af8bf992f50c9aa7fd57bdcf', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), h("div", { key: 'c17a6813dc89774b79595fc29b73a26e85fc776e', class: "nav-secondary" }, secondaryNavLinksForDesktop)), h("nav", { key: 'dec24802c923547fb10ac571f5edd7ff693f39ba', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: '3a392a2d14b9217560ebd24530e598257844564d', class: "navbar" }, h("div", { key: '2e36ca4e7e5b0a94db1b6cf3f46eb284bd081e33', class: "logo" }, h("a", { key: '5c50b988178930e8364ed2464a2ad0525857c28e', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: 'ba793e8941d957ec5acd530c764c4b762bc30c3f', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { key: '18d45328824c71be3bc8cfb21978456a4643764c', 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: 'a114f98b7386fbce29175b7151d032c4e19ba39f', d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { key: '65f857e787fc32a7afb3e613dc6d7f90ff7ada86', class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: '3dcbdc65c60abbf4f2aceccb780c44b5820e4eb8', class: "nav-links" }, h("div", { key: '898887f49fffd3e7393e942fc60e784b38474b23', class: "sidebar-logo" }, h("a", { key: '2f7628718c8c1b98e7cce9f1146266508dcafd6a', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: 'e44781a3b156e344391f6971980500d5c1a30844', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { key: '2d5c738c427e9a8a8db76be84c6eef05b675f08d', 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: '9703b547830033a134b48c9611c4cfff74f2d0b7', d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { key: '8ce8f4644b70f2117bbcc684905ec293b22a2d4d', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: '421e475102e04bcd1e2ddc4aacf877b969b3eafe', id: "nav-primary" }, h("ul", { key: '12855f20dfa5f138ada1f6708f5df8580c3f6ba7', class: "links", slot: "nav-primary" }, h("li", { key: 'dcc44fa05a5a100183309c121b988200d13d6f5b' }, h("a", { key: 'f4b22e9b9eec69f611a3e77fcbcd8f9b5dde961b', href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), h("li", { key: '7611431fe5c399edd8001e285dc2dc748bdaf26e' }, h("a", { key: 'a433b298b83e23b5c347f602987385e756af17f2', href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), h("li", { key: 'de1f85cd87d00b80427b46a8f7d947fb33eeb030' }, h("a", { key: '03645e74b5499510cd16b485c5bd05be691feff2', href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), h("li", { key: '58f5e098671b8088bea1bed37266e81cc45348a0' }, h("a", { key: '1a1be93f8b5e7c0a1ffe7610c9729c4672bc2f1d', onClick: this.noNav }, "Match Funding", h("biggive-misc-icon", { key: '871dbeca918845aeb5d7fc715f26eda99bf668c8', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '6881855e0a0ec5101d07628bf7c8d5e6e5a76cb8', class: "sub-menu" }, h("li", { key: '536375330133e41e3c3483dfe12bbb2b82ced027' }, h("a", { key: '63ede9e1aedfe1cf8fa5bdcfed69b6a50d675c3d', href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), h("li", { key: '0a8e42e2bbf2f7e1c25a8891eb937d8c3a2b953c' }, h("a", { key: 'acf75569250d6930f23b0a09e0a8a3baf5a8d9c3', href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), h("li", { key: 'd02004ed1d8151bee73cba0535bbc72473389b69', class: "more" }, h("a", { key: '16a47e77a7702e661ec4bfd8a332ffca4dc4b713', onClick: this.noNav }, "Match Funding Opportunities", h("biggive-misc-icon", { key: 'd36963e734f11737857d46ff261d09e6a7278ec1', class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '1c3e71c8454358aa95a58095270d7879eff04210', class: "sub-sub-menu" }, h("li", { key: '0f4c3360e9f3ad6e78244e65c493d0acfaf1b763' }, h("a", { key: '692f7ab36d9a5e087453ae42cdbe9cab034991ba', href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", { key: '60a2f9567992bc9964f7dba11668d49ed702b0d6' }, h("a", { key: '39c3b47bf1ae1b5527b4d0ecbf18a5a2ecd1346e', href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", { key: '470bcd406689e8beddc3840d74f0a10e02c235af' }, h("a", { key: 'fdca5b0eb595ccd2fa8f501f10b8903ccf0536d5', href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green-match" }, "Green Match Fund")), h("li", { key: '37d4cfe0f8ad8b1830ad1f130734e33524033f3d' }, h("a", { key: '102b5419581709798c0449d0dd573451700c8011', href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), h("li", { key: '6b2022dc8da896b61f6a18aab3cba3f28072c7f3' }, h("a", { key: '91025beaf3619f99e58ebe5035303c7e0afed386', href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", { key: '3a61f0a3260b3846344bea476cb6c1adb517c5d5' }, h("a", { key: 'cf6b890cdeb19d6bfdfb53cac8004beb5dff60b2', href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), h("li", { key: 'ff35b825dd969f7954c3012b5916953b851a608d' }, h("a", { key: '524711cefdc9f3c7ca70c581257c782732b2d21d', href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), h("li", { key: '7cd875df1e7f8ea285f537d4d03d004b0e4df040' }, h("a", { key: '0c53acae2fc62f65ae8659929cf191dd6f6acba3', href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), h("li", { key: '5deccab3f5baed955cabc3f97f6147761323de89' }, h("a", { key: '1b400423dab314d071c922d88bb545dfc6723fd8', href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), h("li", { key: 'cb9f2e715002e97058d7da05b00e60c48380f13c' }, h("a", { key: '03c21efba869f3eb9798607c5ebdfde3543c1334', onClick: this.noNav }, "About Us", h("biggive-misc-icon", { key: '22fdc1b92159a9f712df01d2bd16d27a4326c287', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '9fe4ee7d07e9cf9f7e88f93e01f67f6c1195adf5', class: "sub-menu" }, h("li", { key: '6eae19649f8bae72449f2febf36b37628fbf8e90' }, h("a", { key: 'cfc754f6183a05d3a6fa1b688dfa5053441e9d3b', href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", { key: '074f2ddab2753b33b6927bf5acecc366621c5cf4' }, h("a", { key: 'a244a336c2a84f95a989b33ef3d3cfc2c0ac2807', href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", { key: '7d657e459bd35fcbb0d7337c2e38d72bf1bce225' }, h("a", { key: '47d19480fe047871829dddc74d877b90f37ce7c5', href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), h("li", { key: '2d5693928c6fcb8ed2f900cbf2ca26712cf839d9' }, h("a", { key: '8747d5ef023e0e057e1d6fc097e17f34ddb72648', href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", { key: '4eaf06ccb3258e889e1e32b2b6525f33ae2930b5' }, h("a", { key: '4a927a9509e8b3d11dea2a5cd0d1815c4c5c320d', href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("li", { key: '8cb8c5c8623a062c5baa4b5f4d943e444c7bb9dd' }, h("a", { key: '698491c05a5a7d0c60a8e3a16777aef9fab8eeff', onClick: this.noNav }, "Resources", h("biggive-misc-icon", { key: '3a7c36e96e3fe02c4c3c8c63fb970ce90c71e130', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '87d32379a33ffce31038b80e30f70667add8051d', class: "sub-menu" }, h("li", { key: '7a1993f375aaed1e4227a120f1eb7aa106943b7a' }, h("a", { key: 'c43e5ffe41b12efc2f7de5895507060d5b28bd82', href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", { key: 'e9fa8157c23b3a9b50e4c10c42970be829858607' }, h("a", { key: '19032ea8f30c1b0a8d48146dd1b979c6fc50e74a', href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", { key: '4f27f4a2db68e2c852960ab8fad1832f335a2ae6' }, h("a", { key: 'b57a2dc8b83cfed6294eff6df65edb8644b6a445', href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", { key: '7be01c5b66f87ecaf2d0b9cf641246de3ac39524' }, h("a", { key: 'df665a908e54a142e6e882272a3c62518f277c93', href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), h("div", { key: 'fc5d94c95d1e184d987b9ac171704e94fb173635', class: "mobile-only" }, secondaryNavLinksForMobile)), h("div", { key: 'df7223aa1be794787af2ceb9e06ad3cd8f597dfe', class: "mobile-social-icon-wrap mobile-only" }, h("biggive-social-icon", { key: '7dcc2dbfa9b142e8d4e6fce533735132e306469f', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '820411909a3b6b56457c609845fe4ff50e6c4d01', service: "Twitter", url: "https://x.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '51702d271d70c91fd2ebb02e3de9b4c2b5f86f93', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '7ced5c4acdee3d2433bbcfc58336a3c873f9b203', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '1ad190155119d89c6efa3d8da16cb44e4b50ad32', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
     }
     get host() { return getElement(this); }
 };