npm - @biggive/components - Versions diffs - 202501211147.0.0 → 202501311659.0.0 - Mend

@biggive/components 202501211147.0.0 → 202501311659.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 (245) hide show

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

@@ -3,7 +3,7 @@ import { m as makeURL } from './helper-methods.js';
 import { d as defineCustomElement$3 } from './biggive-misc-icon2.js';
 import { d as defineCustomElement$2 } from './biggive-social-icon2.js';
-const biggiveMainMenuCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{margin:0;padding:0;box-sizing:border-box;font-family:\"Euclid Triangle\", sans-serif}a[class^=icon-],a[class*=icon-]{padding-left:20px;background-repeat:no-repeat;background-size:auto 10px;background-position:left center}a.icon-green{background-image:url(/assets/images/triangles-combined.svg)}a.icon-children{background-image:url(/assets/images/triangles-combined-children.svg)}a.icon-christmas{background-image:url(/assets/images/triangles-combined-christmas-challenge.svg)}a.icon-green-match{background-image:url(/assets/images/triangles-combined-green-match.svg)}a.icon-women-girls{background-image:url(/assets/images/triangles-combined-women-girls.svg)}a.icon-mental-health{background-image:url(/assets/images/triangles-combined-mental-health.svg)}a.icon-anchor-match{background-image:url(/assets/images/triangles-combined-anchor.svg)}a.icon-emergency{background-image:url(/assets/images/triangles-combined-emergency.svg)}a.icon-arts-impact{background-image:url(/assets/images/triangles-combined-arts-black.svg)}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}.row-top .social-icon-wrap{display:flex;min-height:40px;margin-right:10px}.row-top .social-icon-wrap .social-icon-item{margin-right:10px}.row-top .nav-secondary{margin-left:auto;display:grid}.row-top .nav-secondary ul{list-style:none;display:inline-flex;margin:auto}.row-top .nav-secondary li{border-right:1px solid #FFFFFF;height:fit-content;padding:0 10px}.row-top .nav-secondary li:last-child{border-right:0;padding-right:0}.row-top .nav-secondary li a{color:#FFFFFF;text-decoration:none}nav{top:0;left:0;width:100%;height:70px;background:white;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:black;font-size:17px;font-weight:500}nav .navbar .nav-links .links li .sub-menu{position:absolute;top:70px;left:0;line-height:40px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);border-radius:0 0 4px 4px;display:none;z-index:2;background-color:inherit}nav .navbar .nav-links .links li .sub-menu li{padding:0 22px;border-bottom:1px solid rgba(255, 255, 255, 0.1)}nav .navbar .nav-links .links li .sub-menu a{color:black;font-size:15px;font-weight:500}nav .navbar .nav-links .links li .sub-menu .more .sub-sub-menu{position:absolute;top:0;left:100%;border-radius:0 4px 4px 4px;z-index:1;display:none}nav .navbar .nav-links .links li .arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}nav .navbar .nav-links .links li .arrow.transform-90{transform:rotate(90deg)}nav .navbar .logo{min-width:180px;width:180px}nav .navbar .logo a{font-size:30px;color:black;text-decoration:none;font-weight:600;display:grid}nav .navbar .bx-menu{display:none}@media (hover: hover){.row-top .nav-secondary li a:hover{border-bottom-color:#FFFFFF;color:#FFFFFF}nav .navbar .nav-links .links li .sub-menu .more:hover .sub-sub-menu{display:block}nav .navbar .nav-links .links li:hover .sub-menu-arrow{transform:rotate(90deg)}nav .navbar .nav-links .links li:hover .sub-menu{display:block;background-color:white}nav .navbar .nav-links .links li:hover .sub-menu .sub-sub-menu{background-color:white}}@media (max-width: 1200px){nav .navbar .logo{min-width:120px;width:120px}nav .navbar .nav-links .links li{padding:0 7px}nav .navbar .nav-links .links li a{font-size:15px}nav .navbar .nav-links .links li .sub-menu a{font-size:13px}}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0px 25px}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:white;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo a #mobileLogo{width:130px}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .mobile-social-icon-wrap{margin-top:20px}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6}nav .navbar .nav-links .links li a{width:100%;display:block}nav .navbar .nav-links .links li .sub-menu{position:relative;top:0;box-shadow:none;display:none}nav .navbar .nav-links .links li .sub-menu li{border-bottom:none}nav .navbar .nav-links .links li .sub-menu .sub-sub-menu{display:none;position:relative;left:0}nav .navbar .nav-links .links li .sub-menu .sub-sub-menu li{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .links li .sub-menu .more span{display:flex;align-items:center}nav .navbar .nav-links .links li .sub-menu .more .sub-sub-menu.display-sub-menu{position:initial}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.display-sub-menu,.display-sub-menu li{display:block !important}#nav-primary .display-sub-menu,#nav-primary .display-sub-menu li{background-color:white}.sub-menu-main{position:absolute;top:20px;left:0;line-height:40px;border-radius:0 0 4px 4px;display:none;background-color:#2C089B;z-index:2}.sub-menu-main li{border-right:none !important;padding:0 22px;display:none}@media (max-width: 968px){.sub-menu-main{position:static !important;background:none}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}.nav-secondary li{position:relative !important}.nav-secondary li:hover .sub-menu-arrow{transform:rotate(90deg)}.nav-secondary li:hover .sub-menu-main{display:block}.nav-secondary li:hover .sub-menu-main li{display:block}";
+const biggiveMainMenuCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{margin:0;padding:0;box-sizing:border-box;font-family:\"Euclid Triangle\", sans-serif}a[class^=icon-],a[class*=icon-]{padding-left:20px;background-repeat:no-repeat;background-size:auto 10px;background-position:left center}a.icon-green{background-image:url(/assets/images/triangles-combined.svg)}a.icon-children{background-image:url(/assets/images/triangles-combined-children.svg)}a.icon-christmas{background-image:url(/assets/images/triangles-combined-christmas-challenge.svg)}a.icon-green-match{background-image:url(/assets/images/triangles-combined-green-match.svg)}a.icon-women-girls{background-image:url(/assets/images/triangles-combined-women-girls.svg)}a.icon-mental-health{background-image:url(/assets/images/triangles-combined-mental-health.svg)}a.icon-anchor-match{background-image:url(/assets/images/triangles-combined-anchor.svg)}a.icon-small-charity{background-image:url(/assets/images/triangles-combined-small-charity-week.svg)}a.icon-emergency{background-image:url(/assets/images/triangles-combined-emergency.svg)}a.icon-arts-impact{background-image:url(/assets/images/triangles-combined-arts-black.svg)}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}.row-top .social-icon-wrap{display:flex;min-height:40px;margin-right:10px}.row-top .social-icon-wrap .social-icon-item{margin-right:10px}.row-top .nav-secondary{margin-left:auto;display:grid}.row-top .nav-secondary ul{list-style:none;display:inline-flex;margin:auto}.row-top .nav-secondary li{border-right:1px solid #FFFFFF;height:fit-content;padding:0 10px}.row-top .nav-secondary li:last-child{border-right:0;padding-right:0}.row-top .nav-secondary li a{color:#FFFFFF;text-decoration:none}nav{top:0;left:0;width:100%;height:70px;background:white;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:black;font-size:17px;font-weight:500}nav .navbar .nav-links .links li .sub-menu{position:absolute;top:70px;left:0;line-height:40px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);border-radius:0 0 4px 4px;display:none;z-index:2;background-color:inherit}nav .navbar .nav-links .links li .sub-menu li{padding:0 22px;border-bottom:1px solid rgba(255, 255, 255, 0.1)}nav .navbar .nav-links .links li .sub-menu a{color:black;font-size:15px;font-weight:500}nav .navbar .nav-links .links li .sub-menu .more .sub-sub-menu{position:absolute;top:0;left:100%;border-radius:0 4px 4px 4px;z-index:1;display:none}nav .navbar .nav-links .links li .arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}nav .navbar .nav-links .links li .arrow.transform-90{transform:rotate(90deg)}nav .navbar .logo{min-width:180px;width:180px}nav .navbar .logo a{font-size:30px;color:black;text-decoration:none;font-weight:600;display:grid}nav .navbar .bx-menu{display:none}@media (hover: hover){.row-top .nav-secondary li a:hover{border-bottom-color:#FFFFFF;color:#FFFFFF}nav .navbar .nav-links .links li .sub-menu .more:hover .sub-sub-menu{display:block}nav .navbar .nav-links .links li:hover .sub-menu-arrow{transform:rotate(90deg)}nav .navbar .nav-links .links li:hover .sub-menu{display:block;background-color:white}nav .navbar .nav-links .links li:hover .sub-menu .sub-sub-menu{background-color:white}}@media (max-width: 1200px){nav .navbar .logo{min-width:120px;width:120px}nav .navbar .nav-links .links li{padding:0 7px}nav .navbar .nav-links .links li a{font-size:15px}nav .navbar .nav-links .links li .sub-menu a{font-size:13px}}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0px 25px}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:white;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo a #mobileLogo{width:130px}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .mobile-social-icon-wrap{margin-top:20px}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6}nav .navbar .nav-links .links li a{width:100%;display:block}nav .navbar .nav-links .links li .sub-menu{position:relative;top:0;box-shadow:none;display:none}nav .navbar .nav-links .links li .sub-menu li{border-bottom:none}nav .navbar .nav-links .links li .sub-menu .sub-sub-menu{display:none;position:relative;left:0}nav .navbar .nav-links .links li .sub-menu .sub-sub-menu li{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .links li .sub-menu .more span{display:flex;align-items:center}nav .navbar .nav-links .links li .sub-menu .more .sub-sub-menu.display-sub-menu{position:initial}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.display-sub-menu,.display-sub-menu li{display:block !important}#nav-primary .display-sub-menu,#nav-primary .display-sub-menu li{background-color:white}.sub-menu-main{position:absolute;top:20px;left:0;line-height:40px;border-radius:0 0 4px 4px;display:none;background-color:#2C089B;z-index:2}.sub-menu-main li{border-right:none !important;padding:0 22px;display:none}@media (max-width: 968px){.sub-menu-main{position:static !important;background:none}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}.nav-secondary li{position:relative !important}.nav-secondary li:hover .sub-menu-arrow{transform:rotate(90deg)}.nav-secondary li:hover .sub-menu-main{display:block}.nav-secondary li:hover .sub-menu-main li{display:block}";
 const BiggiveMainMenuStyle0 = biggiveMainMenuCss;
 const BiggiveMainMenu$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveMainMenu extends HTMLElement {
@@ -20,7 +20,7 @@ const BiggiveMainMenu$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveMainMenu
         this.blogUrlPrefix = 'https://biggive.org';
         this.donateUrlPrefix = 'https://donate.biggive.org';
         this.experienceUrlPrefix = 'https://community.biggive.org';
-        this.myAccountFlagEnabled = false;
+        this.smallCharityWeekEnabled = 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
@@ -122,7 +122,7 @@ const BiggiveMainMenu$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveMainMenu
     getSecondaryNavLinks(layout) {
         const chevronIconColour = layout === 'desktop' ? 'white' : 'black';
         const chevronBackgroundColour = layout === 'desktop' ? 'blue' : 'white';
-        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"))));
+        return (h("ul", null, !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() {
         const homePageLink = this.someCampaignHasHomePageRedirect ? '/?noredirect' : '/';
@@ -130,7 +130,7 @@ const BiggiveMainMenu$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveMainMenu
         // 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: '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" })))))));
+        return (h(Host, { key: '4e7abac99f8910188e9abd56a35da5f7fe2d8c9b' }, h("div", { key: '39e8417e07af749f571034b89b9668cdf17e0ad4', class: "row row-top" }, h("div", { key: 'cae24b8035bbc76e6fba3bf64ae3b61d8ead51bf', class: "social-icon-wrap" }, h("biggive-social-icon", { key: '0feca3295261e280a47b765a97066666808c38d9', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'db7de913f01142fa472ceb5f57d32e2c00f3f79a', service: "Twitter", url: "https://x.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '0d5f078ca38e31a48cebd24c376cfcde235c2e09', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '3cb574a90af5e93cfa48a3aef5eedd2eb5e4eaae', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '5eaadf36a17e2f9583b4bf2fe93f14f2af7ea014', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), h("div", { key: 'eb11921183d0aa784a98cac16ed0cc74af621d97', class: "nav-secondary" }, secondaryNavLinksForDesktop)), h("nav", { key: '5399bf8300f45a617ec979944296b2107c98b691', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: '80cbacfc4b501a179e71751bd5cefec8c5ae6130', class: "navbar" }, h("div", { key: 'd56695f5ff89a7665f2c93a7c6cb318392002be6', class: "logo" }, h("a", { key: 'dc006c34d3282d03b610fc49dd413f48bb1c2ad3', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: '0be749c0ac9d62217c5e2793ed4e7221b91ee2bf', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { key: 'a53978c581a7576e165940fb9ee08c9fc2c2c886', 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: 'a514c6ad0ad270a44369cda2312aea74bce7016f', d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { key: '24f558e7b3196429c1dbba2539733aea0c41d2e9', class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: 'd9fe9beb2a92cb2c410a917e03499468408e5817', class: "nav-links" }, h("div", { key: 'e5feb8fe89177bab45712411eeb4682973036a75', class: "sidebar-logo" }, h("a", { key: 'd729478e63f039968a16e1f59a0748e8be3ab610', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: 'f84ebcf4baa069b0c6604a3a4ced97a0a1d828a8', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { key: '4ee13728a9021f3e1674ae1762e1405f4216e0bc', 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: 'f96d9e5fd0ff66aa3c5f8af39c5b5e38b36c2c37', d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { key: '5f005c38004c53507362490942780c7791e39443', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: 'c8a1bff0e1a06178a08dd4eae8732ee481cef5a2', id: "nav-primary" }, h("ul", { key: '6b8be06279ab06b087b38489d8b0a793d6a5305a', class: "links", slot: "nav-primary" }, h("li", { key: '12e9463b546db87c09e54662c02a9d1ecc480629' }, h("a", { key: '8692ae85ea46a833084189cac29cc0b31a37f9aa', href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), h("li", { key: '1c0d7a2da8f0fb6724f335a4570b73a0b15a7c51' }, h("a", { key: '3a346d6f674750562eaf23eb4025f99eb1fbbbb5', href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), h("li", { key: '15017136ab95379046ff6e455569179d6d788749' }, h("a", { key: '6fb5b1e13bb3da1380eb46afd77e9bcac5937257', href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), h("li", { key: '72d9a01dd4bf87c19f2fcf6bc610e95f0c486ca5' }, h("a", { key: '0cdd2c9d8ef6086717e0c87e981104ce3fde1fda', onClick: this.noNav }, "Match Funding", h("biggive-misc-icon", { key: 'c010a3df3ab897ea865b996e755d56e4fafd2859', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '89c1cc24a8c9f199d2a7302283a2b610de602260', class: "sub-menu" }, h("li", { key: '23a0b048105386d4f7e8177e8b7baa1b6fea9e5c' }, h("a", { key: '771b3fccedbc7ec2bd42e235af20d4f0a042b45f', href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), h("li", { key: 'f8c3d7c51459bdd8f275d8fb8b5f399bbcede933' }, h("a", { key: 'e8538341be103eee8e0a9739073aa6c88ef92b02', href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), h("li", { key: 'd1b9875680b54545520d75e52acf04b031d2818c', class: "more" }, h("a", { key: 'c26b62968499f745e5b43db0015ce21942e1597f', onClick: this.noNav }, "Match Funding Opportunities", h("biggive-misc-icon", { key: '6dd90ded3dbad42780803b90cb48fe0e0b24e15f', class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: 'c53451ed941dc09db605533b3157b2bc7f8c0956', class: "sub-sub-menu" }, h("li", { key: 'b3096ca3ffcd56908036f15d7fff8626f8ed729e' }, h("a", { key: '31d43a61c81d99be72bb7b9a8143444340db9c5a', href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", { key: '0ffdd06c6215ce2a9b2d36dfdcca6ccbc81cb44b' }, h("a", { key: 'bfd2fb3e7d189764a7f00daadc3f3dc34ca18cf0', href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", { key: 'd80f45ff9b8ba7156a7d1e1fcdc629db9ec30ec8' }, h("a", { key: '421361068e195ec65378e7995d8262ade299ac62', href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green-match" }, "Green Match Fund")), h("li", { key: 'd9df9b221cacb933be0ff60647f9ab3dc9cafb3e' }, h("a", { key: '1f0bd270270d4f6fbe74c9b4438389fdd337fc97', href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), h("li", { key: 'f029f6e6feabe567fbd5501d6472bc35cc040bba' }, h("a", { key: '488786f2f2619e52a1878556019caf9b790692c4', href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", { key: '9bf96743fee66d12cc2d7ed12883cd2cc1b10f0e' }, h("a", { key: '301fe46231c1b67bbd76ab539632a3a32868452b', href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), this.smallCharityWeekEnabled && (h("li", { key: 'c0d43c585b81e35fdf60e381a33508731bad20fd' }, h("a", { key: '0c00c408bee3ff60ef6de85114c1f26c1dd212ad', href: makeURL('Blog', this.blogUrlPrefix, 'small-charity-week/'), class: "icon-small-charity" }, "Small Charity Week"))), h("li", { key: 'e07b8f7b929e39d86a67de15c69e7bcaf75ef9ef' }, h("a", { key: 'aa6fd09646931f99cd033b91a4a999cbc96d36ed', href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), h("li", { key: '4b16b56a1798ac6dc878848b916efe95911d57ae' }, h("a", { key: '7b326140a4baa2b1d9c621786b3c614e530d6def', href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), h("li", { key: 'e269de98eda5c9701c733256ba3ecd47c3e0ac86' }, h("a", { key: 'dae0fe0d66065751d0c58d4893de99a278d9385a', href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), h("li", { key: 'd7b1b175e59540409c131e9f2104a097819c706e' }, h("a", { key: 'cd30dbf4549ab82eb4b0a6b001dacaa2ac1e7f74', onClick: this.noNav }, "About Us", h("biggive-misc-icon", { key: 'e101c5155215f87b9d3ecd76b0e75a8f8737bae8', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '7fb2a833aa718c6f78fa600e37e68bbf963d935a', class: "sub-menu" }, h("li", { key: 'ad1d74c270d51288a32b2b3dc7df4d634d9a6d66' }, h("a", { key: '0072e470cda137ff2ebcf908f7dc0238c7b5df3d', href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", { key: '309604e7151deca7c99c1577446b8151e0092923' }, h("a", { key: 'efa7e65e703d5e3c34f300310d7d31e612cba221', href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", { key: '817a65a1283cae9114382945fb189bcb0f41215e' }, h("a", { key: 'ccdd6c4b62303cf95e2222b2560ba31d6377ebb3', href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), h("li", { key: 'bcc7de71b2239d568cb540d8a77727bd78c18229' }, h("a", { key: 'c3714a435c097ca1c50e0d67ef0d97c3a96153d1', href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", { key: '1038a0fc5be14d06632d93ba996e925fd5bdd2d6' }, h("a", { key: '5931c1ff9156ebce4df65d2d85b820d3c4ea8bf6', href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("li", { key: '7b3ed0db99537985c8eb16a67dd4d9850ec64881' }, h("a", { key: '749b3972f1b4483360b20337f79ab03be6ebc6f6', onClick: this.noNav }, "Resources", h("biggive-misc-icon", { key: '273de660dbfc12c1aee119b4bedb0429b4a58298', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: 'b77d2e890e5c843750a9dfb40e9bfea5e834d2f6', class: "sub-menu" }, h("li", { key: '2d34b7fcc8290958f6d849c5e0933637df267ed0' }, h("a", { key: '6c2dc0231a099722b7bfc55afd2dd64c042dd5eb', href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", { key: 'deeae277c14ade0a00bbb7c65a68cb363c55a8c3' }, h("a", { key: 'b61e5c60bc1bddc09ff29fbd38ebdd11f85e69bd', href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", { key: 'c5c806051753822a45ad425be25dcb4d0fea998e' }, h("a", { key: '5f13295dbbacb25bf2967a1706c139110a004ac7', href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", { key: '5c2bbead428bbcc335139186f18249699b088416' }, h("a", { key: 'da5c365a2a79d30f506e7b8790ff2c992a3c4770', href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), h("div", { key: '39eec2f60f540752b84ac0d63681b39989bc2a12', class: "mobile-only" }, secondaryNavLinksForMobile)), h("div", { key: 'fb890b323ed8cd755e6dce66cf9bb9910f8ca095', class: "mobile-social-icon-wrap mobile-only" }, h("biggive-social-icon", { key: 'e3c3b677f66095d0667910a5d83ab37ea61a3005', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '5a9716daef33a9471f5db08937c0cc95c625fcde', service: "Twitter", url: "https://x.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'fa79e2e007e2ce56fbd15923cd22a92e3920bd4e', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '008b5b0431a63bddb76f41a9d707f5b0575988a5', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '497bcf50fa6db04bb79032b8dc40714213a38b79', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
     }
     get host() { return this; }
     static get style() { return BiggiveMainMenuStyle0; }
@@ -138,7 +138,7 @@ const BiggiveMainMenu$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveMainMenu
         "blogUrlPrefix": [1, "blog-url-prefix"],
         "donateUrlPrefix": [1, "donate-url-prefix"],
         "experienceUrlPrefix": [1, "experience-url-prefix"],
-        "myAccountFlagEnabled": [4, "my-account-flag-enabled"],
+        "smallCharityWeekEnabled": [4, "small-charity-week-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 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}
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-small-charity {\n background-image: url(/assets/images/triangles-combined-small-charity-week.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() smallCharityWeekEnabled = 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.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 {this.smallCharityWeekEnabled && (\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'small-charity-week/')} class=\"icon-small-charity\">\n Small Charity Week\n </a>\n </li>\n )}\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/components/biggive-misc-icon2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { F as FontAwesomeIconsService } from './fontawesome-icons.js';
-const biggiveMiscIconCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}:host{display:contents}.misc-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px}.misc-icon-item.colour-scheme-primary{background-color:#2C089B}.misc-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.misc-icon-item.colour-scheme-secondary{background-color:#2AF135}.misc-icon-item.colour-scheme-secondary svg{fill:#000000}.misc-icon-item.colour-scheme-tertiary{background-color:#FF7272}.misc-icon-item.colour-scheme-tertiary svg{fill:#000000}.misc-icon-item.colour-scheme-brand-1{background-color:#B30510}.misc-icon-item.colour-scheme-brand-1 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-2{background-color:#6E0887}.misc-icon-item.colour-scheme-brand-2 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-3{background-color:#50B400}.misc-icon-item.colour-scheme-brand-3 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-4{background-color:#FFE500}.misc-icon-item.colour-scheme-brand-4 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-5{background-color:#F07D00}.misc-icon-item.colour-scheme-brand-5 svg{fill:#000000}.misc-icon-item.colour-scheme-mhf-turquoise{background-color:#62CFC9}.misc-icon-item.colour-scheme-mhf-turquoise svg{fill:#000000}.misc-icon-item.colour-scheme-brand-grey{background-color:#CBC8C8}.misc-icon-item.colour-scheme-brand-grey svg{fill:#000000}.misc-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.misc-icon-item.colour-scheme-brand-6 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-afa-pink{background-color:#BF387D}.misc-icon-item.colour-scheme-brand-afa-pink svg{fill:#000000}.misc-icon-item.colour-scheme-white{background-color:#FFFFFF}.misc-icon-item.colour-scheme-white svg{fill:#000000}.misc-icon-item.colour-scheme-black{background-color:#000000}.misc-icon-item.colour-scheme-black svg{fill:#FFFFFF}.misc-icon-item.colour-scheme-black{background-color:#D7D7D7}.misc-icon-item.colour-scheme-black svg{fill:#D7D7D7}.misc-icon-item.colour-scheme-black{background-color:#E8E8E8}.misc-icon-item.colour-scheme-black svg{fill:#E8E8E8}.misc-icon-item.colour-scheme-black{background-color:#8A8A8A}.misc-icon-item.colour-scheme-black svg{fill:#8A8A8A}.misc-icon-item.colour-scheme-black{background-color:#4A4A4A}.misc-icon-item.colour-scheme-black svg{fill:#4A4A4A}.misc-icon-item:hover{background-color:#FFFFFF}.misc-icon-item:hover svg{fill:#000000}.misc-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.misc-icon-item a svg{width:100%;height:100%}@media screen and (max-width: 576px){.misc-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px;margin:auto}.misc-icon-item.colour-scheme-primary{background-color:#2C089B}.misc-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.misc-icon-item.colour-scheme-secondary{background-color:#2AF135}.misc-icon-item.colour-scheme-secondary svg{fill:#000000}.misc-icon-item.colour-scheme-tertiary{background-color:#FF7272}.misc-icon-item.colour-scheme-tertiary svg{fill:#000000}.misc-icon-item.colour-scheme-brand-1{background-color:#B30510}.misc-icon-item.colour-scheme-brand-1 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-2{background-color:#6E0887}.misc-icon-item.colour-scheme-brand-2 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-3{background-color:#50B400}.misc-icon-item.colour-scheme-brand-3 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-4{background-color:#FFE500}.misc-icon-item.colour-scheme-brand-4 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-5{background-color:#F07D00}.misc-icon-item.colour-scheme-brand-5 svg{fill:#000000}.misc-icon-item.colour-scheme-mhf-turquoise{background-color:#62CFC9}.misc-icon-item.colour-scheme-mhf-turquoise svg{fill:#000000}.misc-icon-item.colour-scheme-brand-grey{background-color:#CBC8C8}.misc-icon-item.colour-scheme-brand-grey svg{fill:#000000}.misc-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.misc-icon-item.colour-scheme-brand-6 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-afa-pink{background-color:#BF387D}.misc-icon-item.colour-scheme-brand-afa-pink svg{fill:#000000}.misc-icon-item.colour-scheme-white{background-color:#FFFFFF}.misc-icon-item.colour-scheme-white svg{fill:#000000}.misc-icon-item.colour-scheme-black{background-color:#000000}.misc-icon-item.colour-scheme-black svg{fill:#FFFFFF}.misc-icon-item.colour-scheme-black{background-color:#D7D7D7}.misc-icon-item.colour-scheme-black svg{fill:#D7D7D7}.misc-icon-item.colour-scheme-black{background-color:#E8E8E8}.misc-icon-item.colour-scheme-black svg{fill:#E8E8E8}.misc-icon-item.colour-scheme-black{background-color:#8A8A8A}.misc-icon-item.colour-scheme-black svg{fill:#8A8A8A}.misc-icon-item.colour-scheme-black{background-color:#4A4A4A}.misc-icon-item.colour-scheme-black svg{fill:#4A4A4A}.misc-icon-item:hover{background-color:#FFFFFF}.misc-icon-item:hover svg{fill:#000000}.misc-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.misc-icon-item a svg{width:100%;height:100%}.misc-icon-item a{padding:6px}.misc-icon-item a{margin:auto}}.CaretRight{height:10px;width:10px;margin-right:0px}.CaretRight a{padding:0px}.MenuClose a svg{height:12px;width:12px}";
+const biggiveMiscIconCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}:host{display:contents}.misc-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px}.misc-icon-item.colour-scheme-primary{background-color:#2C089B}.misc-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.misc-icon-item.colour-scheme-secondary{background-color:#2AF135}.misc-icon-item.colour-scheme-secondary svg{fill:#000000}.misc-icon-item.colour-scheme-tertiary{background-color:#FF7272}.misc-icon-item.colour-scheme-tertiary svg{fill:#000000}.misc-icon-item.colour-scheme-brand-1{background-color:#B30510}.misc-icon-item.colour-scheme-brand-1 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-2{background-color:#6E0887}.misc-icon-item.colour-scheme-brand-2 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-3{background-color:#50B400}.misc-icon-item.colour-scheme-brand-3 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-4{background-color:#FFE500}.misc-icon-item.colour-scheme-brand-4 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-5{background-color:#F07D00}.misc-icon-item.colour-scheme-brand-5 svg{fill:#000000}.misc-icon-item.colour-scheme-mhf-turquoise{background-color:#62CFC9}.misc-icon-item.colour-scheme-mhf-turquoise svg{fill:#000000}.misc-icon-item.colour-scheme-brand-grey{background-color:#CBC8C8}.misc-icon-item.colour-scheme-brand-grey svg{fill:#000000}.misc-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.misc-icon-item.colour-scheme-brand-6 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-afa-pink{background-color:#BF387D}.misc-icon-item.colour-scheme-brand-afa-pink svg{fill:#000000}.misc-icon-item.colour-scheme-white{background-color:#FFFFFF}.misc-icon-item.colour-scheme-white svg{fill:#000000}.misc-icon-item.colour-scheme-black{background-color:#000000}.misc-icon-item.colour-scheme-black svg{fill:#FFFFFF}.misc-icon-item.colour-scheme-black{background-color:#D7D7D7}.misc-icon-item.colour-scheme-black svg{fill:#D7D7D7}.misc-icon-item.colour-scheme-black{background-color:#E8E8E8}.misc-icon-item.colour-scheme-black svg{fill:#E8E8E8}.misc-icon-item.colour-scheme-black{background-color:#8A8A8A}.misc-icon-item.colour-scheme-black svg{fill:#8A8A8A}.misc-icon-item.colour-scheme-black{background-color:#4A4A4A}.misc-icon-item.colour-scheme-black svg{fill:#4A4A4A}.misc-icon-item:hover{background-color:#FFFFFF}.misc-icon-item:hover svg{fill:#000000}.misc-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.misc-icon-item a svg{width:100%;height:100%}@media screen and (max-width: 576px){.misc-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px;margin:auto}.misc-icon-item.colour-scheme-primary{background-color:#2C089B}.misc-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.misc-icon-item.colour-scheme-secondary{background-color:#2AF135}.misc-icon-item.colour-scheme-secondary svg{fill:#000000}.misc-icon-item.colour-scheme-tertiary{background-color:#FF7272}.misc-icon-item.colour-scheme-tertiary svg{fill:#000000}.misc-icon-item.colour-scheme-brand-1{background-color:#B30510}.misc-icon-item.colour-scheme-brand-1 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-2{background-color:#6E0887}.misc-icon-item.colour-scheme-brand-2 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-3{background-color:#50B400}.misc-icon-item.colour-scheme-brand-3 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-4{background-color:#FFE500}.misc-icon-item.colour-scheme-brand-4 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-5{background-color:#F07D00}.misc-icon-item.colour-scheme-brand-5 svg{fill:#000000}.misc-icon-item.colour-scheme-mhf-turquoise{background-color:#62CFC9}.misc-icon-item.colour-scheme-mhf-turquoise svg{fill:#000000}.misc-icon-item.colour-scheme-brand-grey{background-color:#CBC8C8}.misc-icon-item.colour-scheme-brand-grey svg{fill:#000000}.misc-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.misc-icon-item.colour-scheme-brand-6 svg{fill:#000000}.misc-icon-item.colour-scheme-brand-afa-pink{background-color:#BF387D}.misc-icon-item.colour-scheme-brand-afa-pink svg{fill:#000000}.misc-icon-item.colour-scheme-white{background-color:#FFFFFF}.misc-icon-item.colour-scheme-white svg{fill:#000000}.misc-icon-item.colour-scheme-black{background-color:#000000}.misc-icon-item.colour-scheme-black svg{fill:#FFFFFF}.misc-icon-item.colour-scheme-black{background-color:#D7D7D7}.misc-icon-item.colour-scheme-black svg{fill:#D7D7D7}.misc-icon-item.colour-scheme-black{background-color:#E8E8E8}.misc-icon-item.colour-scheme-black svg{fill:#E8E8E8}.misc-icon-item.colour-scheme-black{background-color:#8A8A8A}.misc-icon-item.colour-scheme-black svg{fill:#8A8A8A}.misc-icon-item.colour-scheme-black{background-color:#4A4A4A}.misc-icon-item.colour-scheme-black svg{fill:#4A4A4A}.misc-icon-item:hover{background-color:#FFFFFF}.misc-icon-item:hover svg{fill:#000000}.misc-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.misc-icon-item a svg{width:100%;height:100%}.misc-icon-item a{padding:6px}.misc-icon-item a{margin:auto}}.CaretRight{height:10px;width:10px;margin-right:0px}.CaretRight a{padding:0px}.MenuClose a svg{height:12px;width:12px}";
 const BiggiveMiscIconStyle0 = biggiveMiscIconCss;
 const BiggiveMiscIcon = /*@__PURE__*/ proxyCustomElement(class BiggiveMiscIcon extends HTMLElement {
@@ -24,7 +24,7 @@ const BiggiveMiscIcon = /*@__PURE__*/ proxyCustomElement(class BiggiveMiscIcon e
     render() {
         return (
         // Note: the icon name prop is set as a css class too for any styling specific to certain icons
-        h("div", { key: '1fb17c646770e3e8b32987688afc45d9ab26fdee', class: 'misc-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, h("a", { key: '5077732f64ea861e10ccba530aa6be00aabf2665', href: this.url }, h("svg", { key: '0ab73b039488d7696dc09799fd6405160a9b92cd', width: this.getMiscIcon().icon[0], height: this.getMiscIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getMiscIcon().icon[0] + ' ' + this.getMiscIcon().icon[1] }, h("path", { key: 'b2fe1045778f92056f79eb71c28e700e7b12c8db', d: this.getMiscIcon().icon[4].toString() })))));
+        h("div", { key: 'a8085209b94d8f6590cb95d5cde22a3cadc2afff', class: 'misc-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, h("a", { key: 'f6f7c10479e7dade36a871d956b0637f00921daa', href: this.url }, h("svg", { key: '2c7002dfa154e9e1abb25cfd0ee6fa3eee5bee26', width: this.getMiscIcon().icon[0], height: this.getMiscIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getMiscIcon().icon[0] + ' ' + this.getMiscIcon().icon[1] }, h("path", { key: '16037939b4b6131cb30cbc70c4bd4ef6eaa48d64', d: this.getMiscIcon().icon[4].toString() })))));
     }
     static get style() { return BiggiveMiscIconStyle0; }
 }, [0, "biggive-misc-icon", {

package/dist/components/biggive-misc-icon2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-misc-icon2.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,~~moQAAmoQ~~,CAAC;~~AAC/pQ~~,8BAAe,kBAAkB;;MCQpB,eAAe;IAL5B;;;;;;QASU,qBAAgB,GAAW,SAAS,CAAC;;;;QAKrC,eAAU,GAAW,OAAO,CAAC;KAmCtC;IAvBS,WAAW;QACjB,IAAI,IAAI,GAAG,uBAAuB,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,OAAO,IAAI,CAAC;KACb;IAED,MAAM;QACJ;;QAEE,4DAAK,KAAK,EAAE,mCAAmC,GAAG,IAAI,CAAC,gBAAgB,GAAG,GAAG,GAAG,IAAI,CAAC,IAAI,IACvF,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IACf,4DACE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACjC,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAClC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,IAE/E,6DAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CAC9C,CACJ,CACA,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/biggive-misc-icon/biggive-misc-icon.scss?tag=biggive-misc-icon","src/components/biggive-misc-icon/biggive-misc-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n display: contents;\n}\n\n.misc-icon-item {\n @include icon-large();\n\n @media screen and (max-width: $screen-mobile-max) {\n @include icon-medium();\n margin: auto;\n\n a {\n margin: auto;\n }\n }\n}\n\n.CaretRight {\n height: 10px;\n width: 10px;\n margin-right: 0px;\n a {\n padding: 0px;\n }\n}\n\n.MenuClose {\n a {\n svg {\n height: 12px;\n width: 12px;\n }\n }\n}\n","import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n@Component({\n tag: 'biggive-misc-icon',\n styleUrl: 'biggive-misc-icon.scss',\n shadow: false,\n})\nexport class BiggiveMiscIcon {\n /*\n Background colour\n /\n @Prop() backgroundColour: string = 'primary';\n\n /\n Background colour\n /\n @Prop() iconColour: string = 'white';\n\n /\n Icon\n /\n @Prop() icon: string;\n\n /\n Url\n */\n @Prop() url: string;\n\n private getMiscIcon(): IconDefinition {\n var icon = FontAwesomeIconsService.getMiscIcon(this.icon);\n return icon;\n }\n\n render() {\n return (\n // Note: the icon name prop is set as a css class too for any styling specific to certain icons\n <div class={'misc-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon}>\n <a href={this.url}>\n <svg\n width={this.getMiscIcon().icon[0]}\n height={this.getMiscIcon().icon[1]}\n xmlns=\"http://www.w3.org/2000/svg\"\n class={'fill-' + this.iconColour}\n viewBox={'0 0 ' + this.getMiscIcon().icon[0] + ' ' + this.getMiscIcon().icon[1]}\n >\n <path d={this.getMiscIcon().icon[4].toString()} />\n </svg>\n </a>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-misc-icon2.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,uxQAAuxQ,CAAC;AACnzQ,8BAAe,kBAAkB;;MCQpB,eAAe;IAL5B;;;;;;QASU,qBAAgB,GAAW,SAAS,CAAC;;;;QAKrC,eAAU,GAAW,OAAO,CAAC;KAmCtC;IAvBS,WAAW;QACjB,IAAI,IAAI,GAAG,uBAAuB,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,OAAO,IAAI,CAAC;KACb;IAED,MAAM;QACJ;;QAEE,4DAAK,KAAK,EAAE,mCAAmC,GAAG,IAAI,CAAC,gBAAgB,GAAG,GAAG,GAAG,IAAI,CAAC,IAAI,IACvF,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IACf,4DACE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACjC,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAClC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,IAE/E,6DAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CAC9C,CACJ,CACA,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/biggive-misc-icon/biggive-misc-icon.scss?tag=biggive-misc-icon","src/components/biggive-misc-icon/biggive-misc-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n display: contents;\n}\n\n.misc-icon-item {\n @include icon-large();\n\n @media screen and (max-width: $screen-mobile-max) {\n @include icon-medium();\n margin: auto;\n\n a {\n margin: auto;\n }\n }\n}\n\n.CaretRight {\n height: 10px;\n width: 10px;\n margin-right: 0px;\n a {\n padding: 0px;\n }\n}\n\n.MenuClose {\n a {\n svg {\n height: 12px;\n width: 12px;\n }\n }\n}\n","import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n@Component({\n tag: 'biggive-misc-icon',\n styleUrl: 'biggive-misc-icon.scss',\n shadow: false,\n})\nexport class BiggiveMiscIcon {\n /*\n Background colour\n /\n @Prop() backgroundColour: string = 'primary';\n\n /\n Background colour\n /\n @Prop() iconColour: string = 'white';\n\n /\n Icon\n /\n @Prop() icon: string;\n\n /\n Url\n */\n @Prop() url: string;\n\n private getMiscIcon(): IconDefinition {\n var icon = FontAwesomeIconsService.getMiscIcon(this.icon);\n return icon;\n }\n\n render() {\n return (\n // Note: the icon name prop is set as a css class too for any styling specific to certain icons\n <div class={'misc-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon}>\n <a href={this.url}>\n <svg\n width={this.getMiscIcon().icon[0]}\n height={this.getMiscIcon().icon[1]}\n xmlns=\"http://www.w3.org/2000/svg\"\n class={'fill-' + this.iconColour}\n viewBox={'0 0 ' + this.getMiscIcon().icon[0] + ' ' + this.getMiscIcon().icon[1]}\n >\n <path d={this.getMiscIcon().icon[4].toString()} />\n </svg>\n </a>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-nav-group.js CHANGED Viewed

@@ -14,7 +14,7 @@ const BiggiveNavGroup$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveNavGroup
         this.inline = true;
     }
     render() {
-        return (h("ul", { key: 'f4c6bfa225a9253762a5c7698d9612ebac04d517' }, h("slot", { key: 'a0326d2ae356d1444e983cbe997f3902af2a89d0' })));
+        return (h("ul", { key: '49b2376d24d37ac7af1ab8d499d166baf4268a03' }, h("slot", { key: 'b15cfcc1791660ced330af8cf471332f7ca10f49' })));
     }
     static get style() { return BiggiveNavGroupStyle0; }
 }, [1, "biggive-nav-group", {

package/dist/components/biggive-nav-item.js CHANGED Viewed

@@ -10,7 +10,7 @@ const BiggiveNavItem$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveNavItem e
         this.__attachShadow();
     }
     render() {
-        return (h("li", { key: 'e3397df27a329b834615305d2f0c290942735e3a', class: 'icon-' + this.iconColour }, h("a", { key: '6bcc1f29538da7418b26e4f74b22e55dd1fa5f59', href: this.url }, this.label), h("slot", { key: '9728762db7497b42bce1222b837699c075b31b00' })));
+        return (h("li", { key: '090f304495cea3310a9e00e33b66a5beb70b0bbc', class: 'icon-' + this.iconColour }, h("a", { key: '7ed939de7267b6fd0c24cb7f34e1683594031cba', href: this.url }, this.label), h("slot", { key: 'f2cd30f28afe1bb4f63d30f658cb1866b9cee98a' })));
     }
     static get style() { return BiggiveNavItemStyle0; }
 }, [1, "biggive-nav-item", {

package/dist/components/biggive-page-column.js CHANGED Viewed

@@ -10,7 +10,7 @@ const BiggivePageColumn$1 = /*@__PURE__*/ proxyCustomElement(class BiggivePageCo
         this.__attachShadow();
     }
     render() {
-        return h("slot", { key: '3beac31c1baaa76a24741ebd34383938fd923ee6' });
+        return h("slot", { key: 'd2546560d2f14e76bcbd65c64709e430fe2a2fe6' });
     }
     static get style() { return BiggivePageColumnStyle0; }
 }, [1, "biggive-page-column"]);

package/dist/components/biggive-page-columns.js CHANGED Viewed

@@ -14,7 +14,7 @@ const BiggivePageColumns$1 = /*@__PURE__*/ proxyCustomElement(class BiggivePageC
         this.spaceBelow = 0;
     }
     render() {
-        return (h("div", { key: 'f21727da9683e726226243dc690000cb5cd9a149', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'aa4127126736146a6024b43844e660cc421ce111', class: "columns" }, h("div", { key: '266922a9e2209bc16f58b6f6d253838a518c4cea', class: "column-primary" }, h("slot", { key: '731ea1bf59a6bf1a1d23b589d09567ba0e8d6aeb', name: "column-primary" })), h("div", { key: 'f41122cda12c1f8185d376180efe516fb58a3d54', class: "column-secondary" }, h("slot", { key: 'a11538c3325da8a5d39a7f80ac8c627b1aa9b73b', name: "column-secondary" })))));
+        return (h("div", { key: '60631e47b2144d93e2e7a12dece4e48b110f66ce', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'b4049839d4ec173bbb705fa99fa5b7295d7fcd58', class: "columns" }, h("div", { key: 'a4364f0c4e0546e83fa9a76d466d58f039d9e02c', class: "column-primary" }, h("slot", { key: '0c7d1513625f86ea2048460c58149944f2019fa3', name: "column-primary" })), h("div", { key: 'c6b0304d09844ce0c0470ed67c3e1a19dcba7dca', class: "column-secondary" }, h("slot", { key: '5967f00eeeed8d7b4cf6121ae68bf5b83ed2d623', name: "column-secondary" })))));
     }
     static get style() { return BiggivePageColumnsStyle0; }
 }, [1, "biggive-page-columns", {

package/dist/components/biggive-page-section.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-const biggivePageSectionCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;text-align:center}.container .sleeve{max-width:1200px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;padding:30px}@media screen and (max-width: 1200px){.container .sleeve{padding:15px}}.container.full-bleed{box-shadow:0 0 0 100vmax #2C089B;clip-path:inset(0 -100vmax)}.container.style-top-crop-right:before{content:\"\";display:block;height:75px;clip-path:polygon(0 0, 0% 100%, 100% 100%);transform:translateY(1px)}.container.style-top-crop-left:before{content:\"\";display:block;height:75px;clip-path:polygon(100% 0, 100% 0%, 100% 100%, 0 100%);transform:translateY(1px)}.container.style-bottom-crop-right:after{content:\"\";display:block;height:75px;clip-path:polygon(0 0, 100% 0, 0 100%);transform:translateY(-1px)}.container.style-bottom-crop-left:after{content:\"\";display:block;height:75px;clip-path:polygon(0 0, 100% 0, 100% 100%);transform:translateY(-1px)}.container .sleeve{position:relative;text-align:left}.container.max-width-10 .sleeve{max-width:10%;margin-left:auto;margin-right:auto}.container.max-width-15 .sleeve{max-width:15%;margin-left:auto;margin-right:auto}.container.max-width-20 .sleeve{max-width:20%;margin-left:auto;margin-right:auto}.container.max-width-25 .sleeve{max-width:25%;margin-left:auto;margin-right:auto}.container.max-width-30 .sleeve{max-width:30%;margin-left:auto;margin-right:auto}.container.max-width-35 .sleeve{max-width:35%;margin-left:auto;margin-right:auto}.container.max-width-40 .sleeve{max-width:40%;margin-left:auto;margin-right:auto}.container.max-width-45 .sleeve{max-width:45%;margin-left:auto;margin-right:auto}.container.max-width-50 .sleeve{max-width:50%;margin-left:auto;margin-right:auto}.container.max-width-55 .sleeve{max-width:55%;margin-left:auto;margin-right:auto}.container.max-width-60 .sleeve{max-width:60%;margin-left:auto;margin-right:auto}.container.max-width-65 .sleeve{max-width:65%;margin-left:auto;margin-right:auto}.container.max-width-70 .sleeve{max-width:70%;margin-left:auto;margin-right:auto}.container.max-width-75 .sleeve{max-width:75%;margin-left:auto;margin-right:auto}.container.max-width-80 .sleeve{max-width:80%;margin-left:auto;margin-right:auto}.container.max-width-85 .sleeve{max-width:85%;margin-left:auto;margin-right:auto}.container.max-width-90 .sleeve{max-width:90%;margin-left:auto;margin-right:auto}.container.max-width-95 .sleeve{max-width:95%;margin-left:auto;margin-right:auto}.container .sleeve:before{content:\"\";position:absolute;z-index:-1;left:50%;transform:translateX(-50%);width:100vw;top:0;bottom:0}.container.background-color-primary:before,.container.background-color-primary:after,.container.background-color-primary .sleeve:before,.container.background-color-primary .sleeve{background-color:#2C089B;color:#FFFFFF}.container.background-color-secondary:before,.container.background-color-secondary:after,.container.background-color-secondary .sleeve:before,.container.background-color-secondary .sleeve{background-color:#2AF135;color:#FFFFFF}.container.background-color-tertiary:before,.container.background-color-tertiary:after,.container.background-color-tertiary .sleeve:before,.container.background-color-tertiary .sleeve{background-color:#FF7272;color:#FFFFFF}.container.background-color-brand-1:before,.container.background-color-brand-1:after,.container.background-color-brand-1 .sleeve:before,.container.background-color-brand-1 .sleeve{background-color:#B30510;color:#FFFFFF}.container.background-color-brand-2:before,.container.background-color-brand-2:after,.container.background-color-brand-2 .sleeve:before,.container.background-color-brand-2 .sleeve{background-color:#6E0887;color:#FFFFFF}.container.background-color-brand-3:before,.container.background-color-brand-3:after,.container.background-color-brand-3 .sleeve:before,.container.background-color-brand-3 .sleeve{background-color:#50B400;color:#FFFFFF}.container.background-color-brand-4:before,.container.background-color-brand-4:after,.container.background-color-brand-4 .sleeve:before,.container.background-color-brand-4 .sleeve{background-color:#FFE500;color:#FFFFFF}.container.background-color-brand-5:before,.container.background-color-brand-5:after,.container.background-color-brand-5 .sleeve:before,.container.background-color-brand-5 .sleeve{background-color:#F07D00;color:#FFFFFF}.container.background-color-brand-cc-red:before,.container.background-color-brand-cc-red:after,.container.background-color-brand-cc-red .sleeve:before,.container.background-color-brand-cc-red .sleeve{background-color:#B30510;color:#FFFFFF}.container.background-color-brand-wgmf-purple:before,.container.background-color-brand-wgmf-purple:after,.container.background-color-brand-wgmf-purple .sleeve:before,.container.background-color-brand-wgmf-purple .sleeve{background-color:#6E0887;color:#FFFFFF}.container.background-color-brand-gmf-green:before,.container.background-color-brand-gmf-green:after,.container.background-color-brand-gmf-green .sleeve:before,.container.background-color-brand-gmf-green .sleeve{background-color:#50B400;color:#FFFFFF}.container.background-color-brand-emf-yellow:before,.container.background-color-brand-emf-yellow:after,.container.background-color-brand-emf-yellow .sleeve:before,.container.background-color-brand-emf-yellow .sleeve{background-color:#FFE500;color:#FFFFFF}.container.background-color-brand-c4c-orange:before,.container.background-color-brand-c4c-orange:after,.container.background-color-brand-c4c-orange .sleeve:before,.container.background-color-brand-c4c-orange .sleeve{background-color:#F07D00;color:#FFFFFF}.container.background-color-brand-afa-pink:before,.container.background-color-brand-afa-pink:after,.container.background-color-brand-afa-pink .sleeve:before,.container.background-color-brand-afa-pink .sleeve{background-color:#BF387D;color:#FFFFFF}.container.background-color-brand-mhf-turquoise:before,.container.background-color-brand-mhf-turquoise:after,.container.background-color-brand-mhf-turquoise .sleeve:before,.container.background-color-brand-mhf-turquoise .sleeve{background-color:#62CFC9;color:#FFFFFF}.container.background-color-brand-grey:before,.container.background-color-brand-grey:after,.container.background-color-brand-grey .sleeve:before,.container.background-color-brand-grey .sleeve{background-color:#CBC8C8;color:#FFFFFF}.container.background-color-white:before,.container.background-color-white:after,.container.background-color-white .sleeve:before,.container.background-color-white .sleeve{background-color:#FFFFFF;color:#000000}.container.background-color-black:before,.container.background-color-black:after,.container.background-color-black .sleeve:before,.container.background-color-black .sleeve{background-color:#000000;color:#FFFFFF}.container.background-color-grey-extra-light:before,.container.background-color-grey-extra-light:after,.container.background-color-grey-extra-light .sleeve:before,.container.background-color-grey-extra-light .sleeve{background-color:#D7D7D7;color:#000000}.container.background-color-grey-light:before,.container.background-color-grey-light:after,.container.background-color-grey-light .sleeve:before,.container.background-color-grey-light .sleeve{background-color:#E8E8E8;color:#000000}.container.background-color-grey-medium:before,.container.background-color-grey-medium:after,.container.background-color-grey-medium .sleeve:before,.container.background-color-grey-medium .sleeve{background-color:#8A8A8A;color:#FFFFFF}.container.background-color-grey-dark:before,.container.background-color-grey-dark:after,.container.background-color-grey-dark .sleeve:before,.container.background-color-grey-dark .sleeve{background-color:#4A4A4A;color:#FFFFFF}.container.background-color-brand-6:before,.container.background-color-brand-6:after,.container.background-color-brand-6 .sleeve:before,.container.background-color-brand-6 .sleeve{background-color:#62CFC9;color:#FFFFFF}";
+const biggivePageSectionCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;overflow:hidden;position:relative;text-align:center}.container .sleeve{max-width:1200px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;padding:30px}@media screen and (max-width: 1200px){.container .sleeve{padding:15px}}.container.full-bleed{box-shadow:0 0 0 100vmax #2C089B;clip-path:inset(0 -100vmax)}.container.style-top-crop-right:before{content:\"\";display:block;height:75px;clip-path:polygon(0 0, 0% 100%, 100% 100%);transform:translateY(1px)}.container.style-top-crop-left:before{content:\"\";display:block;height:75px;clip-path:polygon(100% 0, 100% 0%, 100% 100%, 0 100%);transform:translateY(1px)}.container.style-bottom-crop-right:after{content:\"\";display:block;height:75px;clip-path:polygon(0 0, 100% 0, 0 100%);transform:translateY(-1px)}.container.style-bottom-crop-left:after{content:\"\";display:block;height:75px;clip-path:polygon(0 0, 100% 0, 100% 100%);transform:translateY(-1px)}.container .sleeve{position:relative;text-align:left}.container.max-width-10 .sleeve{max-width:10%;margin-left:auto;margin-right:auto}.container.max-width-15 .sleeve{max-width:15%;margin-left:auto;margin-right:auto}.container.max-width-20 .sleeve{max-width:20%;margin-left:auto;margin-right:auto}.container.max-width-25 .sleeve{max-width:25%;margin-left:auto;margin-right:auto}.container.max-width-30 .sleeve{max-width:30%;margin-left:auto;margin-right:auto}.container.max-width-35 .sleeve{max-width:35%;margin-left:auto;margin-right:auto}.container.max-width-40 .sleeve{max-width:40%;margin-left:auto;margin-right:auto}.container.max-width-45 .sleeve{max-width:45%;margin-left:auto;margin-right:auto}.container.max-width-50 .sleeve{max-width:50%;margin-left:auto;margin-right:auto}.container.max-width-55 .sleeve{max-width:55%;margin-left:auto;margin-right:auto}.container.max-width-60 .sleeve{max-width:60%;margin-left:auto;margin-right:auto}.container.max-width-65 .sleeve{max-width:65%;margin-left:auto;margin-right:auto}.container.max-width-70 .sleeve{max-width:70%;margin-left:auto;margin-right:auto}.container.max-width-75 .sleeve{max-width:75%;margin-left:auto;margin-right:auto}.container.max-width-80 .sleeve{max-width:80%;margin-left:auto;margin-right:auto}.container.max-width-85 .sleeve{max-width:85%;margin-left:auto;margin-right:auto}.container.max-width-90 .sleeve{max-width:90%;margin-left:auto;margin-right:auto}.container.max-width-95 .sleeve{max-width:95%;margin-left:auto;margin-right:auto}.container .sleeve:before{content:\"\";position:absolute;z-index:-1;left:50%;transform:translateX(-50%);width:100vw;top:0;bottom:0}.container.background-color-primary:before,.container.background-color-primary:after,.container.background-color-primary .sleeve:before,.container.background-color-primary .sleeve{background-color:#2C089B;color:#FFFFFF}.container.background-color-secondary:before,.container.background-color-secondary:after,.container.background-color-secondary .sleeve:before,.container.background-color-secondary .sleeve{background-color:#2AF135;color:#FFFFFF}.container.background-color-tertiary:before,.container.background-color-tertiary:after,.container.background-color-tertiary .sleeve:before,.container.background-color-tertiary .sleeve{background-color:#FF7272;color:#FFFFFF}.container.background-color-brand-1:before,.container.background-color-brand-1:after,.container.background-color-brand-1 .sleeve:before,.container.background-color-brand-1 .sleeve{background-color:#B30510;color:#FFFFFF}.container.background-color-brand-2:before,.container.background-color-brand-2:after,.container.background-color-brand-2 .sleeve:before,.container.background-color-brand-2 .sleeve{background-color:#6E0887;color:#FFFFFF}.container.background-color-brand-3:before,.container.background-color-brand-3:after,.container.background-color-brand-3 .sleeve:before,.container.background-color-brand-3 .sleeve{background-color:#50B400;color:#FFFFFF}.container.background-color-brand-4:before,.container.background-color-brand-4:after,.container.background-color-brand-4 .sleeve:before,.container.background-color-brand-4 .sleeve{background-color:#FFE500;color:#FFFFFF}.container.background-color-brand-5:before,.container.background-color-brand-5:after,.container.background-color-brand-5 .sleeve:before,.container.background-color-brand-5 .sleeve{background-color:#F07D00;color:#FFFFFF}.container.background-color-brand-cc-red:before,.container.background-color-brand-cc-red:after,.container.background-color-brand-cc-red .sleeve:before,.container.background-color-brand-cc-red .sleeve{background-color:#B30510;color:#FFFFFF}.container.background-color-brand-wgmf-purple:before,.container.background-color-brand-wgmf-purple:after,.container.background-color-brand-wgmf-purple .sleeve:before,.container.background-color-brand-wgmf-purple .sleeve{background-color:#6E0887;color:#FFFFFF}.container.background-color-brand-gmf-green:before,.container.background-color-brand-gmf-green:after,.container.background-color-brand-gmf-green .sleeve:before,.container.background-color-brand-gmf-green .sleeve{background-color:#50B400;color:#FFFFFF}.container.background-color-brand-emf-yellow:before,.container.background-color-brand-emf-yellow:after,.container.background-color-brand-emf-yellow .sleeve:before,.container.background-color-brand-emf-yellow .sleeve{background-color:#FFE500;color:#FFFFFF}.container.background-color-brand-c4c-orange:before,.container.background-color-brand-c4c-orange:after,.container.background-color-brand-c4c-orange .sleeve:before,.container.background-color-brand-c4c-orange .sleeve{background-color:#F07D00;color:#FFFFFF}.container.background-color-brand-afa-pink:before,.container.background-color-brand-afa-pink:after,.container.background-color-brand-afa-pink .sleeve:before,.container.background-color-brand-afa-pink .sleeve{background-color:#BF387D;color:#FFFFFF}.container.background-color-brand-scw-magenta:before,.container.background-color-brand-scw-magenta:after,.container.background-color-brand-scw-magenta .sleeve:before,.container.background-color-brand-scw-magenta .sleeve{background-color:#EE2C65;color:#FFFFFF}.container.background-color-brand-mhf-turquoise:before,.container.background-color-brand-mhf-turquoise:after,.container.background-color-brand-mhf-turquoise .sleeve:before,.container.background-color-brand-mhf-turquoise .sleeve{background-color:#62CFC9;color:#FFFFFF}.container.background-color-brand-grey:before,.container.background-color-brand-grey:after,.container.background-color-brand-grey .sleeve:before,.container.background-color-brand-grey .sleeve{background-color:#CBC8C8;color:#FFFFFF}.container.background-color-white:before,.container.background-color-white:after,.container.background-color-white .sleeve:before,.container.background-color-white .sleeve{background-color:#FFFFFF;color:#000000}.container.background-color-black:before,.container.background-color-black:after,.container.background-color-black .sleeve:before,.container.background-color-black .sleeve{background-color:#000000;color:#FFFFFF}.container.background-color-grey-extra-light:before,.container.background-color-grey-extra-light:after,.container.background-color-grey-extra-light .sleeve:before,.container.background-color-grey-extra-light .sleeve{background-color:#D7D7D7;color:#000000}.container.background-color-grey-light:before,.container.background-color-grey-light:after,.container.background-color-grey-light .sleeve:before,.container.background-color-grey-light .sleeve{background-color:#E8E8E8;color:#000000}.container.background-color-grey-medium:before,.container.background-color-grey-medium:after,.container.background-color-grey-medium .sleeve:before,.container.background-color-grey-medium .sleeve{background-color:#8A8A8A;color:#FFFFFF}.container.background-color-grey-dark:before,.container.background-color-grey-dark:after,.container.background-color-grey-dark .sleeve:before,.container.background-color-grey-dark .sleeve{background-color:#4A4A4A;color:#FFFFFF}.container.background-color-brand-6:before,.container.background-color-brand-6:after,.container.background-color-brand-6 .sleeve:before,.container.background-color-brand-6 .sleeve{background-color:#62CFC9;color:#FFFFFF}";
 const BiggivePageSectionStyle0 = biggivePageSectionCss;
 const BiggivePageSection$1 = /*@__PURE__*/ proxyCustomElement(class BiggivePageSection extends HTMLElement {
@@ -30,7 +30,7 @@ const BiggivePageSection$1 = /*@__PURE__*/ proxyCustomElement(class BiggivePageS
         this.primaryFullBleed = false;
     }
     render() {
-        return (h("div", { key: '4d5705a8fc410cfface6660a6849b8e5fe375d80', class: 'container max-width-' +
+        return (h("div", { key: 'd6da265a26ba6b2b4f1d9aafd582e9b8b55260d0', class: 'container max-width-' +
                 this.maxWidth +
                 ' space-below-' +
                 this.spaceBelow +
@@ -40,7 +40,7 @@ const BiggivePageSection$1 = /*@__PURE__*/ proxyCustomElement(class BiggivePageS
                 this.sectionStyleTop +
                 ' style-bottom-' +
                 this.sectionStyleBottom +
-                (this.primaryFullBleed ? ' full-bleed' : '') }, h("div", { key: '49ba155fe5caf86bf46cdd1ccfc867b86f44c168', class: "sleeve" }, h("slot", { key: '1ba138827f5c6ddc7d71c5798d0ec62cd3e52be6' }))));
+                (this.primaryFullBleed ? ' full-bleed' : '') }, h("div", { key: '928e94b7e1103157c05aeefa228e68d65b8aa64c', class: "sleeve" }, h("slot", { key: '6a350eead511d672a8b457496ae4fc3a4be5a96d' }))));
     }
     static get style() { return BiggivePageSectionStyle0; }
 }, [1, "biggive-page-section", {

package/dist/components/biggive-page-section.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-page-section.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,~~02QAA02Q~~,CAAC;~~AACz4Q~~,iCAAe,qBAAqB;;MCMvBA,oBAAkB;IAL/B;;;;;;;QASU,eAAU,GAAW,CAAC,CAAC;;;;QAKvB,oBAAe,GAAW,UAAU,CAAC;;;;QAKrC,uBAAkB,GAAW,UAAU,CAAC;;;;QAUxC,aAAQ,GAAW,GAAG,CAAC;;;;QAKvB,qBAAgB,GAAY,KAAK,CAAC;KAyB3C;IAvBC,MAAM;QACJ,QACE,4DACE,KAAK,EACH,sBAAsB;gBACtB,IAAI,CAAC,QAAQ;gBACb,eAAe;gBACf,IAAI,CAAC,UAAU;gBACf,oBAAoB;gBACpB,IAAI,CAAC,YAAY;gBACjB,aAAa;gBACb,IAAI,CAAC,eAAe;gBACpB,gBAAgB;gBAChB,IAAI,CAAC,kBAAkB;iBACtB,IAAI,CAAC,gBAAgB,GAAG,aAAa,GAAG,EAAE,CAAC,IAG9C,4DAAK,KAAK,EAAC,QAAQ,IACjB,8DAAa,CACT,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggivePageSection"],"sources":["src/components/biggive-page-section/biggive-page-section.scss?tag=biggive-page-section&encapsulation=shadow","src/components/biggive-page-section/biggive-page-section.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n overflow: hidden;\n position: relative;\n text-align: center;\n .sleeve {\n @include section-container();\n padding: $spacer-4;\n\n @media screen and (max-width: $screen-desktop-max) {\n // similar to e.g. biggive-hero-image which was set to use $spacer-3 first.\n padding: $spacer-3;\n }\n }\n}\n\n.container.full-bleed {\n // from https://stackoverflow.com/questions/22083157/extend-background-color-of-header-beyond-container-with-css\n box-shadow: 0 0 0 100vmax $colour-primary-blue;\n clip-path: inset(0 -100vmax);\n}\n\n.container.style-top-crop-right:before {\n content: '';\n display: block;\n height: 75px;\n clip-path: polygon(0 0, 0% 100%, 100% 100%);\n transform: translateY(1px);\n}\n\n.container.style-top-crop-left:before {\n content: '';\n display: block;\n height: 75px;\n clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0 100%);\n transform: translateY(1px);\n}\n\n.container.style-bottom-crop-right:after {\n content: '';\n display: block;\n height: 75px;\n clip-path: polygon(0 0, 100% 0, 0 100%);\n transform: translateY(-1px);\n}\n\n.container.style-bottom-crop-left:after {\n content: '';\n display: block;\n height: 75px;\n clip-path: polygon(0 0, 100% 0, 100% 100%);\n transform: translateY(-1px);\n}\n\n.container .sleeve {\n position: relative;\n text-align: left;\n}\n\n.container.max-width-10 .sleeve { @include max-width-10(); }\n.container.max-width-15 .sleeve { @include max-width-15(); }\n.container.max-width-20 .sleeve { @include max-width-20(); }\n.container.max-width-25 .sleeve { @include max-width-25(); }\n.container.max-width-30 .sleeve { @include max-width-30(); }\n.container.max-width-35 .sleeve { @include max-width-35(); }\n.container.max-width-40 .sleeve { @include max-width-40(); }\n.container.max-width-45 .sleeve { @include max-width-45(); }\n.container.max-width-50 .sleeve { @include max-width-50(); }\n.container.max-width-55 .sleeve { @include max-width-55(); }\n.container.max-width-60 .sleeve { @include max-width-60(); }\n.container.max-width-65 .sleeve { @include max-width-65(); }\n.container.max-width-70 .sleeve { @include max-width-70(); }\n.container.max-width-75 .sleeve { @include max-width-75(); }\n.container.max-width-80 .sleeve { @include max-width-80(); }\n.container.max-width-85 .sleeve { @include max-width-85(); }\n.container.max-width-90 .sleeve { @include max-width-90(); }\n.container.max-width-95 .sleeve { @include max-width-95(); }\n\n\n\n.container .sleeve:before {\n content: '';\n position: absolute;\n z-index: -1;\n left: 50%;\n transform: translateX(-50%);\n width: 100vw;\n top: 0;\n bottom: 0;\n}\n\n@each $brand, $colour in $colours {\n .container.background-color-#{$brand}:before,\n .container.background-color-#{$brand}:after,\n .container.background-color-#{$brand} .sleeve:before,\n .container.background-color-#{$brand} .sleeve {\n background-color: $colour;\n @if $brand == 'white' or $brand == 'grey-extra-light' or $brand == 'grey-light' {\n color: $colour-black;\n } @else {\n color: $colour-white;\n }\n }\n}\n\n.container.background-color-brand-6:before,\n.container.background-color-brand-6:after,\n.container.background-color-brand-6 .sleeve:before,\n.container.background-color-brand-6 .sleeve {\n background-color: $colour-brand-mhf-turquoise;\n color: $colour-white;\n}\n\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-page-section',\n styleUrl: 'biggive-page-section.scss',\n shadow: true,\n})\nexport class BiggivePageSection {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n\n /\n Section style top\n /\n @Prop() sectionStyleTop: string = 'straight';\n\n /\n Section style bottom\n /\n @Prop() sectionStyleBottom: string = 'straight';\n\n /\n Colour scheme\n /\n @Prop() colourScheme: string;\n\n /\n Width\n /\n @Prop() maxWidth: number = 100;\n\n /\n Bleeds the primary brand colour to the left and right edge of the viewport, even if used within a containing block element.\n */\n @Prop() primaryFullBleed: boolean = false;\n\n render() {\n return (\n <div\n class={\n 'container max-width-' +\n this.maxWidth +\n ' space-below-' +\n this.spaceBelow +\n ' background-color-' +\n this.colourScheme +\n ' style-top-' +\n this.sectionStyleTop +\n ' style-bottom-' +\n this.sectionStyleBottom +\n (this.primaryFullBleed ? ' full-bleed' : '')\n }\n >\n <div class=\"sleeve\">\n <slot></slot>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-page-section.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,6mRAA6mR,CAAC;AAC5oR,iCAAe,qBAAqB;;MCMvBA,oBAAkB;IAL/B;;;;;;;QASU,eAAU,GAAW,CAAC,CAAC;;;;QAKvB,oBAAe,GAAW,UAAU,CAAC;;;;QAKrC,uBAAkB,GAAW,UAAU,CAAC;;;;QAUxC,aAAQ,GAAW,GAAG,CAAC;;;;QAKvB,qBAAgB,GAAY,KAAK,CAAC;KAyB3C;IAvBC,MAAM;QACJ,QACE,4DACE,KAAK,EACH,sBAAsB;gBACtB,IAAI,CAAC,QAAQ;gBACb,eAAe;gBACf,IAAI,CAAC,UAAU;gBACf,oBAAoB;gBACpB,IAAI,CAAC,YAAY;gBACjB,aAAa;gBACb,IAAI,CAAC,eAAe;gBACpB,gBAAgB;gBAChB,IAAI,CAAC,kBAAkB;iBACtB,IAAI,CAAC,gBAAgB,GAAG,aAAa,GAAG,EAAE,CAAC,IAG9C,4DAAK,KAAK,EAAC,QAAQ,IACjB,8DAAa,CACT,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggivePageSection"],"sources":["src/components/biggive-page-section/biggive-page-section.scss?tag=biggive-page-section&encapsulation=shadow","src/components/biggive-page-section/biggive-page-section.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n overflow: hidden;\n position: relative;\n text-align: center;\n .sleeve {\n @include section-container();\n padding: $spacer-4;\n\n @media screen and (max-width: $screen-desktop-max) {\n // similar to e.g. biggive-hero-image which was set to use $spacer-3 first.\n padding: $spacer-3;\n }\n }\n}\n\n.container.full-bleed {\n // from https://stackoverflow.com/questions/22083157/extend-background-color-of-header-beyond-container-with-css\n box-shadow: 0 0 0 100vmax $colour-primary-blue;\n clip-path: inset(0 -100vmax);\n}\n\n.container.style-top-crop-right:before {\n content: '';\n display: block;\n height: 75px;\n clip-path: polygon(0 0, 0% 100%, 100% 100%);\n transform: translateY(1px);\n}\n\n.container.style-top-crop-left:before {\n content: '';\n display: block;\n height: 75px;\n clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0 100%);\n transform: translateY(1px);\n}\n\n.container.style-bottom-crop-right:after {\n content: '';\n display: block;\n height: 75px;\n clip-path: polygon(0 0, 100% 0, 0 100%);\n transform: translateY(-1px);\n}\n\n.container.style-bottom-crop-left:after {\n content: '';\n display: block;\n height: 75px;\n clip-path: polygon(0 0, 100% 0, 100% 100%);\n transform: translateY(-1px);\n}\n\n.container .sleeve {\n position: relative;\n text-align: left;\n}\n\n.container.max-width-10 .sleeve { @include max-width-10(); }\n.container.max-width-15 .sleeve { @include max-width-15(); }\n.container.max-width-20 .sleeve { @include max-width-20(); }\n.container.max-width-25 .sleeve { @include max-width-25(); }\n.container.max-width-30 .sleeve { @include max-width-30(); }\n.container.max-width-35 .sleeve { @include max-width-35(); }\n.container.max-width-40 .sleeve { @include max-width-40(); }\n.container.max-width-45 .sleeve { @include max-width-45(); }\n.container.max-width-50 .sleeve { @include max-width-50(); }\n.container.max-width-55 .sleeve { @include max-width-55(); }\n.container.max-width-60 .sleeve { @include max-width-60(); }\n.container.max-width-65 .sleeve { @include max-width-65(); }\n.container.max-width-70 .sleeve { @include max-width-70(); }\n.container.max-width-75 .sleeve { @include max-width-75(); }\n.container.max-width-80 .sleeve { @include max-width-80(); }\n.container.max-width-85 .sleeve { @include max-width-85(); }\n.container.max-width-90 .sleeve { @include max-width-90(); }\n.container.max-width-95 .sleeve { @include max-width-95(); }\n\n\n\n.container .sleeve:before {\n content: '';\n position: absolute;\n z-index: -1;\n left: 50%;\n transform: translateX(-50%);\n width: 100vw;\n top: 0;\n bottom: 0;\n}\n\n@each $brand, $colour in $colours {\n .container.background-color-#{$brand}:before,\n .container.background-color-#{$brand}:after,\n .container.background-color-#{$brand} .sleeve:before,\n .container.background-color-#{$brand} .sleeve {\n background-color: $colour;\n @if $brand == 'white' or $brand == 'grey-extra-light' or $brand == 'grey-light' {\n color: $colour-black;\n } @else {\n color: $colour-white;\n }\n }\n}\n\n.container.background-color-brand-6:before,\n.container.background-color-brand-6:after,\n.container.background-color-brand-6 .sleeve:before,\n.container.background-color-brand-6 .sleeve {\n background-color: $colour-brand-mhf-turquoise;\n color: $colour-white;\n}\n\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-page-section',\n styleUrl: 'biggive-page-section.scss',\n shadow: true,\n})\nexport class BiggivePageSection {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n\n /\n Section style top\n /\n @Prop() sectionStyleTop: string = 'straight';\n\n /\n Section style bottom\n /\n @Prop() sectionStyleBottom: string = 'straight';\n\n /\n Colour scheme\n /\n @Prop() colourScheme: string;\n\n /\n Width\n /\n @Prop() maxWidth: number = 100;\n\n /\n Bleeds the primary brand colour to the left and right edge of the viewport, even if used within a containing block element.\n */\n @Prop() primaryFullBleed: boolean = false;\n\n render() {\n return (\n <div\n class={\n 'container max-width-' +\n this.maxWidth +\n ' space-below-' +\n this.spaceBelow +\n ' background-color-' +\n this.colourScheme +\n ' style-top-' +\n this.sectionStyleTop +\n ' style-bottom-' +\n this.sectionStyleBottom +\n (this.primaryFullBleed ? ' full-bleed' : '')\n }\n >\n <div class=\"sleeve\">\n <slot></slot>\n </div>\n </div>\n );\n }\n}\n"],"version":3}