@biggive/components 202303301223.0.0 → 202304051358.0.0

package/dist/cjs/biggive-accordion_43.cjs.entry.js

@@ -578,7 +578,7 @@ const makeURL = (urlType, urlPrefix, relativeUrl) => {
   return urlPrefix + '/' + relativeUrl;
 };
 
-const biggiveFooterCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#FFFFFF}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-size:17px;line-height:24px;font-weight:bold;border-bottom:1px solid #FFFFFF;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#FFFFFF;text-decoration:none}nav ul li a[class^=icon-],nav ul li a[class*=icon-]{padding-left:20px;background-repeat:no-repeat;background-size:auto 10px;background-position:left center}nav ul li a.icon-green{background-image:url(/assets/images/triangles-combined-green-match-white.svg)}nav ul li a.icon-children{background-image:url(/assets/images/triangles-combined-children-white.svg)}nav ul li a.icon-christmas{background-image:url(/assets/images/triangles-combined-christmas-challenge-white.svg)}nav ul li a.icon-green-match{background-image:url(/assets/images/triangles-combined-green-match-white.svg)}nav ul li a.icon-women-girls{background-image:url(/assets/images/triangles-combined-women-girls-white.svg)}nav ul li a.icon-mental-health{background-image:url(/assets/images/triangles-combined-mental-health-white.svg)}nav ul li a.icon-anchor-match{background-image:url(/assets/images/triangles-combined-anchor-white.svg)}nav ul li a.icon-emergency{background-image:url(/assets/images/triangles-combined-emergency-white.svg)}.row-top{background-image:url(/assets/images/biggive-triangle-green.svg);background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#2C089B;padding:100px 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .fr-logo{width:135px}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 10px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-top{padding:15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-top{background-size:auto 50px;padding-top:80px;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}";
+const biggiveFooterCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#FFFFFF}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-size:17px;line-height:24px;font-weight:bold;border-bottom:1px solid #FFFFFF;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#FFFFFF;text-decoration:none}nav ul li a[class^=icon-],nav ul li a[class*=icon-]{padding-left:20px;background-repeat:no-repeat;background-size:auto 10px;background-position:left center}nav ul li a.icon-green{background-image:url(/assets/images/triangles-combined-green-match-white.svg)}nav ul li a.icon-children{background-image:url(/assets/images/triangles-combined-children-white.svg)}nav ul li a.icon-christmas{background-image:url(/assets/images/triangles-combined-christmas-challenge-white.svg)}nav ul li a.icon-green-match{background-image:url(/assets/images/triangles-combined-green-match-white.svg)}nav ul li a.icon-women-girls{background-image:url(/assets/images/triangles-combined-women-girls-white.svg)}nav ul li a.icon-mental-health{background-image:url(/assets/images/triangles-combined-mental-health-white.svg)}nav ul li a.icon-anchor-match{background-image:url(/assets/images/triangles-combined-anchor-white.svg)}nav ul li a.icon-emergency{background-image:url(/assets/images/triangles-combined-emergency-white.svg)}.row-top{background-image:url(/assets/images/biggive-triangle-green.svg);background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#2C089B;padding:100px 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .fr-logo{width:135px}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-top{padding:15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-top{background-size:auto 50px;padding-top:80px;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}";
 
 const BiggiveFooter = class {
   constructor(hostRef) {
@@ -608,7 +608,7 @@ const BiggiveFooter = class {
       return (index.h("footer", { class: "footer" }, index.h("div", { class: "row row-top" }, index.h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, index.h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, index.h("slot", { name: "nav-primary-title" }))), index.h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, index.h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, index.h("slot", { name: "nav-secondary-title" }))), index.h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, index.h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, index.h("slot", { name: "nav-tertiary-title" }))), index.h("div", { class: "button-wrap" }, index.h("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/charities", label: "For charities" }), index.h("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/funders", label: "For funders" }))), index.h("div", { class: "row row-bottom" }, index.h("div", { class: "postscript-wrap" }, index.h("img", { class: "fr-logo", src: index.getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), index.h("nav", { class: "nav nav-postscript", "aria-label": "Legal" })), index.h("div", { class: "social-icon-wrap" }, index.h("slot", { name: "social-icons" })), index.h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
     };
     const presetFooter = () => {
-      return (index.h("footer", { class: "footer" }, index.h("div", { class: "row row-top" }, index.h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, index.h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, index.h("div", { slot: "nav-primary-title" }, "Match Funding Opportunities")), index.h("ul", { slot: "nav-primary" }, index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green" }, "Green Match Fund")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women and Girls Match Fund")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your own campaign")))), index.h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, index.h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, index.h("div", { slot: "nav-secondary-title" }, "Resources")), index.h("ul", { slot: "nav-secondary" }, index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press")))), index.h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, index.h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, index.h("div", { slot: "nav-tertiary-title" }, "About")), index.h("ul", { slot: "nav-tertiary" }, index.h("li", null, index.h("a", { href: makeURL('Experience', this.experienceUrlPrefix, 's/contact-us') }, "Contact us")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'careers') }, "Careers")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs"))), index.h("ul", { slot: "nav-postscript" }, index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Policy")))), index.h("div", { class: "button-wrap" }, index.h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'charities'), label: "For charities" }), index.h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'funders'), label: "For funders" }))), index.h("div", { class: "row row-bottom" }, index.h("div", { class: "postscript-wrap" }, index.h("img", { class: "fr-logo", src: index.getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), index.h("nav", { class: "nav nav-postscript", "aria-label": "Legal" })), index.h("div", { class: "social-icon-wrap" }, index.h("div", { slot: "social-icons" }, index.h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black", wide: true }), index.h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black", wide: true }), index.h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black", wide: true }), index.h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black", wide: true }), index.h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" }))), index.h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
+      return (index.h("footer", { class: "footer" }, index.h("div", { class: "row row-top" }, index.h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, index.h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, index.h("div", { slot: "nav-primary-title" }, "Match Funding Opportunities")), index.h("ul", { slot: "nav-primary" }, index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green" }, "Green Match Fund")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women and Girls Match Fund")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your own campaign")))), index.h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, index.h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, index.h("div", { slot: "nav-secondary-title" }, "Resources")), index.h("ul", { slot: "nav-secondary" }, index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press")))), index.h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, index.h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, index.h("div", { slot: "nav-tertiary-title" }, "About")), index.h("ul", { slot: "nav-tertiary" }, index.h("li", null, index.h("a", { href: makeURL('Experience', this.experienceUrlPrefix, 's/contact-us') }, "Contact us")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'careers') }, "Careers")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), index.h("div", { class: "button-wrap" }, index.h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'charities'), label: "For charities" }), index.h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'funders'), label: "For funders" }))), index.h("div", { class: "row row-bottom" }, index.h("div", { class: "postscript-wrap" }, index.h("img", { class: "fr-logo", src: index.getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), index.h("nav", { class: "nav nav-postscript", "aria-label": "Legal" }, index.h("ul", { slot: "nav-postscript" }, index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Policy"))))), index.h("div", { class: "social-icon-wrap" }, index.h("div", { slot: "social-icons" }, index.h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black", wide: true }), index.h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black", wide: true }), index.h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black", wide: true }), index.h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black", wide: true }), index.h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" }))), index.h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
     };
     return this.usePresetFooter ? presetFooter() : slotBasedFooter();
   }
