@biggive/components 202303061752.0.0 → 202303171305.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/biggive/biggive.esm.js +1 -1
- package/dist/biggive/p-c605d951.entry.js +1 -0
- package/dist/cjs/biggive-accordion_35.cjs.entry.js +36 -6
- package/dist/cjs/biggive.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/biggive-main-menu/biggive-main-menu.js +36 -3
- package/dist/collection/components/biggive-tipping-slider/biggive-tipping-slider.js +22 -7
- package/dist/collection/components/biggive-tipping-slider/biggive-tipping-slider.stories.js +9 -8
- package/dist/components/biggive-main-menu.js +27 -5
- package/dist/components/biggive-social-icon.js +1 -43
- package/dist/components/biggive-social-icon2.js +45 -0
- package/dist/components/biggive-tipping-slider.js +18 -3
- package/dist/esm/biggive-accordion_35.entry.js +36 -6
- package/dist/esm/biggive.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/biggive-main-menu/biggive-main-menu.d.ts +6 -0
- package/dist/types/components/biggive-tipping-slider/biggive-tipping-slider.d.ts +5 -1
- package/dist/types/components/biggive-tipping-slider/biggive-tipping-slider.stories.d.ts +1 -0
- package/dist/types/components.d.ts +16 -2
- package/hydrate/index.js +37 -6
- package/package.json +1 -1
- package/dist/biggive/p-ee4f16a8.entry.js +0 -1
|
@@ -637,6 +637,7 @@ const BiggiveMainMenu = class {
|
|
|
637
637
|
mobileMenu.style.left = '-100%';
|
|
638
638
|
};
|
|
639
639
|
this.logoUrl = '/';
|
|
640
|
+
this.usePresetMenuContent = false;
|
|
640
641
|
}
|
|
641
642
|
async closeMobileMenuFromOutside() {
|
|
642
643
|
const mobileMenu = this.host.shadowRoot.querySelector('.nav-links');
|
|
@@ -650,6 +651,9 @@ const BiggiveMainMenu = class {
|
|
|
650
651
|
this.host.shadowRoot.querySelector('#nav-primary').appendChild(node);
|
|
651
652
|
}
|
|
652
653
|
}
|
|
654
|
+
noNav(event) {
|
|
655
|
+
event.preventDefault();
|
|
656
|
+
}
|
|
653
657
|
/**
|
|
654
658
|
* Slots the 'nav-secondary' slot into the top right corner of the blue nav bar.
|
|
655
659
|
* Also slots the 'nav-secondary' into the normal menu items when in mobile mode.
|
|
@@ -703,11 +707,22 @@ const BiggiveMainMenu = class {
|
|
|
703
707
|
subSubMenuElement.classList.toggle('display-sub-menu');
|
|
704
708
|
};
|
|
705
709
|
});
|
|
706
|
-
this.
|
|
707
|
-
|
|
710
|
+
if (!this.usePresetMenuContent) {
|
|
711
|
+
this.appendPrimaryNavigationLinks();
|
|
712
|
+
this.appendNavSecondaryLinks();
|
|
713
|
+
}
|
|
708
714
|
}
|
|
709
715
|
render() {
|
|
710
|
-
|
|
716
|
+
const slotBasedMenu = () => (index.h(index.Host, null, index.h("div", { class: "row row-top" }, index.h("div", { class: "social-icon-wrap" }, index.h("slot", { name: "social-icons" })), index.h("div", { class: "nav-secondary" })), index.h("nav", { role: "navigation", "aria-label": "Main Menu" }, index.h("div", { class: "navbar" }, index.h("div", { class: "logo" }, index.h("a", { href: this.logoUrl, "aria-label": "Home" }, index.h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, index.h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), index.h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" })))), index.h("biggive-misc-icon", { class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), index.h("div", { class: "nav-links" }, index.h("div", { class: "sidebar-logo" }, index.h("a", { href: this.logoUrl, "aria-label": "Home" }, index.h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, index.h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), index.h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" }))), index.h("biggive-misc-icon", { class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), index.h("div", { id: "nav-primary" }), index.h("div", { class: "mobile-social-icon-wrap mobile-only" }, index.h("slot", { name: "mobile-social-icons" })))))));
|
|
717
|
+
/**
|
|
718
|
+
* @todo take prop passed in for base domain or environment (e.g. dev|staging|regression|production ) so we can
|
|
719
|
+
* output appropriate nav links to stay in same envirionment.
|
|
720
|
+
*/
|
|
721
|
+
const presetContentMenu = () => {
|
|
722
|
+
const secondaryNavLinks = (index.h("ul", null, index.h("li", null, index.h("a", { href: "https://www.thebiggive.org.uk/s/contact-us" }, "Contact us")), index.h("li", null, index.h("a", { href: "https://www.thebiggive.org.uk/charities/s/login" }, "Charity login"))));
|
|
723
|
+
return (index.h(index.Host, null, index.h("div", { class: "row row-top" }, index.h("div", { class: "social-icon-wrap" }, index.h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), index.h("div", { class: "nav-secondary" }, secondaryNavLinks)), index.h("nav", { role: "navigation", "aria-label": "Main Menu" }, index.h("div", { class: "navbar" }, index.h("div", { class: "logo" }, index.h("a", { href: this.logoUrl, "aria-label": "Home" }, index.h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, index.h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), index.h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" })))), index.h("biggive-misc-icon", { class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), index.h("div", { class: "nav-links" }, index.h("div", { class: "sidebar-logo" }, index.h("a", { href: this.logoUrl, "aria-label": "Home" }, index.h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, index.h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), index.h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" }))), index.h("biggive-misc-icon", { class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), index.h("div", { id: "nav-primary" }, index.h("ul", { class: "links", slot: "nav-primary" }, index.h("li", null, index.h("a", { href: "https://donate.thebiggive.org.uk/explore" }, "Explore Campaigns")), index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/charities" }, "For Charities")), index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/funders" }, "For Funders")), index.h("li", null, index.h("a", { onClick: this.noNav }, "Match Funding", index.h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { class: "sub-menu" }, index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/match-funding-explained" }, "Match Funding Explained")), index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/impact" }, "Match Funding Impact")), index.h("li", { class: "more" }, index.h("a", { onClick: this.noNav }, "Match Funding Opportunities", index.h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { class: "sub-sub-menu" }, index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/christmas-challenge", class: "icon-christmas" }, "Christmas Challenge")), index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/champions-for-children", class: "icon-children" }, "Champions for Children")), index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/green-match-fund", class: "icon-green-match" }, "Green Match Fund")), index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/women-girls-match-fund", class: "icon-women-girls" }, "Women & Girls Match Fund")), index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/mental-health-match-fund/", class: "icon-mental-health" }, "Mental Health Match Fund")), index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/anchor-match-fund/", class: "icon-anchor-match" }, "Anchor Match Fund")), index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/emergency-campaigns/", class: "icon-emergency" }, "Emergency Match Fund")))), index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/run-your-own-campaign/" }, "Run your match funding campaign")))), index.h("li", null, index.h("a", { onClick: this.noNav }, "About Us", index.h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { class: "sub-menu" }, index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/our-people" }, "Our People")), index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/our-story" }, "Our Story")), index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/our-community" }, "Our Community")), index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/our-fees" }, "Our Fees")), index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/faqs" }, "FAQs")))), index.h("li", null, index.h("a", { onClick: this.noNav }, "Resources", index.h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { class: "sub-menu" }, index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/case-studies" }, "Case Studies")), index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/blog" }, "Blog")), index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/reports-insights" }, "Reports & Insights")), index.h("li", null, index.h("a", { href: "https://blog.thebiggive.org.uk/press" }, "Press"))))), index.h("div", { class: "mobile-only" }, secondaryNavLinks)), index.h("div", { class: "mobile-social-icon-wrap mobile-only" }, index.h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
|
|
724
|
+
};
|
|
725
|
+
return this.usePresetMenuContent ? presetContentMenu() : slotBasedMenu();
|
|
711
726
|
}
|
|
712
727
|
get host() { return index.getElement(this); }
|
|
713
728
|
};
|
|
@@ -1102,6 +1117,12 @@ const BiggiveTippingSlider = class {
|
|
|
1102
1117
|
this.donationAmount = undefined;
|
|
1103
1118
|
this.donationCurrency = undefined;
|
|
1104
1119
|
}
|
|
1120
|
+
format(currencyCode, amount) {
|
|
1121
|
+
return Intl.NumberFormat('en-GB', {
|
|
1122
|
+
style: 'currency',
|
|
1123
|
+
currency: currencyCode,
|
|
1124
|
+
}).format(amount);
|
|
1125
|
+
}
|
|
1105
1126
|
componentDidRender() {
|
|
1106
1127
|
var _a, _b;
|
|
1107
1128
|
var isMoving = false;
|
|
@@ -1113,14 +1134,22 @@ const BiggiveTippingSlider = class {
|
|
|
1113
1134
|
var _a;
|
|
1114
1135
|
if (isMoving) {
|
|
1115
1136
|
const max = bar.offsetWidth - handle.offsetWidth;
|
|
1116
|
-
|
|
1137
|
+
let pageX;
|
|
1138
|
+
if (window.TouchEvent && e instanceof TouchEvent) {
|
|
1139
|
+
pageX = (_a = e.touches[0]) === null || _a === void 0 ? void 0 : _a.pageX;
|
|
1140
|
+
}
|
|
1141
|
+
else {
|
|
1142
|
+
// we Know e is a MouseEvent because all platforms that supports TouchEvent would also have
|
|
1143
|
+
// a truthy window.TouchEvent - see https://stackoverflow.com/a/32882849/2803757
|
|
1144
|
+
pageX = e.pageX;
|
|
1145
|
+
}
|
|
1117
1146
|
if (typeof pageX != 'undefined') {
|
|
1118
1147
|
const mousePos = pageX - bar.offsetLeft - handle.offsetWidth / 2;
|
|
1119
1148
|
const position = mousePos > max ? max : mousePos < 0 ? 0 : mousePos;
|
|
1120
1149
|
const percentage = (position / max) * this.percentageEnd;
|
|
1121
1150
|
const donation = Math.round(this.donationAmount * (percentage / 100));
|
|
1122
1151
|
percentageWrap.innerHTML = Math.round(percentage).toString();
|
|
1123
|
-
donationWrap.innerHTML =
|
|
1152
|
+
donationWrap.innerHTML = this.format(this.donationCurrency, donation);
|
|
1124
1153
|
handle.style.marginLeft = position + 'px';
|
|
1125
1154
|
}
|
|
1126
1155
|
}
|
|
@@ -1147,7 +1176,8 @@ const BiggiveTippingSlider = class {
|
|
|
1147
1176
|
});
|
|
1148
1177
|
}
|
|
1149
1178
|
render() {
|
|
1150
|
-
|
|
1179
|
+
const currencyFormatted = this.format(this.donationCurrency, 0);
|
|
1180
|
+
return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", { class: "bar" }, index.h("div", { class: "handle", id: "handle" }, index.h("div", { class: "tooltip" }, index.h("span", { class: "donation" }, index.h("span", { class: "donation-value" }, currencyFormatted)), "\u00A0", index.h("span", { class: "percentage" }, "(", index.h("span", { class: "percentage-value" }, "0"), "%)")))), index.h("div", { class: "labels" }, index.h("div", { class: "label-start" }, this.percentageStart, "%"), index.h("div", { class: "label-end" }, this.percentageEnd, "%")), index.h("div", { class: "reset" }, index.h("span", { class: "button", onClick: this.resetSlider }, "Back to default"))));
|
|
1151
1181
|
}
|
|
1152
1182
|
get host() { return index.getElement(this); }
|
|
1153
1183
|
};
|
package/dist/cjs/biggive.cjs.js
CHANGED
|
@@ -15,5 +15,5 @@ const patchBrowser = () => {
|
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(options => {
|
|
18
|
-
return index.bootstrapLazy(JSON.parse("[[\"biggive-accordion_35.cjs\",[[1,\"biggive-campaign-card-filter-grid\",{\"spaceBelow\":[2,\"space-below\"],\"intro\":[1],\"searchText\":[1,\"search-text\"],\"placeholderText\":[1,\"placeholder-text\"],\"buttonText\":[1,\"button-text\"],\"categoryOptions\":[1,\"category-options\"],\"beneficiaryOptions\":[1,\"beneficiary-options\"],\"locationOptions\":[1,\"location-options\"],\"fundingOptions\":[1,\"funding-options\"],\"selectedSortByOption\":[1,\"selected-sort-by-option\"],\"selectedFilterCategory\":[1,\"selected-filter-category\"],\"selectedFilterBeneficiary\":[1,\"selected-filter-beneficiary\"],\"selectedFilterLocation\":[1,\"selected-filter-location\"],\"selectedFilterFunding\":[1,\"selected-filter-funding\"],\"filtersApplied\":[32]},[[0,\"doSelectChange\",\"doOptionSelectCompletedHandler\"]]],[1,\"biggive-campaign-card\",{\"spaceBelow\":[2,\"space-below\"],\"campaignType\":[1,\"campaign-type\"],\"banner\":[1],\"campaignTitle\":[1,\"campaign-title\"],\"organisationName\":[1,\"organisation-name\"],\"primaryFigureLabel\":[1,\"primary-figure-label\"],\"primaryFigureAmount\":[1,\"primary-figure-amount\"],\"secondaryFigureLabel\":[1,\"secondary-figure-label\"],\"secondaryFigureAmount\":[1,\"secondary-figure-amount\"],\"progressBarCounter\":[2,\"progress-bar-counter\"],\"donateButtonLabel\":[1,\"donate-button-label\"],\"donateButtonUrl\":[1,\"donate-button-url\"],\"donateButtonColourScheme\":[1,\"donate-button-colour-scheme\"],\"moreInfoButtonLabel\":[1,\"more-info-button-label\"],\"moreInfoButtonUrl\":[1,\"more-info-button-url\"],\"moreInfoButtonColourScheme\":[1,\"more-info-button-colour-scheme\"],\"isFutureCampaign\":[4,\"is-future-campaign\"],\"isPastCampaign\":[4,\"is-past-campaign\"],\"datetime\":[1]}],[1,\"biggive-campaign-highlights\",{\"spaceBelow\":[2,\"space-below\"],\"banner\":[1],\"campaignTitle\":[1,\"campaign-title\"],\"primaryFigureLabel\":[1,\"primary-figure-label\"],\"primaryFigureAmount\":[1,\"primary-figure-amount\"],\"secondaryFigureLabel\":[1,\"secondary-figure-label\"],\"secondaryFigureAmount\":[1,\"secondary-figure-amount\"],\"progressBarCounter\":[2,\"progress-bar-counter\"],\"primaryStatIcon\":[1,\"primary-stat-icon\"],\"primaryStatText\":[1,\"primary-stat-text\"],\"secondaryStatIcon\":[1,\"secondary-stat-icon\"],\"secondaryStatText\":[1,\"secondary-stat-text\"],\"championName\":[1,\"champion-name\"],\"championUrl\":[1,\"champion-url\"]}],[1,\"biggive-call-to-action\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"slugSize\":[2,\"slug-size\"],\"slugColour\":[1,\"slug-colour\"],\"slug\":[1],\"mainTitleColour\":[1,\"main-title-colour\"],\"mainTitleSize\":[2,\"main-title-size\"],\"mainTitle\":[1,\"main-title\"],\"subtitleSize\":[2,\"subtitle-size\"],\"subtitleColour\":[1,\"subtitle-colour\"],\"subtitle\":[1],\"teaserColour\":[1,\"teaser-colour\"],\"teaser\":[1],\"primaryButtonUrl\":[1,\"primary-button-url\"],\"primaryButtonLabel\":[1,\"primary-button-label\"],\"primaryButtonColourScheme\":[1,\"primary-button-colour-scheme\"],\"secondaryButtonUrl\":[1,\"secondary-button-url\"],\"secondaryButtonLabel\":[1,\"secondary-button-label\"],\"secondaryButtonColourScheme\":[1,\"secondary-button-colour-scheme\"]}],[1,\"biggive-footer\",{\"headingLevel\":[2,\"heading-level\"]}],[1,\"biggive-hero-image\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"logo\":[1],\"logoHeight\":[2,\"logo-height\"],\"logoAltText\":[1,\"logo-alt-text\"],\"mainImage\":[1,\"main-image\"],\"mainImageAlignHorizontal\":[1,\"main-image-align-horizontal\"],\"mainImageAlignVertical\":[1,\"main-image-align-vertical\"],\"mainTitle\":[1,\"main-title\"],\"mainTitleColour\":[1,\"main-title-colour\"],\"teaser\":[1],\"teaserColour\":[1,\"teaser-colour\"],\"buttonUrl\":[1,\"button-url\"],\"buttonLabel\":[1,\"button-label\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"]}],[1,\"biggive-image-feature\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"mainTitle\":[1,\"main-title\"],\"mainTitleColour\":[1,\"main-title-colour\"],\"teaser\":[1],\"teaserColour\":[1,\"teaser-colour\"],\"buttonUrl\":[1,\"button-url\"],\"buttonLabel\":[1,\"button-label\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"]}],[1,\"biggive-main-menu\",{\"logoUrl\":[1,\"logo-url\"],\"closeMobileMenuFromOutside\":[64]}],[1,\"biggive-video-feature\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"videoUrl\":[1,\"video-url\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"mainTitle\":[1,\"main-title\"],\"mainTitleColour\":[1,\"main-title-colour\"],\"teaser\":[1],\"teaserColour\":[1,\"teaser-colour\"],\"buttonUrl\":[1,\"button-url\"],\"buttonLabel\":[1,\"button-label\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"]}],[1,\"biggive-accordion\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"headingColour\":[1,\"heading-colour\"]}],[1,\"biggive-accordion-entry\",{\"heading\":[1]}],[1,\"biggive-back-to-top\"],[1,\"biggive-branded-image\",{\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"logoUrl\":[1,\"logo-url\"],\"slug\":[1],\"charityName\":[1,\"charity-name\"],\"charityLocation\":[1,\"charity-location\"],\"charityUrl\":[1,\"charity-url\"]}],[1,\"biggive-carousel\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"]}],[1,\"biggive-grid\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"spaceBetween\":[4,\"space-between\"]}],[1,\"biggive-heading\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"colour\":[1],\"htmlElement\":[1,\"html-element\"],\"size\":[2],\"align\":[1],\"text\":[1],\"icon\":[4],\"iconColour\":[1,\"icon-colour\"]}],[1,\"biggive-image\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"width\":[2],\"height\":[2],\"sizeUnit\":[1,\"size-unit\"]}],[1,\"biggive-page-column\"],[1,\"biggive-page-columns\",{\"spaceBelow\":[2,\"space-below\"]}],[1,\"biggive-page-section\",{\"spaceBelow\":[2,\"space-below\"],\"sectionStyleTop\":[1,\"section-style-top\"],\"sectionStyleBottom\":[1,\"section-style-bottom\"],\"colourScheme\":[1,\"colour-scheme\"],\"maxWidth\":[2,\"max-width\"],\"primaryFullBleed\":[4,\"primary-full-bleed\"]}],[1,\"biggive-quote\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"quote\":[1],\"attribution\":[1],\"quoteIconColour\":[1,\"quote-icon-colour\"]}],[0,\"biggive-social-icon\",{\"service\":[1],\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"wide\":[4],\"url\":[1]}],[1,\"biggive-tab\",{\"tabTitle\":[1,\"tab-title\"]}],[1,\"biggive-tabbed-content\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"selectedTextColour\":[1,\"selected-text-colour\"],\"navigationHighlightColour\":[1,\"navigation-highlight-colour\"],\"selectedNavigationHighlightColour\":[1,\"selected-navigation-highlight-colour\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"]}],[1,\"biggive-timeline\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"selectedTextColour\":[1,\"selected-text-colour\"],\"navigationHighlightColour\":[1,\"navigation-highlight-colour\"],\"selectedNavigationHighlightColour\":[1,\"selected-navigation-highlight-colour\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"],\"entryBackgroundColour\":[1,\"entry-background-colour\"],\"entryHighlightColour\":[1,\"entry-highlight-colour\"],\"entryDateColour\":[1,\"entry-date-colour\"],\"entryTitleColour\":[1,\"entry-title-colour\"],\"entryTextColour\":[1,\"entry-text-colour\"]}],[1,\"biggive-timeline-entry\",{\"date\":[1],\"heading\":[1]}],[1,\"biggive-tipping-slider\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"percentageStart\":[2,\"percentage-start\"],\"percentageEnd\":[2,\"percentage-end\"],\"donationAmount\":[2,\"donation-amount\"],\"donationCurrency\":[1,\"donation-currency\"]}],[1,\"biggive-totalizer\",{\"spaceBelow\":[2,\"space-below\"],\"primaryColour\":[1,\"primary-colour\"],\"primaryTextColour\":[1,\"primary-text-colour\"],\"secondaryColour\":[1,\"secondary-colour\"],\"secondaryTextColour\":[1,\"secondary-text-colour\"],\"mainMessage\":[1,\"main-message\"]}],[1,\"biggive-totalizer-ticker-item\",{\"figure\":[1],\"label\":[1]}],[1,\"biggive-form-field-select\",{\"selectedValue\":[1,\"selected-value\"],\"selectedLabel\":[1,\"selected-label\"],\"spaceBelow\":[2,\"space-below\"],\"placeholder\":[1]},[[0,\"doOptionSelect\",\"doOptionSelectCompletedHandler\"]]],[1,\"biggive-form-field-select-option\",{\"label\":[1],\"value\":[1],\"selectedValue\":[32],\"selectedLabel\":[32]}],[1,\"biggive-popup\",{\"openFromOutside\":[64],\"closeFromOutside\":[64]}],[1,\"biggive-progress-bar\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"counter\":[2]}],[0,\"biggive-misc-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"url\":[1]}],[1,\"biggive-button\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"label\":[1],\"url\":[1],\"openInNewTab\":[4,\"open-in-new-tab\"],\"fullWidth\":[4,\"full-width\"],\"size\":[1],\"rounded\":[4],\"centered\":[4],\"buttonId\":[1,\"button-id\"]}]]],[\"biggive-article-card.cjs\",[[1,\"biggive-article-card\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundColourHover\":[1,\"background-colour-hover\"],\"textColour\":[1,\"text-colour\"],\"slug\":[1],\"date\":[1],\"mainTitle\":[1,\"main-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"imageLabel\":[1,\"image-label\"],\"buttonLabel\":[1,\"button-label\"],\"buttonUrl\":[1,\"button-url\"]}]]],[\"biggive-basic-card.cjs\",[[1,\"biggive-basic-card\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundImageUrl\":[1,\"background-image-url\"],\"cardColour\":[1,\"card-colour\"],\"textColour\":[1,\"text-colour\"],\"mainTitle\":[1,\"main-title\"],\"subtitle\":[1],\"teaser\":[1],\"icon\":[4],\"iconColour\":[1,\"icon-colour\"],\"buttonLabel\":[1,\"button-label\"],\"buttonUrl\":[1,\"button-url\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"],\"clipBottomLeftCorner\":[4,\"clip-bottom-left-corner\"],\"clipTopRightCorner\":[4,\"clip-top-right-corner\"],\"headingLevel\":[2,\"heading-level\"],\"addAnimation\":[4,\"add-animation\"]}]]],[\"biggive-search.cjs\",[[1,\"biggive-search\",{\"searchText\":[1,\"search-text\"],\"placeholderText\":[1,\"placeholder-text\"],\"buttonText\":[1,\"button-text\"]}]]],[\"biggive-beneficiary-icon.cjs\",[[0,\"biggive-beneficiary-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-biography-card.cjs\",[[1,\"biggive-biography-card\",{\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"fullName\":[1,\"full-name\"],\"jobTitle\":[1,\"job-title\"]}]]],[\"biggive-boxed-content.cjs\",[[1,\"biggive-boxed-content\",{\"spaceBelow\":[2,\"space-below\"],\"verticalPadding\":[2,\"vertical-padding\"],\"horizontalPadding\":[2,\"horizontal-padding\"],\"backgroundColour\":[1,\"background-colour\"],\"shadow\":[4]}]]],[\"biggive-category-icon.cjs\",[[0,\"biggive-category-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-form.cjs\",[[1,\"biggive-form\"]]],[\"biggive-formatted-text.cjs\",[[1,\"biggive-formatted-text\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"maxWidth\":[2,\"max-width\"]}]]],[\"biggive-header.cjs\",[[1,\"biggive-header\",{\"spaceBelow\":[2,\"space-below\"],\"logoUrl\":[1,\"logo-url\"],\"closeMenuFromOutside\":[64]}]]],[\"biggive-icon-group.cjs\",[[1,\"biggive-icon-group\",{\"spaceBelow\":[2,\"space-below\"],\"label\":[1]}]]],[\"biggive-nav-group.cjs\",[[1,\"biggive-nav-group\",{\"inline\":[4]}]]],[\"biggive-nav-item.cjs\",[[1,\"biggive-nav-item\",{\"url\":[1],\"label\":[1],\"iconColour\":[1,\"icon-colour\"]}]]],[\"biggive-popup-standalone.cjs\",[[1,\"biggive-popup-standalone\"]]],[\"biggive-table.cjs\",[[4,\"biggive-table\",{\"spaceBelow\":[2,\"space-below\"],\"headerTextColour\":[1,\"header-text-colour\"],\"headerBackgroundColour\":[1,\"header-background-colour\"],\"bodyTextColour\":[1,\"body-text-colour\"],\"bodyBackgroundColour\":[1,\"body-background-colour\"]}]]],[\"biggive-text-input.cjs\",[[1,\"biggive-text-input\"]]],[\"biggive-video.cjs\",[[1,\"biggive-video\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"videoUrl\":[1,\"video-url\"]}]]]]"), options);
|
|
18
|
+
return index.bootstrapLazy(JSON.parse("[[\"biggive-accordion_35.cjs\",[[1,\"biggive-campaign-card-filter-grid\",{\"spaceBelow\":[2,\"space-below\"],\"intro\":[1],\"searchText\":[1,\"search-text\"],\"placeholderText\":[1,\"placeholder-text\"],\"buttonText\":[1,\"button-text\"],\"categoryOptions\":[1,\"category-options\"],\"beneficiaryOptions\":[1,\"beneficiary-options\"],\"locationOptions\":[1,\"location-options\"],\"fundingOptions\":[1,\"funding-options\"],\"selectedSortByOption\":[1,\"selected-sort-by-option\"],\"selectedFilterCategory\":[1,\"selected-filter-category\"],\"selectedFilterBeneficiary\":[1,\"selected-filter-beneficiary\"],\"selectedFilterLocation\":[1,\"selected-filter-location\"],\"selectedFilterFunding\":[1,\"selected-filter-funding\"],\"filtersApplied\":[32]},[[0,\"doSelectChange\",\"doOptionSelectCompletedHandler\"]]],[1,\"biggive-campaign-card\",{\"spaceBelow\":[2,\"space-below\"],\"campaignType\":[1,\"campaign-type\"],\"banner\":[1],\"campaignTitle\":[1,\"campaign-title\"],\"organisationName\":[1,\"organisation-name\"],\"primaryFigureLabel\":[1,\"primary-figure-label\"],\"primaryFigureAmount\":[1,\"primary-figure-amount\"],\"secondaryFigureLabel\":[1,\"secondary-figure-label\"],\"secondaryFigureAmount\":[1,\"secondary-figure-amount\"],\"progressBarCounter\":[2,\"progress-bar-counter\"],\"donateButtonLabel\":[1,\"donate-button-label\"],\"donateButtonUrl\":[1,\"donate-button-url\"],\"donateButtonColourScheme\":[1,\"donate-button-colour-scheme\"],\"moreInfoButtonLabel\":[1,\"more-info-button-label\"],\"moreInfoButtonUrl\":[1,\"more-info-button-url\"],\"moreInfoButtonColourScheme\":[1,\"more-info-button-colour-scheme\"],\"isFutureCampaign\":[4,\"is-future-campaign\"],\"isPastCampaign\":[4,\"is-past-campaign\"],\"datetime\":[1]}],[1,\"biggive-campaign-highlights\",{\"spaceBelow\":[2,\"space-below\"],\"banner\":[1],\"campaignTitle\":[1,\"campaign-title\"],\"primaryFigureLabel\":[1,\"primary-figure-label\"],\"primaryFigureAmount\":[1,\"primary-figure-amount\"],\"secondaryFigureLabel\":[1,\"secondary-figure-label\"],\"secondaryFigureAmount\":[1,\"secondary-figure-amount\"],\"progressBarCounter\":[2,\"progress-bar-counter\"],\"primaryStatIcon\":[1,\"primary-stat-icon\"],\"primaryStatText\":[1,\"primary-stat-text\"],\"secondaryStatIcon\":[1,\"secondary-stat-icon\"],\"secondaryStatText\":[1,\"secondary-stat-text\"],\"championName\":[1,\"champion-name\"],\"championUrl\":[1,\"champion-url\"]}],[1,\"biggive-main-menu\",{\"logoUrl\":[1,\"logo-url\"],\"usePresetMenuContent\":[4,\"use-preset-menu-content\"],\"closeMobileMenuFromOutside\":[64]}],[1,\"biggive-call-to-action\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"slugSize\":[2,\"slug-size\"],\"slugColour\":[1,\"slug-colour\"],\"slug\":[1],\"mainTitleColour\":[1,\"main-title-colour\"],\"mainTitleSize\":[2,\"main-title-size\"],\"mainTitle\":[1,\"main-title\"],\"subtitleSize\":[2,\"subtitle-size\"],\"subtitleColour\":[1,\"subtitle-colour\"],\"subtitle\":[1],\"teaserColour\":[1,\"teaser-colour\"],\"teaser\":[1],\"primaryButtonUrl\":[1,\"primary-button-url\"],\"primaryButtonLabel\":[1,\"primary-button-label\"],\"primaryButtonColourScheme\":[1,\"primary-button-colour-scheme\"],\"secondaryButtonUrl\":[1,\"secondary-button-url\"],\"secondaryButtonLabel\":[1,\"secondary-button-label\"],\"secondaryButtonColourScheme\":[1,\"secondary-button-colour-scheme\"]}],[1,\"biggive-footer\",{\"headingLevel\":[2,\"heading-level\"]}],[1,\"biggive-hero-image\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"logo\":[1],\"logoHeight\":[2,\"logo-height\"],\"logoAltText\":[1,\"logo-alt-text\"],\"mainImage\":[1,\"main-image\"],\"mainImageAlignHorizontal\":[1,\"main-image-align-horizontal\"],\"mainImageAlignVertical\":[1,\"main-image-align-vertical\"],\"mainTitle\":[1,\"main-title\"],\"mainTitleColour\":[1,\"main-title-colour\"],\"teaser\":[1],\"teaserColour\":[1,\"teaser-colour\"],\"buttonUrl\":[1,\"button-url\"],\"buttonLabel\":[1,\"button-label\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"]}],[1,\"biggive-image-feature\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"mainTitle\":[1,\"main-title\"],\"mainTitleColour\":[1,\"main-title-colour\"],\"teaser\":[1],\"teaserColour\":[1,\"teaser-colour\"],\"buttonUrl\":[1,\"button-url\"],\"buttonLabel\":[1,\"button-label\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"]}],[1,\"biggive-video-feature\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"videoUrl\":[1,\"video-url\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"mainTitle\":[1,\"main-title\"],\"mainTitleColour\":[1,\"main-title-colour\"],\"teaser\":[1],\"teaserColour\":[1,\"teaser-colour\"],\"buttonUrl\":[1,\"button-url\"],\"buttonLabel\":[1,\"button-label\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"]}],[1,\"biggive-accordion\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"headingColour\":[1,\"heading-colour\"]}],[1,\"biggive-accordion-entry\",{\"heading\":[1]}],[1,\"biggive-back-to-top\"],[1,\"biggive-branded-image\",{\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"logoUrl\":[1,\"logo-url\"],\"slug\":[1],\"charityName\":[1,\"charity-name\"],\"charityLocation\":[1,\"charity-location\"],\"charityUrl\":[1,\"charity-url\"]}],[1,\"biggive-carousel\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"]}],[1,\"biggive-grid\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"spaceBetween\":[4,\"space-between\"]}],[1,\"biggive-heading\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"colour\":[1],\"htmlElement\":[1,\"html-element\"],\"size\":[2],\"align\":[1],\"text\":[1],\"icon\":[4],\"iconColour\":[1,\"icon-colour\"]}],[1,\"biggive-image\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"width\":[2],\"height\":[2],\"sizeUnit\":[1,\"size-unit\"]}],[1,\"biggive-page-column\"],[1,\"biggive-page-columns\",{\"spaceBelow\":[2,\"space-below\"]}],[1,\"biggive-page-section\",{\"spaceBelow\":[2,\"space-below\"],\"sectionStyleTop\":[1,\"section-style-top\"],\"sectionStyleBottom\":[1,\"section-style-bottom\"],\"colourScheme\":[1,\"colour-scheme\"],\"maxWidth\":[2,\"max-width\"],\"primaryFullBleed\":[4,\"primary-full-bleed\"]}],[1,\"biggive-quote\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"quote\":[1],\"attribution\":[1],\"quoteIconColour\":[1,\"quote-icon-colour\"]}],[1,\"biggive-tab\",{\"tabTitle\":[1,\"tab-title\"]}],[1,\"biggive-tabbed-content\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"selectedTextColour\":[1,\"selected-text-colour\"],\"navigationHighlightColour\":[1,\"navigation-highlight-colour\"],\"selectedNavigationHighlightColour\":[1,\"selected-navigation-highlight-colour\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"]}],[1,\"biggive-timeline\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"selectedTextColour\":[1,\"selected-text-colour\"],\"navigationHighlightColour\":[1,\"navigation-highlight-colour\"],\"selectedNavigationHighlightColour\":[1,\"selected-navigation-highlight-colour\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"],\"entryBackgroundColour\":[1,\"entry-background-colour\"],\"entryHighlightColour\":[1,\"entry-highlight-colour\"],\"entryDateColour\":[1,\"entry-date-colour\"],\"entryTitleColour\":[1,\"entry-title-colour\"],\"entryTextColour\":[1,\"entry-text-colour\"]}],[1,\"biggive-timeline-entry\",{\"date\":[1],\"heading\":[1]}],[1,\"biggive-tipping-slider\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"percentageStart\":[2,\"percentage-start\"],\"percentageEnd\":[2,\"percentage-end\"],\"donationAmount\":[2,\"donation-amount\"],\"donationCurrency\":[1,\"donation-currency\"]}],[1,\"biggive-totalizer\",{\"spaceBelow\":[2,\"space-below\"],\"primaryColour\":[1,\"primary-colour\"],\"primaryTextColour\":[1,\"primary-text-colour\"],\"secondaryColour\":[1,\"secondary-colour\"],\"secondaryTextColour\":[1,\"secondary-text-colour\"],\"mainMessage\":[1,\"main-message\"]}],[1,\"biggive-totalizer-ticker-item\",{\"figure\":[1],\"label\":[1]}],[1,\"biggive-form-field-select\",{\"selectedValue\":[1,\"selected-value\"],\"selectedLabel\":[1,\"selected-label\"],\"spaceBelow\":[2,\"space-below\"],\"placeholder\":[1]},[[0,\"doOptionSelect\",\"doOptionSelectCompletedHandler\"]]],[1,\"biggive-form-field-select-option\",{\"label\":[1],\"value\":[1],\"selectedValue\":[32],\"selectedLabel\":[32]}],[1,\"biggive-popup\",{\"openFromOutside\":[64],\"closeFromOutside\":[64]}],[0,\"biggive-social-icon\",{\"service\":[1],\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"wide\":[4],\"url\":[1]}],[1,\"biggive-progress-bar\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"counter\":[2]}],[0,\"biggive-misc-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"url\":[1]}],[1,\"biggive-button\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"label\":[1],\"url\":[1],\"openInNewTab\":[4,\"open-in-new-tab\"],\"fullWidth\":[4,\"full-width\"],\"size\":[1],\"rounded\":[4],\"centered\":[4],\"buttonId\":[1,\"button-id\"]}]]],[\"biggive-article-card.cjs\",[[1,\"biggive-article-card\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundColourHover\":[1,\"background-colour-hover\"],\"textColour\":[1,\"text-colour\"],\"slug\":[1],\"date\":[1],\"mainTitle\":[1,\"main-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"imageLabel\":[1,\"image-label\"],\"buttonLabel\":[1,\"button-label\"],\"buttonUrl\":[1,\"button-url\"]}]]],[\"biggive-basic-card.cjs\",[[1,\"biggive-basic-card\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundImageUrl\":[1,\"background-image-url\"],\"cardColour\":[1,\"card-colour\"],\"textColour\":[1,\"text-colour\"],\"mainTitle\":[1,\"main-title\"],\"subtitle\":[1],\"teaser\":[1],\"icon\":[4],\"iconColour\":[1,\"icon-colour\"],\"buttonLabel\":[1,\"button-label\"],\"buttonUrl\":[1,\"button-url\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"],\"clipBottomLeftCorner\":[4,\"clip-bottom-left-corner\"],\"clipTopRightCorner\":[4,\"clip-top-right-corner\"],\"headingLevel\":[2,\"heading-level\"],\"addAnimation\":[4,\"add-animation\"]}]]],[\"biggive-search.cjs\",[[1,\"biggive-search\",{\"searchText\":[1,\"search-text\"],\"placeholderText\":[1,\"placeholder-text\"],\"buttonText\":[1,\"button-text\"]}]]],[\"biggive-beneficiary-icon.cjs\",[[0,\"biggive-beneficiary-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-biography-card.cjs\",[[1,\"biggive-biography-card\",{\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"fullName\":[1,\"full-name\"],\"jobTitle\":[1,\"job-title\"]}]]],[\"biggive-boxed-content.cjs\",[[1,\"biggive-boxed-content\",{\"spaceBelow\":[2,\"space-below\"],\"verticalPadding\":[2,\"vertical-padding\"],\"horizontalPadding\":[2,\"horizontal-padding\"],\"backgroundColour\":[1,\"background-colour\"],\"shadow\":[4]}]]],[\"biggive-category-icon.cjs\",[[0,\"biggive-category-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-form.cjs\",[[1,\"biggive-form\"]]],[\"biggive-formatted-text.cjs\",[[1,\"biggive-formatted-text\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"maxWidth\":[2,\"max-width\"]}]]],[\"biggive-header.cjs\",[[1,\"biggive-header\",{\"spaceBelow\":[2,\"space-below\"],\"logoUrl\":[1,\"logo-url\"],\"closeMenuFromOutside\":[64]}]]],[\"biggive-icon-group.cjs\",[[1,\"biggive-icon-group\",{\"spaceBelow\":[2,\"space-below\"],\"label\":[1]}]]],[\"biggive-nav-group.cjs\",[[1,\"biggive-nav-group\",{\"inline\":[4]}]]],[\"biggive-nav-item.cjs\",[[1,\"biggive-nav-item\",{\"url\":[1],\"label\":[1],\"iconColour\":[1,\"icon-colour\"]}]]],[\"biggive-popup-standalone.cjs\",[[1,\"biggive-popup-standalone\"]]],[\"biggive-table.cjs\",[[4,\"biggive-table\",{\"spaceBelow\":[2,\"space-below\"],\"headerTextColour\":[1,\"header-text-colour\"],\"headerBackgroundColour\":[1,\"header-background-colour\"],\"bodyTextColour\":[1,\"body-text-colour\"],\"bodyBackgroundColour\":[1,\"body-background-colour\"]}]]],[\"biggive-text-input.cjs\",[[1,\"biggive-text-input\"]]],[\"biggive-video.cjs\",[[1,\"biggive-video\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"videoUrl\":[1,\"video-url\"]}]]]]"), options);
|
|
19
19
|
});
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return index.bootstrapLazy(JSON.parse("[[\"biggive-accordion_35.cjs\",[[1,\"biggive-campaign-card-filter-grid\",{\"spaceBelow\":[2,\"space-below\"],\"intro\":[1],\"searchText\":[1,\"search-text\"],\"placeholderText\":[1,\"placeholder-text\"],\"buttonText\":[1,\"button-text\"],\"categoryOptions\":[1,\"category-options\"],\"beneficiaryOptions\":[1,\"beneficiary-options\"],\"locationOptions\":[1,\"location-options\"],\"fundingOptions\":[1,\"funding-options\"],\"selectedSortByOption\":[1,\"selected-sort-by-option\"],\"selectedFilterCategory\":[1,\"selected-filter-category\"],\"selectedFilterBeneficiary\":[1,\"selected-filter-beneficiary\"],\"selectedFilterLocation\":[1,\"selected-filter-location\"],\"selectedFilterFunding\":[1,\"selected-filter-funding\"],\"filtersApplied\":[32]},[[0,\"doSelectChange\",\"doOptionSelectCompletedHandler\"]]],[1,\"biggive-campaign-card\",{\"spaceBelow\":[2,\"space-below\"],\"campaignType\":[1,\"campaign-type\"],\"banner\":[1],\"campaignTitle\":[1,\"campaign-title\"],\"organisationName\":[1,\"organisation-name\"],\"primaryFigureLabel\":[1,\"primary-figure-label\"],\"primaryFigureAmount\":[1,\"primary-figure-amount\"],\"secondaryFigureLabel\":[1,\"secondary-figure-label\"],\"secondaryFigureAmount\":[1,\"secondary-figure-amount\"],\"progressBarCounter\":[2,\"progress-bar-counter\"],\"donateButtonLabel\":[1,\"donate-button-label\"],\"donateButtonUrl\":[1,\"donate-button-url\"],\"donateButtonColourScheme\":[1,\"donate-button-colour-scheme\"],\"moreInfoButtonLabel\":[1,\"more-info-button-label\"],\"moreInfoButtonUrl\":[1,\"more-info-button-url\"],\"moreInfoButtonColourScheme\":[1,\"more-info-button-colour-scheme\"],\"isFutureCampaign\":[4,\"is-future-campaign\"],\"isPastCampaign\":[4,\"is-past-campaign\"],\"datetime\":[1]}],[1,\"biggive-campaign-highlights\",{\"spaceBelow\":[2,\"space-below\"],\"banner\":[1],\"campaignTitle\":[1,\"campaign-title\"],\"primaryFigureLabel\":[1,\"primary-figure-label\"],\"primaryFigureAmount\":[1,\"primary-figure-amount\"],\"secondaryFigureLabel\":[1,\"secondary-figure-label\"],\"secondaryFigureAmount\":[1,\"secondary-figure-amount\"],\"progressBarCounter\":[2,\"progress-bar-counter\"],\"primaryStatIcon\":[1,\"primary-stat-icon\"],\"primaryStatText\":[1,\"primary-stat-text\"],\"secondaryStatIcon\":[1,\"secondary-stat-icon\"],\"secondaryStatText\":[1,\"secondary-stat-text\"],\"championName\":[1,\"champion-name\"],\"championUrl\":[1,\"champion-url\"]}],[1,\"biggive-call-to-action\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"slugSize\":[2,\"slug-size\"],\"slugColour\":[1,\"slug-colour\"],\"slug\":[1],\"mainTitleColour\":[1,\"main-title-colour\"],\"mainTitleSize\":[2,\"main-title-size\"],\"mainTitle\":[1,\"main-title\"],\"subtitleSize\":[2,\"subtitle-size\"],\"subtitleColour\":[1,\"subtitle-colour\"],\"subtitle\":[1],\"teaserColour\":[1,\"teaser-colour\"],\"teaser\":[1],\"primaryButtonUrl\":[1,\"primary-button-url\"],\"primaryButtonLabel\":[1,\"primary-button-label\"],\"primaryButtonColourScheme\":[1,\"primary-button-colour-scheme\"],\"secondaryButtonUrl\":[1,\"secondary-button-url\"],\"secondaryButtonLabel\":[1,\"secondary-button-label\"],\"secondaryButtonColourScheme\":[1,\"secondary-button-colour-scheme\"]}],[1,\"biggive-footer\",{\"headingLevel\":[2,\"heading-level\"]}],[1,\"biggive-hero-image\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"logo\":[1],\"logoHeight\":[2,\"logo-height\"],\"logoAltText\":[1,\"logo-alt-text\"],\"mainImage\":[1,\"main-image\"],\"mainImageAlignHorizontal\":[1,\"main-image-align-horizontal\"],\"mainImageAlignVertical\":[1,\"main-image-align-vertical\"],\"mainTitle\":[1,\"main-title\"],\"mainTitleColour\":[1,\"main-title-colour\"],\"teaser\":[1],\"teaserColour\":[1,\"teaser-colour\"],\"buttonUrl\":[1,\"button-url\"],\"buttonLabel\":[1,\"button-label\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"]}],[1,\"biggive-image-feature\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"mainTitle\":[1,\"main-title\"],\"mainTitleColour\":[1,\"main-title-colour\"],\"teaser\":[1],\"teaserColour\":[1,\"teaser-colour\"],\"buttonUrl\":[1,\"button-url\"],\"buttonLabel\":[1,\"button-label\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"]}],[1,\"biggive-main-menu\",{\"logoUrl\":[1,\"logo-url\"],\"closeMobileMenuFromOutside\":[64]}],[1,\"biggive-video-feature\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"videoUrl\":[1,\"video-url\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"mainTitle\":[1,\"main-title\"],\"mainTitleColour\":[1,\"main-title-colour\"],\"teaser\":[1],\"teaserColour\":[1,\"teaser-colour\"],\"buttonUrl\":[1,\"button-url\"],\"buttonLabel\":[1,\"button-label\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"]}],[1,\"biggive-accordion\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"headingColour\":[1,\"heading-colour\"]}],[1,\"biggive-accordion-entry\",{\"heading\":[1]}],[1,\"biggive-back-to-top\"],[1,\"biggive-branded-image\",{\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"logoUrl\":[1,\"logo-url\"],\"slug\":[1],\"charityName\":[1,\"charity-name\"],\"charityLocation\":[1,\"charity-location\"],\"charityUrl\":[1,\"charity-url\"]}],[1,\"biggive-carousel\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"]}],[1,\"biggive-grid\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"spaceBetween\":[4,\"space-between\"]}],[1,\"biggive-heading\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"colour\":[1],\"htmlElement\":[1,\"html-element\"],\"size\":[2],\"align\":[1],\"text\":[1],\"icon\":[4],\"iconColour\":[1,\"icon-colour\"]}],[1,\"biggive-image\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"width\":[2],\"height\":[2],\"sizeUnit\":[1,\"size-unit\"]}],[1,\"biggive-page-column\"],[1,\"biggive-page-columns\",{\"spaceBelow\":[2,\"space-below\"]}],[1,\"biggive-page-section\",{\"spaceBelow\":[2,\"space-below\"],\"sectionStyleTop\":[1,\"section-style-top\"],\"sectionStyleBottom\":[1,\"section-style-bottom\"],\"colourScheme\":[1,\"colour-scheme\"],\"maxWidth\":[2,\"max-width\"],\"primaryFullBleed\":[4,\"primary-full-bleed\"]}],[1,\"biggive-quote\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"quote\":[1],\"attribution\":[1],\"quoteIconColour\":[1,\"quote-icon-colour\"]}],[0,\"biggive-social-icon\",{\"service\":[1],\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"wide\":[4],\"url\":[1]}],[1,\"biggive-tab\",{\"tabTitle\":[1,\"tab-title\"]}],[1,\"biggive-tabbed-content\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"selectedTextColour\":[1,\"selected-text-colour\"],\"navigationHighlightColour\":[1,\"navigation-highlight-colour\"],\"selectedNavigationHighlightColour\":[1,\"selected-navigation-highlight-colour\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"]}],[1,\"biggive-timeline\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"selectedTextColour\":[1,\"selected-text-colour\"],\"navigationHighlightColour\":[1,\"navigation-highlight-colour\"],\"selectedNavigationHighlightColour\":[1,\"selected-navigation-highlight-colour\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"],\"entryBackgroundColour\":[1,\"entry-background-colour\"],\"entryHighlightColour\":[1,\"entry-highlight-colour\"],\"entryDateColour\":[1,\"entry-date-colour\"],\"entryTitleColour\":[1,\"entry-title-colour\"],\"entryTextColour\":[1,\"entry-text-colour\"]}],[1,\"biggive-timeline-entry\",{\"date\":[1],\"heading\":[1]}],[1,\"biggive-tipping-slider\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"percentageStart\":[2,\"percentage-start\"],\"percentageEnd\":[2,\"percentage-end\"],\"donationAmount\":[2,\"donation-amount\"],\"donationCurrency\":[1,\"donation-currency\"]}],[1,\"biggive-totalizer\",{\"spaceBelow\":[2,\"space-below\"],\"primaryColour\":[1,\"primary-colour\"],\"primaryTextColour\":[1,\"primary-text-colour\"],\"secondaryColour\":[1,\"secondary-colour\"],\"secondaryTextColour\":[1,\"secondary-text-colour\"],\"mainMessage\":[1,\"main-message\"]}],[1,\"biggive-totalizer-ticker-item\",{\"figure\":[1],\"label\":[1]}],[1,\"biggive-form-field-select\",{\"selectedValue\":[1,\"selected-value\"],\"selectedLabel\":[1,\"selected-label\"],\"spaceBelow\":[2,\"space-below\"],\"placeholder\":[1]},[[0,\"doOptionSelect\",\"doOptionSelectCompletedHandler\"]]],[1,\"biggive-form-field-select-option\",{\"label\":[1],\"value\":[1],\"selectedValue\":[32],\"selectedLabel\":[32]}],[1,\"biggive-popup\",{\"openFromOutside\":[64],\"closeFromOutside\":[64]}],[1,\"biggive-progress-bar\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"counter\":[2]}],[0,\"biggive-misc-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"url\":[1]}],[1,\"biggive-button\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"label\":[1],\"url\":[1],\"openInNewTab\":[4,\"open-in-new-tab\"],\"fullWidth\":[4,\"full-width\"],\"size\":[1],\"rounded\":[4],\"centered\":[4],\"buttonId\":[1,\"button-id\"]}]]],[\"biggive-article-card.cjs\",[[1,\"biggive-article-card\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundColourHover\":[1,\"background-colour-hover\"],\"textColour\":[1,\"text-colour\"],\"slug\":[1],\"date\":[1],\"mainTitle\":[1,\"main-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"imageLabel\":[1,\"image-label\"],\"buttonLabel\":[1,\"button-label\"],\"buttonUrl\":[1,\"button-url\"]}]]],[\"biggive-basic-card.cjs\",[[1,\"biggive-basic-card\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundImageUrl\":[1,\"background-image-url\"],\"cardColour\":[1,\"card-colour\"],\"textColour\":[1,\"text-colour\"],\"mainTitle\":[1,\"main-title\"],\"subtitle\":[1],\"teaser\":[1],\"icon\":[4],\"iconColour\":[1,\"icon-colour\"],\"buttonLabel\":[1,\"button-label\"],\"buttonUrl\":[1,\"button-url\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"],\"clipBottomLeftCorner\":[4,\"clip-bottom-left-corner\"],\"clipTopRightCorner\":[4,\"clip-top-right-corner\"],\"headingLevel\":[2,\"heading-level\"],\"addAnimation\":[4,\"add-animation\"]}]]],[\"biggive-search.cjs\",[[1,\"biggive-search\",{\"searchText\":[1,\"search-text\"],\"placeholderText\":[1,\"placeholder-text\"],\"buttonText\":[1,\"button-text\"]}]]],[\"biggive-beneficiary-icon.cjs\",[[0,\"biggive-beneficiary-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-biography-card.cjs\",[[1,\"biggive-biography-card\",{\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"fullName\":[1,\"full-name\"],\"jobTitle\":[1,\"job-title\"]}]]],[\"biggive-boxed-content.cjs\",[[1,\"biggive-boxed-content\",{\"spaceBelow\":[2,\"space-below\"],\"verticalPadding\":[2,\"vertical-padding\"],\"horizontalPadding\":[2,\"horizontal-padding\"],\"backgroundColour\":[1,\"background-colour\"],\"shadow\":[4]}]]],[\"biggive-category-icon.cjs\",[[0,\"biggive-category-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-form.cjs\",[[1,\"biggive-form\"]]],[\"biggive-formatted-text.cjs\",[[1,\"biggive-formatted-text\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"maxWidth\":[2,\"max-width\"]}]]],[\"biggive-header.cjs\",[[1,\"biggive-header\",{\"spaceBelow\":[2,\"space-below\"],\"logoUrl\":[1,\"logo-url\"],\"closeMenuFromOutside\":[64]}]]],[\"biggive-icon-group.cjs\",[[1,\"biggive-icon-group\",{\"spaceBelow\":[2,\"space-below\"],\"label\":[1]}]]],[\"biggive-nav-group.cjs\",[[1,\"biggive-nav-group\",{\"inline\":[4]}]]],[\"biggive-nav-item.cjs\",[[1,\"biggive-nav-item\",{\"url\":[1],\"label\":[1],\"iconColour\":[1,\"icon-colour\"]}]]],[\"biggive-popup-standalone.cjs\",[[1,\"biggive-popup-standalone\"]]],[\"biggive-table.cjs\",[[4,\"biggive-table\",{\"spaceBelow\":[2,\"space-below\"],\"headerTextColour\":[1,\"header-text-colour\"],\"headerBackgroundColour\":[1,\"header-background-colour\"],\"bodyTextColour\":[1,\"body-text-colour\"],\"bodyBackgroundColour\":[1,\"body-background-colour\"]}]]],[\"biggive-text-input.cjs\",[[1,\"biggive-text-input\"]]],[\"biggive-video.cjs\",[[1,\"biggive-video\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"videoUrl\":[1,\"video-url\"]}]]]]"), options);
|
|
17
|
+
return index.bootstrapLazy(JSON.parse("[[\"biggive-accordion_35.cjs\",[[1,\"biggive-campaign-card-filter-grid\",{\"spaceBelow\":[2,\"space-below\"],\"intro\":[1],\"searchText\":[1,\"search-text\"],\"placeholderText\":[1,\"placeholder-text\"],\"buttonText\":[1,\"button-text\"],\"categoryOptions\":[1,\"category-options\"],\"beneficiaryOptions\":[1,\"beneficiary-options\"],\"locationOptions\":[1,\"location-options\"],\"fundingOptions\":[1,\"funding-options\"],\"selectedSortByOption\":[1,\"selected-sort-by-option\"],\"selectedFilterCategory\":[1,\"selected-filter-category\"],\"selectedFilterBeneficiary\":[1,\"selected-filter-beneficiary\"],\"selectedFilterLocation\":[1,\"selected-filter-location\"],\"selectedFilterFunding\":[1,\"selected-filter-funding\"],\"filtersApplied\":[32]},[[0,\"doSelectChange\",\"doOptionSelectCompletedHandler\"]]],[1,\"biggive-campaign-card\",{\"spaceBelow\":[2,\"space-below\"],\"campaignType\":[1,\"campaign-type\"],\"banner\":[1],\"campaignTitle\":[1,\"campaign-title\"],\"organisationName\":[1,\"organisation-name\"],\"primaryFigureLabel\":[1,\"primary-figure-label\"],\"primaryFigureAmount\":[1,\"primary-figure-amount\"],\"secondaryFigureLabel\":[1,\"secondary-figure-label\"],\"secondaryFigureAmount\":[1,\"secondary-figure-amount\"],\"progressBarCounter\":[2,\"progress-bar-counter\"],\"donateButtonLabel\":[1,\"donate-button-label\"],\"donateButtonUrl\":[1,\"donate-button-url\"],\"donateButtonColourScheme\":[1,\"donate-button-colour-scheme\"],\"moreInfoButtonLabel\":[1,\"more-info-button-label\"],\"moreInfoButtonUrl\":[1,\"more-info-button-url\"],\"moreInfoButtonColourScheme\":[1,\"more-info-button-colour-scheme\"],\"isFutureCampaign\":[4,\"is-future-campaign\"],\"isPastCampaign\":[4,\"is-past-campaign\"],\"datetime\":[1]}],[1,\"biggive-campaign-highlights\",{\"spaceBelow\":[2,\"space-below\"],\"banner\":[1],\"campaignTitle\":[1,\"campaign-title\"],\"primaryFigureLabel\":[1,\"primary-figure-label\"],\"primaryFigureAmount\":[1,\"primary-figure-amount\"],\"secondaryFigureLabel\":[1,\"secondary-figure-label\"],\"secondaryFigureAmount\":[1,\"secondary-figure-amount\"],\"progressBarCounter\":[2,\"progress-bar-counter\"],\"primaryStatIcon\":[1,\"primary-stat-icon\"],\"primaryStatText\":[1,\"primary-stat-text\"],\"secondaryStatIcon\":[1,\"secondary-stat-icon\"],\"secondaryStatText\":[1,\"secondary-stat-text\"],\"championName\":[1,\"champion-name\"],\"championUrl\":[1,\"champion-url\"]}],[1,\"biggive-main-menu\",{\"logoUrl\":[1,\"logo-url\"],\"usePresetMenuContent\":[4,\"use-preset-menu-content\"],\"closeMobileMenuFromOutside\":[64]}],[1,\"biggive-call-to-action\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"slugSize\":[2,\"slug-size\"],\"slugColour\":[1,\"slug-colour\"],\"slug\":[1],\"mainTitleColour\":[1,\"main-title-colour\"],\"mainTitleSize\":[2,\"main-title-size\"],\"mainTitle\":[1,\"main-title\"],\"subtitleSize\":[2,\"subtitle-size\"],\"subtitleColour\":[1,\"subtitle-colour\"],\"subtitle\":[1],\"teaserColour\":[1,\"teaser-colour\"],\"teaser\":[1],\"primaryButtonUrl\":[1,\"primary-button-url\"],\"primaryButtonLabel\":[1,\"primary-button-label\"],\"primaryButtonColourScheme\":[1,\"primary-button-colour-scheme\"],\"secondaryButtonUrl\":[1,\"secondary-button-url\"],\"secondaryButtonLabel\":[1,\"secondary-button-label\"],\"secondaryButtonColourScheme\":[1,\"secondary-button-colour-scheme\"]}],[1,\"biggive-footer\",{\"headingLevel\":[2,\"heading-level\"]}],[1,\"biggive-hero-image\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"logo\":[1],\"logoHeight\":[2,\"logo-height\"],\"logoAltText\":[1,\"logo-alt-text\"],\"mainImage\":[1,\"main-image\"],\"mainImageAlignHorizontal\":[1,\"main-image-align-horizontal\"],\"mainImageAlignVertical\":[1,\"main-image-align-vertical\"],\"mainTitle\":[1,\"main-title\"],\"mainTitleColour\":[1,\"main-title-colour\"],\"teaser\":[1],\"teaserColour\":[1,\"teaser-colour\"],\"buttonUrl\":[1,\"button-url\"],\"buttonLabel\":[1,\"button-label\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"]}],[1,\"biggive-image-feature\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"mainTitle\":[1,\"main-title\"],\"mainTitleColour\":[1,\"main-title-colour\"],\"teaser\":[1],\"teaserColour\":[1,\"teaser-colour\"],\"buttonUrl\":[1,\"button-url\"],\"buttonLabel\":[1,\"button-label\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"]}],[1,\"biggive-video-feature\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"videoUrl\":[1,\"video-url\"],\"slug\":[1],\"slugColour\":[1,\"slug-colour\"],\"mainTitle\":[1,\"main-title\"],\"mainTitleColour\":[1,\"main-title-colour\"],\"teaser\":[1],\"teaserColour\":[1,\"teaser-colour\"],\"buttonUrl\":[1,\"button-url\"],\"buttonLabel\":[1,\"button-label\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"]}],[1,\"biggive-accordion\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"headingColour\":[1,\"heading-colour\"]}],[1,\"biggive-accordion-entry\",{\"heading\":[1]}],[1,\"biggive-back-to-top\"],[1,\"biggive-branded-image\",{\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"logoUrl\":[1,\"logo-url\"],\"slug\":[1],\"charityName\":[1,\"charity-name\"],\"charityLocation\":[1,\"charity-location\"],\"charityUrl\":[1,\"charity-url\"]}],[1,\"biggive-carousel\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"]}],[1,\"biggive-grid\",{\"spaceBelow\":[2,\"space-below\"],\"columnCount\":[2,\"column-count\"],\"spaceBetween\":[4,\"space-between\"]}],[1,\"biggive-heading\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"colour\":[1],\"htmlElement\":[1,\"html-element\"],\"size\":[2],\"align\":[1],\"text\":[1],\"icon\":[4],\"iconColour\":[1,\"icon-colour\"]}],[1,\"biggive-image\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"width\":[2],\"height\":[2],\"sizeUnit\":[1,\"size-unit\"]}],[1,\"biggive-page-column\"],[1,\"biggive-page-columns\",{\"spaceBelow\":[2,\"space-below\"]}],[1,\"biggive-page-section\",{\"spaceBelow\":[2,\"space-below\"],\"sectionStyleTop\":[1,\"section-style-top\"],\"sectionStyleBottom\":[1,\"section-style-bottom\"],\"colourScheme\":[1,\"colour-scheme\"],\"maxWidth\":[2,\"max-width\"],\"primaryFullBleed\":[4,\"primary-full-bleed\"]}],[1,\"biggive-quote\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"quote\":[1],\"attribution\":[1],\"quoteIconColour\":[1,\"quote-icon-colour\"]}],[1,\"biggive-tab\",{\"tabTitle\":[1,\"tab-title\"]}],[1,\"biggive-tabbed-content\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"selectedTextColour\":[1,\"selected-text-colour\"],\"navigationHighlightColour\":[1,\"navigation-highlight-colour\"],\"selectedNavigationHighlightColour\":[1,\"selected-navigation-highlight-colour\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"]}],[1,\"biggive-timeline\",{\"spaceBelow\":[2,\"space-below\"],\"textColour\":[1,\"text-colour\"],\"selectedTextColour\":[1,\"selected-text-colour\"],\"navigationHighlightColour\":[1,\"navigation-highlight-colour\"],\"selectedNavigationHighlightColour\":[1,\"selected-navigation-highlight-colour\"],\"buttonBackgroundColour\":[1,\"button-background-colour\"],\"buttonIconColour\":[1,\"button-icon-colour\"],\"entryBackgroundColour\":[1,\"entry-background-colour\"],\"entryHighlightColour\":[1,\"entry-highlight-colour\"],\"entryDateColour\":[1,\"entry-date-colour\"],\"entryTitleColour\":[1,\"entry-title-colour\"],\"entryTextColour\":[1,\"entry-text-colour\"]}],[1,\"biggive-timeline-entry\",{\"date\":[1],\"heading\":[1]}],[1,\"biggive-tipping-slider\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"percentageStart\":[2,\"percentage-start\"],\"percentageEnd\":[2,\"percentage-end\"],\"donationAmount\":[2,\"donation-amount\"],\"donationCurrency\":[1,\"donation-currency\"]}],[1,\"biggive-totalizer\",{\"spaceBelow\":[2,\"space-below\"],\"primaryColour\":[1,\"primary-colour\"],\"primaryTextColour\":[1,\"primary-text-colour\"],\"secondaryColour\":[1,\"secondary-colour\"],\"secondaryTextColour\":[1,\"secondary-text-colour\"],\"mainMessage\":[1,\"main-message\"]}],[1,\"biggive-totalizer-ticker-item\",{\"figure\":[1],\"label\":[1]}],[1,\"biggive-form-field-select\",{\"selectedValue\":[1,\"selected-value\"],\"selectedLabel\":[1,\"selected-label\"],\"spaceBelow\":[2,\"space-below\"],\"placeholder\":[1]},[[0,\"doOptionSelect\",\"doOptionSelectCompletedHandler\"]]],[1,\"biggive-form-field-select-option\",{\"label\":[1],\"value\":[1],\"selectedValue\":[32],\"selectedLabel\":[32]}],[1,\"biggive-popup\",{\"openFromOutside\":[64],\"closeFromOutside\":[64]}],[0,\"biggive-social-icon\",{\"service\":[1],\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"wide\":[4],\"url\":[1]}],[1,\"biggive-progress-bar\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"counter\":[2]}],[0,\"biggive-misc-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"url\":[1]}],[1,\"biggive-button\",{\"spaceBelow\":[2,\"space-below\"],\"colourScheme\":[1,\"colour-scheme\"],\"label\":[1],\"url\":[1],\"openInNewTab\":[4,\"open-in-new-tab\"],\"fullWidth\":[4,\"full-width\"],\"size\":[1],\"rounded\":[4],\"centered\":[4],\"buttonId\":[1,\"button-id\"]}]]],[\"biggive-article-card.cjs\",[[1,\"biggive-article-card\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundColourHover\":[1,\"background-colour-hover\"],\"textColour\":[1,\"text-colour\"],\"slug\":[1],\"date\":[1],\"mainTitle\":[1,\"main-title\"],\"imageUrl\":[1,\"image-url\"],\"imageAltText\":[1,\"image-alt-text\"],\"imageLabel\":[1,\"image-label\"],\"buttonLabel\":[1,\"button-label\"],\"buttonUrl\":[1,\"button-url\"]}]]],[\"biggive-basic-card.cjs\",[[1,\"biggive-basic-card\",{\"spaceBelow\":[2,\"space-below\"],\"backgroundColour\":[1,\"background-colour\"],\"backgroundImageUrl\":[1,\"background-image-url\"],\"cardColour\":[1,\"card-colour\"],\"textColour\":[1,\"text-colour\"],\"mainTitle\":[1,\"main-title\"],\"subtitle\":[1],\"teaser\":[1],\"icon\":[4],\"iconColour\":[1,\"icon-colour\"],\"buttonLabel\":[1,\"button-label\"],\"buttonUrl\":[1,\"button-url\"],\"buttonColourScheme\":[1,\"button-colour-scheme\"],\"clipBottomLeftCorner\":[4,\"clip-bottom-left-corner\"],\"clipTopRightCorner\":[4,\"clip-top-right-corner\"],\"headingLevel\":[2,\"heading-level\"],\"addAnimation\":[4,\"add-animation\"]}]]],[\"biggive-search.cjs\",[[1,\"biggive-search\",{\"searchText\":[1,\"search-text\"],\"placeholderText\":[1,\"placeholder-text\"],\"buttonText\":[1,\"button-text\"]}]]],[\"biggive-beneficiary-icon.cjs\",[[0,\"biggive-beneficiary-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-biography-card.cjs\",[[1,\"biggive-biography-card\",{\"spaceBelow\":[2,\"space-below\"],\"imageUrl\":[1,\"image-url\"],\"fullName\":[1,\"full-name\"],\"jobTitle\":[1,\"job-title\"]}]]],[\"biggive-boxed-content.cjs\",[[1,\"biggive-boxed-content\",{\"spaceBelow\":[2,\"space-below\"],\"verticalPadding\":[2,\"vertical-padding\"],\"horizontalPadding\":[2,\"horizontal-padding\"],\"backgroundColour\":[1,\"background-colour\"],\"shadow\":[4]}]]],[\"biggive-category-icon.cjs\",[[0,\"biggive-category-icon\",{\"backgroundColour\":[1,\"background-colour\"],\"iconColour\":[1,\"icon-colour\"],\"icon\":[1],\"label\":[1],\"url\":[1]}]]],[\"biggive-form.cjs\",[[1,\"biggive-form\"]]],[\"biggive-formatted-text.cjs\",[[1,\"biggive-formatted-text\",{\"spaceBelow\":[2,\"space-below\"],\"defaultTextColour\":[1,\"default-text-colour\"],\"maxWidth\":[2,\"max-width\"]}]]],[\"biggive-header.cjs\",[[1,\"biggive-header\",{\"spaceBelow\":[2,\"space-below\"],\"logoUrl\":[1,\"logo-url\"],\"closeMenuFromOutside\":[64]}]]],[\"biggive-icon-group.cjs\",[[1,\"biggive-icon-group\",{\"spaceBelow\":[2,\"space-below\"],\"label\":[1]}]]],[\"biggive-nav-group.cjs\",[[1,\"biggive-nav-group\",{\"inline\":[4]}]]],[\"biggive-nav-item.cjs\",[[1,\"biggive-nav-item\",{\"url\":[1],\"label\":[1],\"iconColour\":[1,\"icon-colour\"]}]]],[\"biggive-popup-standalone.cjs\",[[1,\"biggive-popup-standalone\"]]],[\"biggive-table.cjs\",[[4,\"biggive-table\",{\"spaceBelow\":[2,\"space-below\"],\"headerTextColour\":[1,\"header-text-colour\"],\"headerBackgroundColour\":[1,\"header-background-colour\"],\"bodyTextColour\":[1,\"body-text-colour\"],\"bodyBackgroundColour\":[1,\"body-background-colour\"]}]]],[\"biggive-text-input.cjs\",[[1,\"biggive-text-input\"]]],[\"biggive-video.cjs\",[[1,\"biggive-video\",{\"spaceAbove\":[2,\"space-above\"],\"spaceBelow\":[2,\"space-below\"],\"videoUrl\":[1,\"video-url\"]}]]]]"), options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -10,6 +10,7 @@ export class BiggiveMainMenu {
|
|
|
10
10
|
mobileMenu.style.left = '-100%';
|
|
11
11
|
};
|
|
12
12
|
this.logoUrl = '/';
|
|
13
|
+
this.usePresetMenuContent = false;
|
|
13
14
|
}
|
|
14
15
|
async closeMobileMenuFromOutside() {
|
|
15
16
|
const mobileMenu = this.host.shadowRoot.querySelector('.nav-links');
|
|
@@ -23,6 +24,9 @@ export class BiggiveMainMenu {
|
|
|
23
24
|
this.host.shadowRoot.querySelector('#nav-primary').appendChild(node);
|
|
24
25
|
}
|
|
25
26
|
}
|
|
27
|
+
noNav(event) {
|
|
28
|
+
event.preventDefault();
|
|
29
|
+
}
|
|
26
30
|
/**
|
|
27
31
|
* Slots the 'nav-secondary' slot into the top right corner of the blue nav bar.
|
|
28
32
|
* Also slots the 'nav-secondary' into the normal menu items when in mobile mode.
|
|
@@ -76,11 +80,22 @@ export class BiggiveMainMenu {
|
|
|
76
80
|
subSubMenuElement.classList.toggle('display-sub-menu');
|
|
77
81
|
};
|
|
78
82
|
});
|
|
79
|
-
this.
|
|
80
|
-
|
|
83
|
+
if (!this.usePresetMenuContent) {
|
|
84
|
+
this.appendPrimaryNavigationLinks();
|
|
85
|
+
this.appendNavSecondaryLinks();
|
|
86
|
+
}
|
|
81
87
|
}
|
|
82
88
|
render() {
|
|
83
|
-
|
|
89
|
+
const slotBasedMenu = () => (h(Host, null, h("div", { class: "row row-top" }, h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("div", { class: "nav-secondary" })), h("nav", { role: "navigation", "aria-label": "Main Menu" }, h("div", { class: "navbar" }, h("div", { class: "logo" }, h("a", { href: this.logoUrl, "aria-label": "Home" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { class: "nav-links" }, h("div", { class: "sidebar-logo" }, h("a", { href: this.logoUrl, "aria-label": "Home" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { id: "nav-primary" }), h("div", { class: "mobile-social-icon-wrap mobile-only" }, h("slot", { name: "mobile-social-icons" })))))));
|
|
90
|
+
/**
|
|
91
|
+
* @todo take prop passed in for base domain or environment (e.g. dev|staging|regression|production ) so we can
|
|
92
|
+
* output appropriate nav links to stay in same envirionment.
|
|
93
|
+
*/
|
|
94
|
+
const presetContentMenu = () => {
|
|
95
|
+
const secondaryNavLinks = (h("ul", null, h("li", null, h("a", { href: "https://www.thebiggive.org.uk/s/contact-us" }, "Contact us")), h("li", null, h("a", { href: "https://www.thebiggive.org.uk/charities/s/login" }, "Charity login"))));
|
|
96
|
+
return (h(Host, null, h("div", { class: "row row-top" }, h("div", { class: "social-icon-wrap" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), h("div", { class: "nav-secondary" }, secondaryNavLinks)), h("nav", { role: "navigation", "aria-label": "Main Menu" }, h("div", { class: "navbar" }, h("div", { class: "logo" }, h("a", { href: this.logoUrl, "aria-label": "Home" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { class: "nav-links" }, h("div", { class: "sidebar-logo" }, h("a", { href: this.logoUrl, "aria-label": "Home" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { id: "nav-primary" }, h("ul", { class: "links", slot: "nav-primary" }, h("li", null, h("a", { href: "https://donate.thebiggive.org.uk/explore" }, "Explore Campaigns")), h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/charities" }, "For Charities")), h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/funders" }, "For Funders")), h("li", null, h("a", { onClick: this.noNav }, "Match Funding", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { class: "sub-menu" }, h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/match-funding-explained" }, "Match Funding Explained")), h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/impact" }, "Match Funding Impact")), h("li", { class: "more" }, h("a", { onClick: this.noNav }, "Match Funding Opportunities", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { class: "sub-sub-menu" }, h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/christmas-challenge", class: "icon-christmas" }, "Christmas Challenge")), h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/champions-for-children", class: "icon-children" }, "Champions for Children")), h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/green-match-fund", class: "icon-green-match" }, "Green Match Fund")), h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/women-girls-match-fund", class: "icon-women-girls" }, "Women & Girls Match Fund")), h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/mental-health-match-fund/", class: "icon-mental-health" }, "Mental Health Match Fund")), h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/anchor-match-fund/", class: "icon-anchor-match" }, "Anchor Match Fund")), h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/emergency-campaigns/", class: "icon-emergency" }, "Emergency Match Fund")))), h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/run-your-own-campaign/" }, "Run your match funding campaign")))), h("li", null, h("a", { onClick: this.noNav }, "About Us", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { class: "sub-menu" }, h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/our-people" }, "Our People")), h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/our-story" }, "Our Story")), h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/our-community" }, "Our Community")), h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/our-fees" }, "Our Fees")), h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/faqs" }, "FAQs")))), h("li", null, h("a", { onClick: this.noNav }, "Resources", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { class: "sub-menu" }, h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/case-studies" }, "Case Studies")), h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/blog" }, "Blog")), h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/reports-insights" }, "Reports & Insights")), h("li", null, h("a", { href: "https://blog.thebiggive.org.uk/press" }, "Press"))))), h("div", { class: "mobile-only" }, secondaryNavLinks)), h("div", { class: "mobile-social-icon-wrap mobile-only" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
|
|
97
|
+
};
|
|
98
|
+
return this.usePresetMenuContent ? presetContentMenu() : slotBasedMenu();
|
|
84
99
|
}
|
|
85
100
|
static get is() { return "biggive-main-menu"; }
|
|
86
101
|
static get encapsulation() { return "shadow"; }
|
|
@@ -113,6 +128,24 @@ export class BiggiveMainMenu {
|
|
|
113
128
|
"attribute": "logo-url",
|
|
114
129
|
"reflect": false,
|
|
115
130
|
"defaultValue": "'/'"
|
|
131
|
+
},
|
|
132
|
+
"usePresetMenuContent": {
|
|
133
|
+
"type": "boolean",
|
|
134
|
+
"mutable": false,
|
|
135
|
+
"complexType": {
|
|
136
|
+
"original": "boolean",
|
|
137
|
+
"resolved": "boolean",
|
|
138
|
+
"references": {}
|
|
139
|
+
},
|
|
140
|
+
"required": false,
|
|
141
|
+
"optional": false,
|
|
142
|
+
"docs": {
|
|
143
|
+
"tags": [],
|
|
144
|
+
"text": "If true, content passed in via slots will be ignored, and this will just render a hard-coded menu\nthat's the same everywhere. When BG2-2286 is done this will be permantly true and the prop will be deleted."
|
|
145
|
+
},
|
|
146
|
+
"attribute": "use-preset-menu-content",
|
|
147
|
+
"reflect": false,
|
|
148
|
+
"defaultValue": "false"
|
|
116
149
|
}
|
|
117
150
|
};
|
|
118
151
|
}
|
|
@@ -17,6 +17,12 @@ export class BiggiveTippingSlider {
|
|
|
17
17
|
this.donationAmount = undefined;
|
|
18
18
|
this.donationCurrency = undefined;
|
|
19
19
|
}
|
|
20
|
+
format(currencyCode, amount) {
|
|
21
|
+
return Intl.NumberFormat('en-GB', {
|
|
22
|
+
style: 'currency',
|
|
23
|
+
currency: currencyCode,
|
|
24
|
+
}).format(amount);
|
|
25
|
+
}
|
|
20
26
|
componentDidRender() {
|
|
21
27
|
var _a, _b;
|
|
22
28
|
var isMoving = false;
|
|
@@ -28,14 +34,22 @@ export class BiggiveTippingSlider {
|
|
|
28
34
|
var _a;
|
|
29
35
|
if (isMoving) {
|
|
30
36
|
const max = bar.offsetWidth - handle.offsetWidth;
|
|
31
|
-
|
|
37
|
+
let pageX;
|
|
38
|
+
if (window.TouchEvent && e instanceof TouchEvent) {
|
|
39
|
+
pageX = (_a = e.touches[0]) === null || _a === void 0 ? void 0 : _a.pageX;
|
|
40
|
+
}
|
|
41
|
+
else {
|
|
42
|
+
// we Know e is a MouseEvent because all platforms that supports TouchEvent would also have
|
|
43
|
+
// a truthy window.TouchEvent - see https://stackoverflow.com/a/32882849/2803757
|
|
44
|
+
pageX = e.pageX;
|
|
45
|
+
}
|
|
32
46
|
if (typeof pageX != 'undefined') {
|
|
33
47
|
const mousePos = pageX - bar.offsetLeft - handle.offsetWidth / 2;
|
|
34
48
|
const position = mousePos > max ? max : mousePos < 0 ? 0 : mousePos;
|
|
35
49
|
const percentage = (position / max) * this.percentageEnd;
|
|
36
50
|
const donation = Math.round(this.donationAmount * (percentage / 100));
|
|
37
51
|
percentageWrap.innerHTML = Math.round(percentage).toString();
|
|
38
|
-
donationWrap.innerHTML =
|
|
52
|
+
donationWrap.innerHTML = this.format(this.donationCurrency, donation);
|
|
39
53
|
handle.style.marginLeft = position + 'px';
|
|
40
54
|
}
|
|
41
55
|
}
|
|
@@ -62,7 +76,8 @@ export class BiggiveTippingSlider {
|
|
|
62
76
|
});
|
|
63
77
|
}
|
|
64
78
|
render() {
|
|
65
|
-
|
|
79
|
+
const currencyFormatted = this.format(this.donationCurrency, 0);
|
|
80
|
+
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "bar" }, h("div", { class: "handle", id: "handle" }, h("div", { class: "tooltip" }, h("span", { class: "donation" }, h("span", { class: "donation-value" }, currencyFormatted)), "\u00A0", h("span", { class: "percentage" }, "(", h("span", { class: "percentage-value" }, "0"), "%)")))), h("div", { class: "labels" }, h("div", { class: "label-start" }, this.percentageStart, "%"), h("div", { class: "label-end" }, this.percentageEnd, "%")), h("div", { class: "reset" }, h("span", { class: "button", onClick: this.resetSlider }, "Back to default"))));
|
|
66
81
|
}
|
|
67
82
|
static get is() { return "biggive-tipping-slider"; }
|
|
68
83
|
static get encapsulation() { return "shadow"; }
|
|
@@ -179,15 +194,15 @@ export class BiggiveTippingSlider {
|
|
|
179
194
|
"type": "string",
|
|
180
195
|
"mutable": false,
|
|
181
196
|
"complexType": {
|
|
182
|
-
"original": "'
|
|
183
|
-
"resolved": "\"\
|
|
197
|
+
"original": "'GBP' | 'USD'",
|
|
198
|
+
"resolved": "\"GBP\" | \"USD\"",
|
|
184
199
|
"references": {}
|
|
185
200
|
},
|
|
186
|
-
"required":
|
|
201
|
+
"required": true,
|
|
187
202
|
"optional": false,
|
|
188
203
|
"docs": {
|
|
189
204
|
"tags": [],
|
|
190
|
-
"text": ""
|
|
205
|
+
"text": "ISO-4217 currency code (e.g. GBP, USD)"
|
|
191
206
|
},
|
|
192
207
|
"attribute": "donation-currency",
|
|
193
208
|
"reflect": false
|
|
@@ -36,7 +36,8 @@ export default {
|
|
|
36
36
|
donationCurrency: {
|
|
37
37
|
name: 'Donation Currency',
|
|
38
38
|
control: {
|
|
39
|
-
type: '
|
|
39
|
+
type: 'select',
|
|
40
|
+
options: ['GBP', 'USD'],
|
|
40
41
|
},
|
|
41
42
|
},
|
|
42
43
|
},
|
|
@@ -47,16 +48,16 @@ const Template = args => `
|
|
|
47
48
|
colour-scheme="${args.colourScheme}"
|
|
48
49
|
percentage-start="${args.percentageStart}"
|
|
49
50
|
percentage-end="${args.percentageEnd}"
|
|
50
|
-
donation-amount="${args.donationAmount}"
|
|
51
|
-
donation-currency="${args.donationCurrency}"
|
|
52
|
-
|
|
51
|
+
donation-amount="${args.donationAmount}"
|
|
52
|
+
donation-currency="${args.donationCurrency}"
|
|
53
|
+
></biggive-tipping-slider>
|
|
53
54
|
`;
|
|
54
55
|
export const TippingSliderComponent = Template.bind({});
|
|
55
56
|
TippingSliderComponent.args = {
|
|
56
57
|
spaceBelow: 4,
|
|
57
58
|
colourScheme: 'primary',
|
|
58
|
-
percentageStart:
|
|
59
|
-
percentageEnd:
|
|
60
|
-
donationAmount:
|
|
61
|
-
donationCurrency: '
|
|
59
|
+
percentageStart: 0,
|
|
60
|
+
percentageEnd: 30,
|
|
61
|
+
donationAmount: 200,
|
|
62
|
+
donationCurrency: 'GBP',
|
|
62
63
|
};
|