@@ -1015,7 +1015,10 @@ const BiggiveMainMenu = class {
       this.setHeaderSize();
     });
     this.setHeaderSize();
-    const subMenuElements = this.host.querySelectorAll('.sub-menu');
+    const subMenuElements = this.host.shadowRoot.querySelectorAll('.sub-menu');
+    if (subMenuElements.length === 0) {
+      console.error('Missing subMenuElements');
+    }
     subMenuElements.forEach(subMenuElement => {
       var _a;
       // the subMenuLink is a sibling element to the actual sub-menu
@@ -1026,7 +1029,10 @@ const BiggiveMainMenu = class {
         subMenuElement.classList.toggle('display-sub-menu');
       };
     });
-    const subSubMenuElements = this.host.querySelectorAll('.sub-sub-menu');
+    const subSubMenuElements = this.host.shadowRoot.querySelectorAll('.sub-sub-menu');
+    if (subSubMenuElements.length === 0) {
+      console.error('Missing subSubMenuElements');
+    }
     subSubMenuElements.forEach(subSubMenuElement => {
       // the subSubMenuLink is a sibling element to the actual sub-sub-menu
       const subSubMenuLink = subSubMenuElement.parentElement.querySelector('a');

package/dist/collection/components/biggive-footer/biggive-footer.css

@@ -150,7 +150,7 @@ footer .row-bottom .social-icon-wrap {
   margin-bottom: 30px;
 }
 footer .row-bottom .social-icon-wrap .social-icon-item {
-  margin: 0 10px;
+  margin: 0 15px;
 }
 footer .row-bottom p {
   text-align: center;

package/dist/collection/components/biggive-footer/biggive-footer.js

@@ -27,7 +27,7 @@ export class BiggiveFooter {
       return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("slot", { name: "nav-primary-title" }))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("slot", { name: "nav-secondary-title" }))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("slot", { name: "nav-tertiary-title" }))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/funders", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" })), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
     };
     const presetFooter = () => {
-      return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("div", { slot: "nav-primary-title" }, "Match Funding Opportunities")), h("ul", { slot: "nav-primary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green" }, "Green Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women and Girls Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your own campaign")))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("div", { slot: "nav-secondary-title" }, "Resources")), h("ul", { slot: "nav-secondary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press")))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("div", { slot: "nav-tertiary-title" }, "About")), h("ul", { slot: "nav-tertiary" }, h("li", null, h("a", { href: makeURL('Experience', this.experienceUrlPrefix, 's/contact-us') }, "Contact us")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'careers') }, "Careers")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs"))), h("ul", { slot: "nav-postscript" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Policy")))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'charities'), label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'funders'), label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" })), h("div", { class: "social-icon-wrap" }, h("div", { slot: "social-icons" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" }))), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
+      return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("div", { slot: "nav-primary-title" }, "Match Funding Opportunities")), h("ul", { slot: "nav-primary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green" }, "Green Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women and Girls Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your own campaign")))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("div", { slot: "nav-secondary-title" }, "Resources")), h("ul", { slot: "nav-secondary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press")))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("div", { slot: "nav-tertiary-title" }, "About")), h("ul", { slot: "nav-tertiary" }, h("li", null, h("a", { href: makeURL('Experience', this.experienceUrlPrefix, 's/contact-us') }, "Contact us")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'careers') }, "Careers")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'charities'), label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'funders'), label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" }, h("ul", { slot: "nav-postscript" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Policy"))))), h("div", { class: "social-icon-wrap" }, h("div", { slot: "social-icons" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" }))), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
     };
     return this.usePresetFooter ? presetFooter() : slotBasedFooter();
   }

package/dist/collection/components/biggive-main-menu/biggive-main-menu.js

@@ -64,7 +64,10 @@ export class BiggiveMainMenu {
       this.setHeaderSize();
     });
     this.setHeaderSize();
-    const subMenuElements = this.host.querySelectorAll('.sub-menu');
+    const subMenuElements = this.host.shadowRoot.querySelectorAll('.sub-menu');
+    if (subMenuElements.length === 0) {
+      console.error('Missing subMenuElements');
+    }
     subMenuElements.forEach(subMenuElement => {
       var _a;
       // the subMenuLink is a sibling element to the actual sub-menu
@@ -75,7 +78,10 @@ export class BiggiveMainMenu {
         subMenuElement.classList.toggle('display-sub-menu');
       };
     });
-    const subSubMenuElements = this.host.querySelectorAll('.sub-sub-menu');
+    const subSubMenuElements = this.host.shadowRoot.querySelectorAll('.sub-sub-menu');
+    if (subSubMenuElements.length === 0) {
+      console.error('Missing subSubMenuElements');
+    }
     subSubMenuElements.forEach(subSubMenuElement => {
       // the subSubMenuLink is a sibling element to the actual sub-sub-menu
       const subSubMenuLink = subSubMenuElement.parentElement.querySelector('a');

package/dist/components/biggive-footer.js

@@ -3,7 +3,7 @@ import { m as makeURL } from './helper-methods.js';
 import { d as defineCustomElement$3 } from './biggive-button2.js';
 import { d as defineCustomElement$2 } from './biggive-social-icon2.js';
 
-const biggiveFooterCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#FFFFFF}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-size:17px;line-height:24px;font-weight:bold;border-bottom:1px solid #FFFFFF;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#FFFFFF;text-decoration:none}nav ul li a[class^=icon-],nav ul li a[class*=icon-]{padding-left:20px;background-repeat:no-repeat;background-size:auto 10px;background-position:left center}nav ul li a.icon-green{background-image:url(/assets/images/triangles-combined-green-match-white.svg)}nav ul li a.icon-children{background-image:url(/assets/images/triangles-combined-children-white.svg)}nav ul li a.icon-christmas{background-image:url(/assets/images/triangles-combined-christmas-challenge-white.svg)}nav ul li a.icon-green-match{background-image:url(/assets/images/triangles-combined-green-match-white.svg)}nav ul li a.icon-women-girls{background-image:url(/assets/images/triangles-combined-women-girls-white.svg)}nav ul li a.icon-mental-health{background-image:url(/assets/images/triangles-combined-mental-health-white.svg)}nav ul li a.icon-anchor-match{background-image:url(/assets/images/triangles-combined-anchor-white.svg)}nav ul li a.icon-emergency{background-image:url(/assets/images/triangles-combined-emergency-white.svg)}.row-top{background-image:url(/assets/images/biggive-triangle-green.svg);background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#2C089B;padding:100px 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .fr-logo{width:135px}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 10px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-top{padding:15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-top{background-size:auto 50px;padding-top:80px;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}";
+const biggiveFooterCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#FFFFFF}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-size:17px;line-height:24px;font-weight:bold;border-bottom:1px solid #FFFFFF;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#FFFFFF;text-decoration:none}nav ul li a[class^=icon-],nav ul li a[class*=icon-]{padding-left:20px;background-repeat:no-repeat;background-size:auto 10px;background-position:left center}nav ul li a.icon-green{background-image:url(/assets/images/triangles-combined-green-match-white.svg)}nav ul li a.icon-children{background-image:url(/assets/images/triangles-combined-children-white.svg)}nav ul li a.icon-christmas{background-image:url(/assets/images/triangles-combined-christmas-challenge-white.svg)}nav ul li a.icon-green-match{background-image:url(/assets/images/triangles-combined-green-match-white.svg)}nav ul li a.icon-women-girls{background-image:url(/assets/images/triangles-combined-women-girls-white.svg)}nav ul li a.icon-mental-health{background-image:url(/assets/images/triangles-combined-mental-health-white.svg)}nav ul li a.icon-anchor-match{background-image:url(/assets/images/triangles-combined-anchor-white.svg)}nav ul li a.icon-emergency{background-image:url(/assets/images/triangles-combined-emergency-white.svg)}.row-top{background-image:url(/assets/images/biggive-triangle-green.svg);background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#2C089B;padding:100px 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .fr-logo{width:135px}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-top{padding:15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-top{background-size:auto 50px;padding-top:80px;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}";
 
 const BiggiveFooter$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -35,7 +35,7 @@ const BiggiveFooter$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("slot", { name: "nav-primary-title" }))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("slot", { name: "nav-secondary-title" }))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("slot", { name: "nav-tertiary-title" }))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/funders", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" })), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
     };
     const presetFooter = () => {
-      return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("div", { slot: "nav-primary-title" }, "Match Funding Opportunities")), h("ul", { slot: "nav-primary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green" }, "Green Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women and Girls Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your own campaign")))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("div", { slot: "nav-secondary-title" }, "Resources")), h("ul", { slot: "nav-secondary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press")))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("div", { slot: "nav-tertiary-title" }, "About")), h("ul", { slot: "nav-tertiary" }, h("li", null, h("a", { href: makeURL('Experience', this.experienceUrlPrefix, 's/contact-us') }, "Contact us")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'careers') }, "Careers")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs"))), h("ul", { slot: "nav-postscript" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Policy")))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'charities'), label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'funders'), label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" })), h("div", { class: "social-icon-wrap" }, h("div", { slot: "social-icons" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" }))), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
+      return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("div", { slot: "nav-primary-title" }, "Match Funding Opportunities")), h("ul", { slot: "nav-primary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green" }, "Green Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women and Girls Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your own campaign")))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("div", { slot: "nav-secondary-title" }, "Resources")), h("ul", { slot: "nav-secondary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press")))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("div", { slot: "nav-tertiary-title" }, "About")), h("ul", { slot: "nav-tertiary" }, h("li", null, h("a", { href: makeURL('Experience', this.experienceUrlPrefix, 's/contact-us') }, "Contact us")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'careers') }, "Careers")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'charities'), label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'funders'), label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" }, h("ul", { slot: "nav-postscript" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Policy"))))), h("div", { class: "social-icon-wrap" }, h("div", { slot: "social-icons" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" }))), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
     };
     return this.usePresetFooter ? presetFooter() : slotBasedFooter();
   }

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

@@ -72,7 +72,10 @@ const BiggiveMainMenu$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
       this.setHeaderSize();
     });
     this.setHeaderSize();
-    const subMenuElements = this.host.querySelectorAll('.sub-menu');
+    const subMenuElements = this.host.shadowRoot.querySelectorAll('.sub-menu');
+    if (subMenuElements.length === 0) {
+      console.error('Missing subMenuElements');
+    }
     subMenuElements.forEach(subMenuElement => {
       var _a;
       // the subMenuLink is a sibling element to the actual sub-menu
@@ -83,7 +86,10 @@ const BiggiveMainMenu$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
         subMenuElement.classList.toggle('display-sub-menu');
       };
     });
-    const subSubMenuElements = this.host.querySelectorAll('.sub-sub-menu');
+    const subSubMenuElements = this.host.shadowRoot.querySelectorAll('.sub-sub-menu');
+    if (subSubMenuElements.length === 0) {
+      console.error('Missing subSubMenuElements');
+    }
     subSubMenuElements.forEach(subSubMenuElement => {
       // the subSubMenuLink is a sibling element to the actual sub-sub-menu
       const subSubMenuLink = subSubMenuElement.parentElement.querySelector('a');

package/dist/esm/biggive-accordion_43.entry.js

@@ -574,7 +574,7 @@ const makeURL = (urlType, urlPrefix, relativeUrl) => {
   return urlPrefix + '/' + relativeUrl;
 };
 
-const biggiveFooterCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#FFFFFF}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-size:17px;line-height:24px;font-weight:bold;border-bottom:1px solid #FFFFFF;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#FFFFFF;text-decoration:none}nav ul li a[class^=icon-],nav ul li a[class*=icon-]{padding-left:20px;background-repeat:no-repeat;background-size:auto 10px;background-position:left center}nav ul li a.icon-green{background-image:url(/assets/images/triangles-combined-green-match-white.svg)}nav ul li a.icon-children{background-image:url(/assets/images/triangles-combined-children-white.svg)}nav ul li a.icon-christmas{background-image:url(/assets/images/triangles-combined-christmas-challenge-white.svg)}nav ul li a.icon-green-match{background-image:url(/assets/images/triangles-combined-green-match-white.svg)}nav ul li a.icon-women-girls{background-image:url(/assets/images/triangles-combined-women-girls-white.svg)}nav ul li a.icon-mental-health{background-image:url(/assets/images/triangles-combined-mental-health-white.svg)}nav ul li a.icon-anchor-match{background-image:url(/assets/images/triangles-combined-anchor-white.svg)}nav ul li a.icon-emergency{background-image:url(/assets/images/triangles-combined-emergency-white.svg)}.row-top{background-image:url(/assets/images/biggive-triangle-green.svg);background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#2C089B;padding:100px 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .fr-logo{width:135px}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 10px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-top{padding:15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-top{background-size:auto 50px;padding-top:80px;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}";
+const biggiveFooterCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#FFFFFF}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-size:17px;line-height:24px;font-weight:bold;border-bottom:1px solid #FFFFFF;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#FFFFFF;text-decoration:none}nav ul li a[class^=icon-],nav ul li a[class*=icon-]{padding-left:20px;background-repeat:no-repeat;background-size:auto 10px;background-position:left center}nav ul li a.icon-green{background-image:url(/assets/images/triangles-combined-green-match-white.svg)}nav ul li a.icon-children{background-image:url(/assets/images/triangles-combined-children-white.svg)}nav ul li a.icon-christmas{background-image:url(/assets/images/triangles-combined-christmas-challenge-white.svg)}nav ul li a.icon-green-match{background-image:url(/assets/images/triangles-combined-green-match-white.svg)}nav ul li a.icon-women-girls{background-image:url(/assets/images/triangles-combined-women-girls-white.svg)}nav ul li a.icon-mental-health{background-image:url(/assets/images/triangles-combined-mental-health-white.svg)}nav ul li a.icon-anchor-match{background-image:url(/assets/images/triangles-combined-anchor-white.svg)}nav ul li a.icon-emergency{background-image:url(/assets/images/triangles-combined-emergency-white.svg)}.row-top{background-image:url(/assets/images/biggive-triangle-green.svg);background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#2C089B;padding:100px 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .fr-logo{width:135px}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-top{padding:15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-top{background-size:auto 50px;padding-top:80px;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}";
 
 const BiggiveFooter = class {
   constructor(hostRef) {
@@ -604,7 +604,7 @@ const BiggiveFooter = class {
       return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("slot", { name: "nav-primary-title" }))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("slot", { name: "nav-secondary-title" }))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("slot", { name: "nav-tertiary-title" }))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/funders", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" })), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
     };
     const presetFooter = () => {
-      return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("div", { slot: "nav-primary-title" }, "Match Funding Opportunities")), h("ul", { slot: "nav-primary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green" }, "Green Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women and Girls Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your own campaign")))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("div", { slot: "nav-secondary-title" }, "Resources")), h("ul", { slot: "nav-secondary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press")))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("div", { slot: "nav-tertiary-title" }, "About")), h("ul", { slot: "nav-tertiary" }, h("li", null, h("a", { href: makeURL('Experience', this.experienceUrlPrefix, 's/contact-us') }, "Contact us")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'careers') }, "Careers")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs"))), h("ul", { slot: "nav-postscript" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Policy")))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'charities'), label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'funders'), label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" })), h("div", { class: "social-icon-wrap" }, h("div", { slot: "social-icons" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" }))), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
+      return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("div", { slot: "nav-primary-title" }, "Match Funding Opportunities")), h("ul", { slot: "nav-primary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green" }, "Green Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women and Girls Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your own campaign")))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("div", { slot: "nav-secondary-title" }, "Resources")), h("ul", { slot: "nav-secondary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press")))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("div", { slot: "nav-tertiary-title" }, "About")), h("ul", { slot: "nav-tertiary" }, h("li", null, h("a", { href: makeURL('Experience', this.experienceUrlPrefix, 's/contact-us') }, "Contact us")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'careers') }, "Careers")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'charities'), label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'funders'), label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" }, h("ul", { slot: "nav-postscript" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Policy"))))), h("div", { class: "social-icon-wrap" }, h("div", { slot: "social-icons" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" }))), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
     };
     return this.usePresetFooter ? presetFooter() : slotBasedFooter();
   }
@@ -1011,7 +1011,10 @@ const BiggiveMainMenu = class {
       this.setHeaderSize();
     });
     this.setHeaderSize();
-    const subMenuElements = this.host.querySelectorAll('.sub-menu');
+    const subMenuElements = this.host.shadowRoot.querySelectorAll('.sub-menu');
+    if (subMenuElements.length === 0) {
+      console.error('Missing subMenuElements');
+    }
     subMenuElements.forEach(subMenuElement => {
       var _a;
       // the subMenuLink is a sibling element to the actual sub-menu
@@ -1022,7 +1025,10 @@ const BiggiveMainMenu = class {
         subMenuElement.classList.toggle('display-sub-menu');
       };
     });
-    const subSubMenuElements = this.host.querySelectorAll('.sub-sub-menu');
+    const subSubMenuElements = this.host.shadowRoot.querySelectorAll('.sub-sub-menu');
+    if (subSubMenuElements.length === 0) {
+      console.error('Missing subSubMenuElements');
+    }
     subSubMenuElements.forEach(subSubMenuElement => {
       // the subSubMenuLink is a sibling element to the actual sub-sub-menu
       const subSubMenuLink = subSubMenuElement.parentElement.querySelector('a');

package/hydrate/index.js

@@ -7200,7 +7200,7 @@ const makeURL = (urlType, urlPrefix, relativeUrl) => {
   return urlPrefix + '/' + relativeUrl;
 };
 
-const biggiveFooterCss = "/*!@a*/a.sc-biggive-footer{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-footer:hover{text-decoration:none}/*!@:host*/.sc-biggive-footer-h{display:contents}/*!@.footer*/.footer.sc-biggive-footer{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#FFFFFF}/*!@nav*/nav.sc-biggive-footer{width:calc(33.3% - 20px);margin:0;padding:0}/*!@nav .heading*/nav.sc-biggive-footer .heading.sc-biggive-footer{font-size:17px;line-height:24px;font-weight:bold;border-bottom:1px solid #FFFFFF;padding-bottom:10px;margin-bottom:10px}/*!@nav ul*/nav.sc-biggive-footer ul.sc-biggive-footer{margin:0;padding:0}/*!@nav ul li*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer{margin:0;padding:0;list-style-type:none;margin-top:15px}/*!@nav ul li a*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a.sc-biggive-footer{color:#FFFFFF;text-decoration:none}/*!@nav ul li a[class^=icon-], nav ul li a[class*=icon-]*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a[class^=icon-].sc-biggive-footer,nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a[class*=icon-].sc-biggive-footer{padding-left:20px;background-repeat:no-repeat;background-size:auto 10px;background-position:left center}/*!@nav ul li a.icon-green*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a.icon-green.sc-biggive-footer{background-image:url(/assets/images/triangles-combined-green-match-white.svg)}/*!@nav ul li a.icon-children*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a.icon-children.sc-biggive-footer{background-image:url(/assets/images/triangles-combined-children-white.svg)}/*!@nav ul li a.icon-christmas*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a.icon-christmas.sc-biggive-footer{background-image:url(/assets/images/triangles-combined-christmas-challenge-white.svg)}/*!@nav ul li a.icon-green-match*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a.icon-green-match.sc-biggive-footer{background-image:url(/assets/images/triangles-combined-green-match-white.svg)}/*!@nav ul li a.icon-women-girls*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a.icon-women-girls.sc-biggive-footer{background-image:url(/assets/images/triangles-combined-women-girls-white.svg)}/*!@nav ul li a.icon-mental-health*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a.icon-mental-health.sc-biggive-footer{background-image:url(/assets/images/triangles-combined-mental-health-white.svg)}/*!@nav ul li a.icon-anchor-match*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a.icon-anchor-match.sc-biggive-footer{background-image:url(/assets/images/triangles-combined-anchor-white.svg)}/*!@nav ul li a.icon-emergency*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a.icon-emergency.sc-biggive-footer{background-image:url(/assets/images/triangles-combined-emergency-white.svg)}/*!@.row-top*/.row-top.sc-biggive-footer{background-image:url(/assets/images/biggive-triangle-green.svg);background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#2C089B;padding:100px 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}/*!@.row-top .button-wrap*/.row-top.sc-biggive-footer .button-wrap.sc-biggive-footer{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}/*!@footer .row-bottom*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer{background-color:#000000;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}/*!@footer .row-bottom .fr-logo*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .fr-logo.sc-biggive-footer{width:135px}/*!@footer .row-bottom .postscript-wrap*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .postscript-wrap.sc-biggive-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){/*!@footer .row-bottom .postscript-wrap*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .postscript-wrap.sc-biggive-footer{flex-direction:column}}/*!@footer .row-bottom .nav.nav-postscript*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .nav.nav-postscript.sc-biggive-footer{text-align:right;flex-grow:1}@media screen and (max-width: 768px){/*!@footer .row-bottom .nav.nav-postscript*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .nav.nav-postscript.sc-biggive-footer{text-align:center}}/*!@footer .row-bottom .nav-postscript li*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .nav-postscript.sc-biggive-footer li.sc-biggive-footer{display:inline-block;margin-left:1rem}/*!@footer .row-bottom .nav-postscript li:first-child*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .nav-postscript.sc-biggive-footer li.sc-biggive-footer:first-child{margin-left:0}@media screen and (max-width: 768px){/*!@footer .row-bottom .nav-postscript li*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .nav-postscript.sc-biggive-footer li.sc-biggive-footer{display:block;width:100%;margin-left:0}}/*!@footer .row-bottom .social-icon-wrap*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .social-icon-wrap.sc-biggive-footer{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}/*!@footer .row-bottom .social-icon-wrap .social-icon-item*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .social-icon-wrap.sc-biggive-footer .social-icon-item.sc-biggive-footer{margin:0 10px}/*!@footer .row-bottom p*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer p.sc-biggive-footer{text-align:center}@media screen and (max-width: 768px){/*!@.row-top*/.row-top.sc-biggive-footer{padding:15px}}@media screen and (max-width: 768px){/*!@nav*/nav.sc-biggive-footer{width:100%;margin-right:0;margin-bottom:30px}/*!@.row-top*/.row-top.sc-biggive-footer{background-size:auto 50px;padding-top:80px;padding-left:15px;background-position:15px 30px}/*!@.row-top .button-wrap **/.row-top.sc-biggive-footer .button-wrap.sc-biggive-footer *.sc-biggive-footer{width:100% !important}}";
+const biggiveFooterCss = "/*!@a*/a.sc-biggive-footer{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-footer:hover{text-decoration:none}/*!@:host*/.sc-biggive-footer-h{display:contents}/*!@.footer*/.footer.sc-biggive-footer{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#FFFFFF}/*!@nav*/nav.sc-biggive-footer{width:calc(33.3% - 20px);margin:0;padding:0}/*!@nav .heading*/nav.sc-biggive-footer .heading.sc-biggive-footer{font-size:17px;line-height:24px;font-weight:bold;border-bottom:1px solid #FFFFFF;padding-bottom:10px;margin-bottom:10px}/*!@nav ul*/nav.sc-biggive-footer ul.sc-biggive-footer{margin:0;padding:0}/*!@nav ul li*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer{margin:0;padding:0;list-style-type:none;margin-top:15px}/*!@nav ul li a*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a.sc-biggive-footer{color:#FFFFFF;text-decoration:none}/*!@nav ul li a[class^=icon-], nav ul li a[class*=icon-]*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a[class^=icon-].sc-biggive-footer,nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a[class*=icon-].sc-biggive-footer{padding-left:20px;background-repeat:no-repeat;background-size:auto 10px;background-position:left center}/*!@nav ul li a.icon-green*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a.icon-green.sc-biggive-footer{background-image:url(/assets/images/triangles-combined-green-match-white.svg)}/*!@nav ul li a.icon-children*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a.icon-children.sc-biggive-footer{background-image:url(/assets/images/triangles-combined-children-white.svg)}/*!@nav ul li a.icon-christmas*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a.icon-christmas.sc-biggive-footer{background-image:url(/assets/images/triangles-combined-christmas-challenge-white.svg)}/*!@nav ul li a.icon-green-match*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a.icon-green-match.sc-biggive-footer{background-image:url(/assets/images/triangles-combined-green-match-white.svg)}/*!@nav ul li a.icon-women-girls*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a.icon-women-girls.sc-biggive-footer{background-image:url(/assets/images/triangles-combined-women-girls-white.svg)}/*!@nav ul li a.icon-mental-health*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a.icon-mental-health.sc-biggive-footer{background-image:url(/assets/images/triangles-combined-mental-health-white.svg)}/*!@nav ul li a.icon-anchor-match*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a.icon-anchor-match.sc-biggive-footer{background-image:url(/assets/images/triangles-combined-anchor-white.svg)}/*!@nav ul li a.icon-emergency*/nav.sc-biggive-footer ul.sc-biggive-footer li.sc-biggive-footer a.icon-emergency.sc-biggive-footer{background-image:url(/assets/images/triangles-combined-emergency-white.svg)}/*!@.row-top*/.row-top.sc-biggive-footer{background-image:url(/assets/images/biggive-triangle-green.svg);background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#2C089B;padding:100px 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}/*!@.row-top .button-wrap*/.row-top.sc-biggive-footer .button-wrap.sc-biggive-footer{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}/*!@footer .row-bottom*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer{background-color:#000000;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}/*!@footer .row-bottom .fr-logo*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .fr-logo.sc-biggive-footer{width:135px}/*!@footer .row-bottom .postscript-wrap*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .postscript-wrap.sc-biggive-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){/*!@footer .row-bottom .postscript-wrap*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .postscript-wrap.sc-biggive-footer{flex-direction:column}}/*!@footer .row-bottom .nav.nav-postscript*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .nav.nav-postscript.sc-biggive-footer{text-align:right;flex-grow:1}@media screen and (max-width: 768px){/*!@footer .row-bottom .nav.nav-postscript*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .nav.nav-postscript.sc-biggive-footer{text-align:center}}/*!@footer .row-bottom .nav-postscript li*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .nav-postscript.sc-biggive-footer li.sc-biggive-footer{display:inline-block;margin-left:1rem}/*!@footer .row-bottom .nav-postscript li:first-child*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .nav-postscript.sc-biggive-footer li.sc-biggive-footer:first-child{margin-left:0}@media screen and (max-width: 768px){/*!@footer .row-bottom .nav-postscript li*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .nav-postscript.sc-biggive-footer li.sc-biggive-footer{display:block;width:100%;margin-left:0}}/*!@footer .row-bottom .social-icon-wrap*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .social-icon-wrap.sc-biggive-footer{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}/*!@footer .row-bottom .social-icon-wrap .social-icon-item*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer .social-icon-wrap.sc-biggive-footer .social-icon-item.sc-biggive-footer{margin:0 15px}/*!@footer .row-bottom p*/footer.sc-biggive-footer .row-bottom.sc-biggive-footer p.sc-biggive-footer{text-align:center}@media screen and (max-width: 768px){/*!@.row-top*/.row-top.sc-biggive-footer{padding:15px}}@media screen and (max-width: 768px){/*!@nav*/nav.sc-biggive-footer{width:100%;margin-right:0;margin-bottom:30px}/*!@.row-top*/.row-top.sc-biggive-footer{background-size:auto 50px;padding-top:80px;padding-left:15px;background-position:15px 30px}/*!@.row-top .button-wrap **/.row-top.sc-biggive-footer .button-wrap.sc-biggive-footer *.sc-biggive-footer{width:100% !important}}";
 
 class BiggiveFooter {
   constructor(hostRef) {
@@ -7230,7 +7230,7 @@ class BiggiveFooter {
       return (hAsync("footer", { class: "footer" }, hAsync("div", { class: "row row-top" }, hAsync("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, hAsync(HeadingTag, { class: "heading", id: "footer-primary-heading" }, hAsync("slot", { name: "nav-primary-title" }))), hAsync("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, hAsync(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, hAsync("slot", { name: "nav-secondary-title" }))), hAsync("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, hAsync(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, hAsync("slot", { name: "nav-tertiary-title" }))), hAsync("div", { class: "button-wrap" }, hAsync("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/charities", label: "For charities" }), hAsync("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/funders", label: "For funders" }))), hAsync("div", { class: "row row-bottom" }, hAsync("div", { class: "postscript-wrap" }, hAsync("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), hAsync("nav", { class: "nav nav-postscript", "aria-label": "Legal" })), hAsync("div", { class: "social-icon-wrap" }, hAsync("slot", { name: "social-icons" })), hAsync("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
     };
     const presetFooter = () => {
-      return (hAsync("footer", { class: "footer" }, hAsync("div", { class: "row row-top" }, hAsync("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, hAsync(HeadingTag, { class: "heading", id: "footer-primary-heading" }, hAsync("div", { slot: "nav-primary-title" }, "Match Funding Opportunities")), hAsync("ul", { slot: "nav-primary" }, hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green" }, "Green Match Fund")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women and Girls Match Fund")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your own campaign")))), hAsync("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, hAsync(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, hAsync("div", { slot: "nav-secondary-title" }, "Resources")), hAsync("ul", { slot: "nav-secondary" }, hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press")))), hAsync("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, hAsync(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, hAsync("div", { slot: "nav-tertiary-title" }, "About")), hAsync("ul", { slot: "nav-tertiary" }, hAsync("li", null, hAsync("a", { href: makeURL('Experience', this.experienceUrlPrefix, 's/contact-us') }, "Contact us")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'careers') }, "Careers")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs"))), hAsync("ul", { slot: "nav-postscript" }, hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Policy")))), hAsync("div", { class: "button-wrap" }, hAsync("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'charities'), label: "For charities" }), hAsync("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'funders'), label: "For funders" }))), hAsync("div", { class: "row row-bottom" }, hAsync("div", { class: "postscript-wrap" }, hAsync("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), hAsync("nav", { class: "nav nav-postscript", "aria-label": "Legal" })), hAsync("div", { class: "social-icon-wrap" }, hAsync("div", { slot: "social-icons" }, hAsync("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black", wide: true }), hAsync("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black", wide: true }), hAsync("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black", wide: true }), hAsync("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black", wide: true }), hAsync("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" }))), hAsync("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
+      return (hAsync("footer", { class: "footer" }, hAsync("div", { class: "row row-top" }, hAsync("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, hAsync(HeadingTag, { class: "heading", id: "footer-primary-heading" }, hAsync("div", { slot: "nav-primary-title" }, "Match Funding Opportunities")), hAsync("ul", { slot: "nav-primary" }, hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green" }, "Green Match Fund")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women and Girls Match Fund")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your own campaign")))), hAsync("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, hAsync(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, hAsync("div", { slot: "nav-secondary-title" }, "Resources")), hAsync("ul", { slot: "nav-secondary" }, hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press")))), hAsync("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, hAsync(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, hAsync("div", { slot: "nav-tertiary-title" }, "About")), hAsync("ul", { slot: "nav-tertiary" }, hAsync("li", null, hAsync("a", { href: makeURL('Experience', this.experienceUrlPrefix, 's/contact-us') }, "Contact us")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'careers') }, "Careers")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), hAsync("div", { class: "button-wrap" }, hAsync("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'charities'), label: "For charities" }), hAsync("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'funders'), label: "For funders" }))), hAsync("div", { class: "row row-bottom" }, hAsync("div", { class: "postscript-wrap" }, hAsync("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), hAsync("nav", { class: "nav nav-postscript", "aria-label": "Legal" }, hAsync("ul", { slot: "nav-postscript" }, hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), hAsync("li", null, hAsync("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Policy"))))), hAsync("div", { class: "social-icon-wrap" }, hAsync("div", { slot: "social-icons" }, hAsync("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black", wide: true }), hAsync("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black", wide: true }), hAsync("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black", wide: true }), hAsync("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black", wide: true }), hAsync("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" }))), hAsync("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
     };
     return this.usePresetFooter ? presetFooter() : slotBasedFooter();
   }
@@ -7954,7 +7954,10 @@ class BiggiveMainMenu {
       this.setHeaderSize();
     });
     this.setHeaderSize();
-    const subMenuElements = this.host.querySelectorAll('.sub-menu');
+    const subMenuElements = this.host.shadowRoot.querySelectorAll('.sub-menu');
+    if (subMenuElements.length === 0) {
+      console.error('Missing subMenuElements');
+    }
     subMenuElements.forEach(subMenuElement => {
       var _a;
       // the subMenuLink is a sibling element to the actual sub-menu
@@ -7965,7 +7968,10 @@ class BiggiveMainMenu {
         subMenuElement.classList.toggle('display-sub-menu');
       };
     });
-    const subSubMenuElements = this.host.querySelectorAll('.sub-sub-menu');
+    const subSubMenuElements = this.host.shadowRoot.querySelectorAll('.sub-sub-menu');
+    if (subSubMenuElements.length === 0) {
+      console.error('Missing subSubMenuElements');
+    }
     subSubMenuElements.forEach(subSubMenuElement => {
       // the subSubMenuLink is a sibling element to the actual sub-sub-menu
       const subSubMenuLink = subSubMenuElement.parentElement.querySelector('a');

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@biggive/components",
   "_comment": "Version number below is automatically replaced during CircleCI build.",
-  "version": "202303301223.0.0",
+  "version": "202304051358.0.0",
   "description": "Big Give Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",