@biggive/components 202412101647.0.0 → 202412181555.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-294ca479.entry.js +2 -0
- package/dist/biggive/p-294ca479.entry.js.map +1 -0
- package/dist/cjs/biggive-accordion_40.cjs.entry.js +32 -13
- package/dist/cjs/biggive-accordion_40.cjs.entry.js.map +1 -1
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js +5 -7
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js.map +1 -1
- package/dist/collection/components/biggive-main-menu/biggive-main-menu.css +53 -3
- package/dist/collection/components/biggive-main-menu/biggive-main-menu.js +43 -5
- package/dist/collection/components/biggive-main-menu/biggive-main-menu.js.map +1 -1
- package/dist/components/biggive-campaign-card-filter-grid.js +5 -7
- package/dist/components/biggive-campaign-card-filter-grid.js.map +1 -1
- package/dist/components/biggive-main-menu.js +28 -7
- package/dist/components/biggive-main-menu.js.map +1 -1
- package/dist/esm/biggive-accordion_40.entry.js +32 -13
- package/dist/esm/biggive-accordion_40.entry.js.map +1 -1
- package/dist/types/components/biggive-main-menu/biggive-main-menu.d.ts +3 -0
- package/dist/types/components.d.ts +16 -0
- package/hydrate/index.js +32 -13
- package/hydrate/index.mjs +32 -13
- package/package.json +1 -1
- package/dist/biggive/p-356f4e14.entry.js +0 -2
- package/dist/biggive/p-356f4e14.entry.js.map +0 -1
|
@@ -465,9 +465,7 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
465
465
|
unfocusTextInput() {
|
|
466
466
|
var _a;
|
|
467
467
|
const input = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.input-text');
|
|
468
|
-
|
|
469
|
-
input.blur();
|
|
470
|
-
}
|
|
468
|
+
input === null || input === void 0 ? void 0 : input.blur();
|
|
471
469
|
}
|
|
472
470
|
componentWillRender() {
|
|
473
471
|
this.filtersApplied = this.selectedFilterCategory !== null || this.selectedFilterBeneficiary !== null || this.selectedFilterLocation !== null;
|
|
@@ -476,13 +474,13 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
476
474
|
render() {
|
|
477
475
|
var _a;
|
|
478
476
|
const sortOptions = this.getSortOptions();
|
|
479
|
-
return (index.h("div", { key: '
|
|
477
|
+
return (index.h("div", { key: '041272afb70682bca5c93c2558304f7a7231b182', class: 'container space-below-' + this.spaceBelow }, index.h("div", { key: '5e34bea196be51d2abe45324e1ce5e22a4d3b0df', class: "sleeve" }, index.h("div", { key: 'd8595d6eeb9a490dc4fecf7f6d461b4f913b594c', class: "search-wrap" }, index.h("h4", { key: '3910d0c07ee6e0879b1cfba801ef9196c8a38cac' }, this.intro), index.h("div", { key: 'e6e44e19200f9a73fa1bbea6867080a361218cce', class: "field-wrap" }, index.h("div", { key: '13e67bcd01999acba604e93b9e30a2e3b8498c35', class: "input-wrap" }, index.h("svg", { key: 'feead67a8782d9713cd531acb7db88a8095adb25', xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, index.h("path", { key: '9c38b07ae9d072059d8a01a53a49599243d36af4', d: fontawesomeIcons.faMagnifyingGlass.icon[4].toString() })), index.h("input", { key: '6d83c21a0cf8c9ace5682eb44d573b10d68c24fa', type: "text", value: (_a = this.searchText) !== null && _a !== void 0 ? _a : '', class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), index.h("biggive-button", { key: 'b4a9b84643accdf3a7bd08fb2145e225340513ed', onClick: this.handleSearchButtonPressed, label: this.buttonText }))), index.h("div", { key: '2f6a2624ab721147d2ac027a1e12d978969a47b6', class: "sort-filter-wrap" }, index.h("div", { key: '024eda15d930b25508ea13b0a2335a8442f1003a', class: "filter-wrap" }, index.h("biggive-button", { key: '83ffd28fd191adcc66d8952722145ec1fa22d510', class: "filter", colourScheme: "primary", onClick: this.handleFilterButtonClick, label: "Filter", fullWidth: true, "space-below": "0" }), index.h("biggive-popup", { key: '31e964c840f917b3c909447dde3695306b7c0ed8', id: "filter-popup" }, index.h("h4", { key: '3018bbf7e15f0db33ad4d57dcac1dd69eff868f9', class: "space-above-0 space-below-3 text-colour-primary" }, "Filters"), index.h("div", { key: '3bc5234fcdba58a35e1cdb44805450e009aba004', class: "select-wrapper-1" }, index.h("biggive-form-field-select", { key: 'f74334f6fcdf1054443e1d9d616f3037cf397871', backgroundColour: "white", prompt: "Category", placeholder: this.categoriesPlaceHolderText, selectedLabel: this.selectedFilterCategory, selectedValue: this.selectedFilterCategory, options: this.optionsToArray(this.categoryOptions || []), selectionChanged: this.categoryFilterSelectionChanged, id: "categories", "space-below": "2" })), index.h("div", { key: 'febf3c66ee354435d8b427fa622fbf4780b583c6', class: "select-wrapper-2" }, index.h("biggive-form-field-select", { key: '2817be005248199073713b1fe73a6d589c766b9a', backgroundColour: "white", prompt: "Beneficiary", placeholder: this.beneficiariesPlaceHolderText, selectedLabel: this.selectedFilterBeneficiary, selectedValue: this.selectedFilterBeneficiary, options: this.optionsToArray(this.beneficiaryOptions || []), selectionChanged: this.beneficiarySelectionChanged, id: "beneficiaries", "space-below": "2" })), index.h("div", { key: '02ed6ea360eea8e81dc870e2d80cd741e35e9165', class: "select-wrapper-3" }, index.h("biggive-form-field-select", { key: 'afa5a90f7d3a43a74a88d4f3a088b8198c5bbe71', backgroundColour: "white", prompt: "Location", placeholder: this.locationsPlaceHolderText, selectedLabel: this.selectedFilterLocation, selectedValue: this.selectedFilterLocation, options: this.optionsToArray(this.locationOptions || []), selectionChanged: this.locationSelectionChanged, id: "locations", "space-below": "2" })), index.h("div", { key: '6a69bb701fd3a4ab7f9cd73d36f7ba4fc844f6c5', class: "align-right" }, index.h("biggive-button", { key: 'b71c6f09c03f4ecfd998d096d381b90f23f59589', label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), index.h("div", { key: '44670c3a6138ff65a2332bc0314f1efd252f3108', class: "sort-wrap" }, index.h("biggive-form-field-select", { key: 'a85801f1d9e1a754ea417301872cdbaf180bb461', options: sortOptions, prompt: null, "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, selectedValue: this.getSelectedValue(), selectionChanged: this.sortBySelectionChanged, id: "sort-by" }, index.h("biggive-form-field-select-option", { key: 'bd7fc9b68e3a300957c0a17c285b614383af4c47', value: "amountRaised", label: "Most raised" }), index.h("biggive-form-field-select-option", { key: 'f25c05c0fdef66ef0fdce79b6a2cb2d835209312', value: "leastRaised", label: "Least raised" }), index.h("biggive-form-field-select-option", { key: '9bdf1b76bf3d849fecd950a0bbf401f0028c5945', value: "matchFundsRemaining", label: "Match funds remaining" }), (this.searchText || '').length > 0 ? index.h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), index.h("div", { key: '83528d1515a1b9d8d13373c2017055bfec5c82bc', class: "selected-filter-wrap" }, index.h("div", { key: 'c0a968235c5cd75c03e5e8cfdbdaa2e44b91fbd7', class: "selected-filters" }, this.selectedFilterCategory && (index.h("span", { key: 'e436a0364751d0dd5afff4aa511e68d2b6c1ef95', class: "button", onClick: () => {
|
|
480
478
|
this.removeFilter('categories');
|
|
481
|
-
} }, this.selectedFilterCategory)), this.selectedFilterBeneficiary && (index.h("span", { key: '
|
|
479
|
+
} }, this.selectedFilterCategory)), this.selectedFilterBeneficiary && (index.h("span", { key: 'd0fbb418f3acd32b334becbb39d798327e3fe570', class: "button", onClick: () => {
|
|
482
480
|
this.removeFilter('beneficiaries');
|
|
483
|
-
} }, this.selectedFilterBeneficiary)), this.selectedFilterLocation && (index.h("span", { key: '
|
|
481
|
+
} }, this.selectedFilterBeneficiary)), this.selectedFilterLocation && (index.h("span", { key: '0d80f1ba88a9f3431fc971fe300607d76051a7e6', class: "button", onClick: () => {
|
|
484
482
|
this.removeFilter('locations');
|
|
485
|
-
} }, this.selectedFilterLocation))), index.h("div", { key: '
|
|
483
|
+
} }, this.selectedFilterLocation))), index.h("div", { key: 'f3df8fa434e8ce934c68e51929040cc321194c0f', class: "clear-all" }, index.h("a", { key: 'e62ee36ed35f2b26305b3f8d404ea994230db08b', onClick: this.handleClearAll }, "Clear all"))), index.h("div", { key: '363d36521727deda89d834aa86ab41c484732872', class: "campaign-grid" }, index.h("slot", { key: '9103b7a8ef63e3a202b0e8bef5e55deb84073f73', name: "campaign-grid" })))));
|
|
486
484
|
}
|
|
487
485
|
// I'm not sure if I understand the reasoning for own-methods-must-be-private. I made the method below public to unit
|
|
488
486
|
// test it. Maybe the idea is that we should move anything with enough logic to test outside the component class? I
|
|
@@ -954,17 +952,21 @@ const BiggiveImageFeature = class {
|
|
|
954
952
|
};
|
|
955
953
|
BiggiveImageFeature.style = BiggiveImageFeatureStyle0;
|
|
956
954
|
|
|
957
|
-
const biggiveMainMenuCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{margin:0;padding:0;box-sizing:border-box;font-family:\"Euclid Triangle\", sans-serif}a[class^=icon-],a[class*=icon-]{padding-left:20px;background-repeat:no-repeat;background-size:auto 10px;background-position:left center}a.icon-green{background-image:url(/assets/images/triangles-combined.svg)}a.icon-children{background-image:url(/assets/images/triangles-combined-children.svg)}a.icon-christmas{background-image:url(/assets/images/triangles-combined-christmas-challenge.svg)}a.icon-green-match{background-image:url(/assets/images/triangles-combined-green-match.svg)}a.icon-women-girls{background-image:url(/assets/images/triangles-combined-women-girls.svg)}a.icon-mental-health{background-image:url(/assets/images/triangles-combined-mental-health.svg)}a.icon-anchor-match{background-image:url(/assets/images/triangles-combined-anchor.svg)}a.icon-emergency{background-image:url(/assets/images/triangles-combined-emergency.svg)}a.icon-arts-impact{background-image:url(/assets/images/triangles-combined-arts-black.svg)}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}.row-top .social-icon-wrap{display:flex;min-height:40px;margin-right:10px}.row-top .social-icon-wrap .social-icon-item{margin-right:10px}.row-top .nav-secondary{margin-left:auto;display:grid}.row-top .nav-secondary ul{list-style:none;display:inline-flex;margin:auto}.row-top .nav-secondary li{border-right:1px solid #FFFFFF;height:fit-content;padding:0 10px}.row-top .nav-secondary li:last-child{border-right:0;padding-right:0}.row-top .nav-secondary li a{color:#FFFFFF;text-decoration:none}nav{top:0;left:0;width:100%;height:70px;background:white;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:black;font-size:17px;font-weight:500}nav .navbar .nav-links .links li .sub-menu{position:absolute;top:70px;left:0;line-height:40px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);border-radius:0 0 4px 4px;display:none;z-index:2;background-color:inherit}nav .navbar .nav-links .links li .sub-menu li{padding:0 22px;border-bottom:1px solid rgba(255, 255, 255, 0.1)}nav .navbar .nav-links .links li .sub-menu a{color:black;font-size:15px;font-weight:500}nav .navbar .nav-links .links li .sub-menu .more .sub-sub-menu{position:absolute;top:0;left:100%;border-radius:0 4px 4px 4px;z-index:1;display:none}nav .navbar .nav-links .links li .arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}nav .navbar .nav-links .links li .arrow.transform-90{transform:rotate(90deg)}nav .navbar .logo{min-width:180px;width:180px}nav .navbar .logo a{font-size:30px;color:black;text-decoration:none;font-weight:600;display:grid}nav .navbar .bx-menu{display:none}@media (hover: hover){.row-top .nav-secondary li a:hover{border-bottom-color:#FFFFFF;color:#FFFFFF}nav .navbar .nav-links .links li .sub-menu .more:hover .sub-sub-menu{display:block}nav .navbar .nav-links .links li:hover .sub-menu-arrow{transform:rotate(90deg)}nav .navbar .nav-links .links li:hover .sub-menu{display:block;background-color:white}nav .navbar .nav-links .links li:hover .sub-menu .sub-sub-menu{background-color:white}}@media (max-width: 1200px){nav .navbar .logo{min-width:120px;width:120px}nav .navbar .nav-links .links li{padding:0 7px}nav .navbar .nav-links .links li a{font-size:15px}nav .navbar .nav-links .links li .sub-menu a{font-size:13px}}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0px 25px}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:white;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo a #mobileLogo{width:130px}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .mobile-social-icon-wrap{margin-top:20px}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6}nav .navbar .nav-links .links li a{width:100%;display:block}nav .navbar .nav-links .links li .
|
|
955
|
+
const biggiveMainMenuCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{margin:0;padding:0;box-sizing:border-box;font-family:\"Euclid Triangle\", sans-serif}a[class^=icon-],a[class*=icon-]{padding-left:20px;background-repeat:no-repeat;background-size:auto 10px;background-position:left center}a.icon-green{background-image:url(/assets/images/triangles-combined.svg)}a.icon-children{background-image:url(/assets/images/triangles-combined-children.svg)}a.icon-christmas{background-image:url(/assets/images/triangles-combined-christmas-challenge.svg)}a.icon-green-match{background-image:url(/assets/images/triangles-combined-green-match.svg)}a.icon-women-girls{background-image:url(/assets/images/triangles-combined-women-girls.svg)}a.icon-mental-health{background-image:url(/assets/images/triangles-combined-mental-health.svg)}a.icon-anchor-match{background-image:url(/assets/images/triangles-combined-anchor.svg)}a.icon-emergency{background-image:url(/assets/images/triangles-combined-emergency.svg)}a.icon-arts-impact{background-image:url(/assets/images/triangles-combined-arts-black.svg)}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}.row-top .social-icon-wrap{display:flex;min-height:40px;margin-right:10px}.row-top .social-icon-wrap .social-icon-item{margin-right:10px}.row-top .nav-secondary{margin-left:auto;display:grid}.row-top .nav-secondary ul{list-style:none;display:inline-flex;margin:auto}.row-top .nav-secondary li{border-right:1px solid #FFFFFF;height:fit-content;padding:0 10px}.row-top .nav-secondary li:last-child{border-right:0;padding-right:0}.row-top .nav-secondary li a{color:#FFFFFF;text-decoration:none}nav{top:0;left:0;width:100%;height:70px;background:white;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:black;font-size:17px;font-weight:500}nav .navbar .nav-links .links li .sub-menu{position:absolute;top:70px;left:0;line-height:40px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);border-radius:0 0 4px 4px;display:none;z-index:2;background-color:inherit}nav .navbar .nav-links .links li .sub-menu li{padding:0 22px;border-bottom:1px solid rgba(255, 255, 255, 0.1)}nav .navbar .nav-links .links li .sub-menu a{color:black;font-size:15px;font-weight:500}nav .navbar .nav-links .links li .sub-menu .more .sub-sub-menu{position:absolute;top:0;left:100%;border-radius:0 4px 4px 4px;z-index:1;display:none}nav .navbar .nav-links .links li .arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}nav .navbar .nav-links .links li .arrow.transform-90{transform:rotate(90deg)}nav .navbar .logo{min-width:180px;width:180px}nav .navbar .logo a{font-size:30px;color:black;text-decoration:none;font-weight:600;display:grid}nav .navbar .bx-menu{display:none}@media (hover: hover){.row-top .nav-secondary li a:hover{border-bottom-color:#FFFFFF;color:#FFFFFF}nav .navbar .nav-links .links li .sub-menu .more:hover .sub-sub-menu{display:block}nav .navbar .nav-links .links li:hover .sub-menu-arrow{transform:rotate(90deg)}nav .navbar .nav-links .links li:hover .sub-menu{display:block;background-color:white}nav .navbar .nav-links .links li:hover .sub-menu .sub-sub-menu{background-color:white}}@media (max-width: 1200px){nav .navbar .logo{min-width:120px;width:120px}nav .navbar .nav-links .links li{padding:0 7px}nav .navbar .nav-links .links li a{font-size:15px}nav .navbar .nav-links .links li .sub-menu a{font-size:13px}}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0px 25px}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:white;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo a #mobileLogo{width:130px}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .mobile-social-icon-wrap{margin-top:20px}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6}nav .navbar .nav-links .links li a{width:100%;display:block}nav .navbar .nav-links .links li .sub-menu{position:relative;top:0;box-shadow:none;display:none}nav .navbar .nav-links .links li .sub-menu li{border-bottom:none}nav .navbar .nav-links .links li .sub-menu .sub-sub-menu{display:none;position:relative;left:0}nav .navbar .nav-links .links li .sub-menu .sub-sub-menu li{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .links li .sub-menu .more span{display:flex;align-items:center}nav .navbar .nav-links .links li .sub-menu .more .sub-sub-menu.display-sub-menu{position:initial}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.display-sub-menu,.display-sub-menu li{display:block !important}#nav-primary .display-sub-menu,#nav-primary .display-sub-menu li{background-color:white}.sub-menu-main{position:absolute;top:20px;left:0;line-height:40px;border-radius:0 0 4px 4px;display:none;background-color:#2C089B;z-index:2}.sub-menu-main li{border-right:none !important;padding:0 22px;display:none}@media (max-width: 968px){.sub-menu-main{position:static !important;background:none}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}.nav-secondary li{position:relative !important}.nav-secondary li:hover .sub-menu-arrow{transform:rotate(90deg)}.nav-secondary li:hover .sub-menu-main{display:block}.nav-secondary li:hover .sub-menu-main li{display:block}";
|
|
958
956
|
const BiggiveMainMenuStyle0 = biggiveMainMenuCss;
|
|
959
957
|
|
|
960
958
|
const BiggiveMainMenu = class {
|
|
961
959
|
constructor(hostRef) {
|
|
962
960
|
index.registerInstance(this, hostRef);
|
|
961
|
+
this.logoutClicked = index.createEvent(this, "logoutClicked", 7);
|
|
963
962
|
this.lastScrollHeight = 0;
|
|
964
963
|
this.openMobileMenu = () => {
|
|
965
964
|
const mobileMenu = this.host.shadowRoot.querySelector('.nav-links');
|
|
966
965
|
mobileMenu.style.left = '0';
|
|
967
966
|
};
|
|
967
|
+
this.logOut = () => {
|
|
968
|
+
this.logoutClicked.emit();
|
|
969
|
+
};
|
|
968
970
|
this.closeMobileMenu = () => {
|
|
969
971
|
const mobileMenu = this.host.shadowRoot.querySelector('.nav-links');
|
|
970
972
|
mobileMenu.style.left = '-100%';
|
|
@@ -1009,12 +1011,27 @@ const BiggiveMainMenu = class {
|
|
|
1009
1011
|
if (subMenuElements.length === 0) {
|
|
1010
1012
|
throw new Error('Missing subMenuElements');
|
|
1011
1013
|
}
|
|
1014
|
+
/**
|
|
1015
|
+
* Closes all the sub-menus except the one exception.
|
|
1016
|
+
*/
|
|
1017
|
+
const closeAllSubMenus = ({ except }) => {
|
|
1018
|
+
subMenuElements.forEach(subMenuElement => {
|
|
1019
|
+
var _a;
|
|
1020
|
+
const link = (_a = subMenuElement.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector('a');
|
|
1021
|
+
if (link === except) {
|
|
1022
|
+
return;
|
|
1023
|
+
}
|
|
1024
|
+
link === null || link === void 0 ? void 0 : link.classList.remove('transform-90');
|
|
1025
|
+
subMenuElement.classList.remove('display-sub-menu');
|
|
1026
|
+
});
|
|
1027
|
+
};
|
|
1012
1028
|
subMenuElements.forEach(subMenuElement => {
|
|
1013
1029
|
var _a;
|
|
1014
1030
|
// the subMenuLink is a sibling element to the actual sub-menu
|
|
1015
1031
|
const subMenuLink = (_a = subMenuElement.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector('a');
|
|
1016
1032
|
subMenuLink.onclick = () => {
|
|
1017
1033
|
const subMenuArrow = subMenuLink.querySelector('.sub-menu-arrow');
|
|
1034
|
+
closeAllSubMenus({ except: subMenuLink });
|
|
1018
1035
|
subMenuArrow.classList.toggle('transform-90');
|
|
1019
1036
|
subMenuElement.classList.toggle('display-sub-menu');
|
|
1020
1037
|
};
|
|
@@ -1033,8 +1050,10 @@ const BiggiveMainMenu = class {
|
|
|
1033
1050
|
};
|
|
1034
1051
|
});
|
|
1035
1052
|
}
|
|
1036
|
-
getSecondaryNavLinks() {
|
|
1037
|
-
|
|
1053
|
+
getSecondaryNavLinks(layout) {
|
|
1054
|
+
const chevronIconColour = layout === 'desktop' ? 'white' : 'black';
|
|
1055
|
+
const chevronBackgroundColour = layout === 'desktop' ? 'blue' : 'white';
|
|
1056
|
+
return (index.h("ul", null, this.myAccountFlagEnabled && !this.isLoggedIn && (index.h("li", null, index.h("a", { href: makeURL('Donate', this.donateUrlPrefix, 'login') }, "Donor Login"))), this.isLoggedIn && (index.h("li", null, index.h("a", { onClick: this.noNav }, "My Account", index.h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": chevronBackgroundColour, "icon-colour": chevronIconColour, icon: "CaretRight" })), index.h("ul", { class: "sub-menu sub-menu-main", id: "my-account-sub-menu" }, index.h("li", null, index.h("a", { href: makeURL('Donate', this.donateUrlPrefix, 'my-account') }, "Your details")), index.h("li", null, index.h("a", { href: "javascript:void(0)", onClick: this.logOut }, "Log out"))))), index.h("li", null, index.h("a", { href: makeURL('Experience', this.experienceUrlPrefix, 'charities/s/login') }, "Charity Login")), index.h("li", null, index.h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'support') }, "Support"))));
|
|
1038
1057
|
}
|
|
1039
1058
|
render() {
|
|
1040
1059
|
/** ten minutes in advance to account for a *very* slow browser following the link and/or clock skew.
|
|
@@ -1050,9 +1069,9 @@ const BiggiveMainMenu = class {
|
|
|
1050
1069
|
const homePageLink = ccIsOpenNowIsh ? '/?noredirect' : '/';
|
|
1051
1070
|
// calling same function twice because using same JSX node twice is not allowed
|
|
1052
1071
|
// see https://stenciljs.com/docs/templating-jsx#avoid-shared-jsx-nodes
|
|
1053
|
-
const
|
|
1054
|
-
const
|
|
1055
|
-
return (index.h(index.Host, { key: '97ac21fcc3df3f5c0dbd686ae73aff26e06755ff' }, index.h("div", { key: '65432652066234c5ab162a28b0ef4a3be7b75054', class: "row row-top" }, index.h("div", { key: '4905493c5662f9996f4d07f6b5f6554371d45cd1', class: "social-icon-wrap" }, index.h("biggive-social-icon", { key: '20be159818ce8711be456316da1cbbdc769a8ab1', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: 'ba09ed03d53bf58409588ee1a17826b479ccc542', service: "Twitter", url: "https://x.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '5053d2f66ca73275aac908b435b49eec3a6e2b5b', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '13ca59e6f0496929b7767309584285d5439d37b5', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '1b583d0741daffcf2ae7cc54df450db07b8282a6', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), index.h("div", { key: '3f262139b138e590d04949fb6dbdeb392a9828b4', class: "nav-secondary" }, secondaryNavLinksA)), index.h("nav", { key: 'a2fbcd042c20608e23ad8ff9f21aff08870d4ce5', role: "navigation", "aria-label": "Main Menu" }, index.h("div", { key: 'fde3cca40e76c864c8b4b44c1f01e9ff56f5dbad', class: "navbar" }, index.h("div", { key: '08b1968b838c62e42aa4d539b3555be98d0c2917', class: "logo" }, index.h("a", { key: 'be9113dcdc568bad3797976cea446aa75fa6827c', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, index.h("svg", { key: 'd638a2695676e06bb4ac8dbc2799dd2952e8db02', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, index.h("path", { key: '69fd51a1d7885f9a8644ca88134a12a53dc79590', 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", { key: 'adc99e502002dd7506cad81debd461607e1ac069', d: "M13.5,1l13.5,23H0L13.5,1z" })))), index.h("biggive-misc-icon", { key: 'e5a281eddbcb4f965773607699d58ea4719f26c8', class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), index.h("div", { key: '1871639e69d2244a770790d8d3870adf84b69c1f', class: "nav-links" }, index.h("div", { key: '25cf617fe44e6a085bf2dfd3a333098650fff0f1', class: "sidebar-logo" }, index.h("a", { key: '9321740211c1166973d8da7e90bde99ff12d2a1a', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, index.h("svg", { key: 'e5eda1c87eb96c0700ad603d4cec0fa7a9683761', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, index.h("path", { key: 'cf85f8b91835ff654aeae6fd6cc8faa6422d3fe5', 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", { key: '5eafdce6e3df36f4ff0658bcdf1a0dd7896014c7', d: "M13.5,1l13.5,23H0L13.5,1z" }))), index.h("biggive-misc-icon", { key: '0f3f96d6e950627e6946a22ccda47c4d1cf0160b', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), index.h("div", { key: '9e4ed5519e9dd8628414d4b74f41600e8f091c8a', id: "nav-primary" }, index.h("ul", { key: '8b15c56a009beb86a1c22dee0004b73d564ffbe6', class: "links", slot: "nav-primary" }, index.h("li", { key: 'fd4807dc040e13dfab37514b6d27bd646a4b91fb' }, index.h("a", { key: 'f5032471867e8df5dd598e9cadbb6fb0f020ca0c', href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), index.h("li", { key: '8a898247cb953353422adc0b4ac50cc5aba27028' }, index.h("a", { key: '4ced489490a59b9b7ea7fe03cfcd7872d7d7fb73', href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), index.h("li", { key: '51daab569d3d5f1b7a8f1b671cba37d35c76ce87' }, index.h("a", { key: 'fa7324ec513c299e0c814d3376c07cd64a183bb7', href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), index.h("li", { key: '708ad9f91b06ff3fa45ea7516bef37fc8c19feba' }, index.h("a", { key: 'd6fdd6528f65ac9d0855273da69b2915b0836eb0', onClick: this.noNav }, "Match Funding", index.h("biggive-misc-icon", { key: '79d6ac442b88d15a39224f7bf53d3dff9a293386', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { key: '0a4d3e369bba6f535001d7aa23e69efbe36649e9', class: "sub-menu" }, index.h("li", { key: '0ba75300ff4668d12490854ccd99ea348e402fba' }, index.h("a", { key: '52f0cb88422b41295c8c751f2f6e097e077e7e87', href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), index.h("li", { key: '7af91804e464e5fcee70f3352005f0d7ec7a6be3' }, index.h("a", { key: 'e595f8670cabb6ca0ead99fb3bdbe77fbc2a6fe0', href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), index.h("li", { key: '8a0266ffea10dc8822df7a7534b3a89439f1599f', class: "more" }, index.h("a", { key: '2f8466bfc042c2387420a3ccaf9505e865fc2a13', onClick: this.noNav }, "Match Funding Opportunities", index.h("biggive-misc-icon", { key: '9d5d049e9989d97e2fcb87f728d03203ee1de28c', class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { key: '5556d60d0b23b76a8f78373aa08fe852ae14ac24', class: "sub-sub-menu" }, index.h("li", { key: 'c815d5dc8803372d3b5206348d4a0fb3c22b3170' }, index.h("a", { key: '3d9ac5a817b4ed5d259b678850033771e354bf4b', href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), index.h("li", { key: '1fd2ba71e396cf54aa5def7a7267fa22543a583a' }, index.h("a", { key: '3ba083e5538c9e4126df6e5e96223b5b1452d271', href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), index.h("li", { key: '77ac78d1454f125f2b0007f0fc7615103444dfe1' }, index.h("a", { key: '73a0aa3a956d1a07de7a3f12190badd802b3bcd5', href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green-match" }, "Green Match Fund")), index.h("li", { key: 'fd97f32610578ac18f9f045c9c6110345c2251fc' }, index.h("a", { key: '34f5d3648fe223d4c4b0d15f41cc9dcd64ad6c19', href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), index.h("li", { key: '74f9025678cd14b615d7d882312211060a683af4' }, index.h("a", { key: '684f326f8d1bbef280a5ee5568ec10f1138ef05f', href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), index.h("li", { key: '33aee411c616d5d4b4cfd93fc1f0c57e287b26a1' }, index.h("a", { key: 'cb6d75ad743979137c1a7c19314d9455a6f443f8', href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), index.h("li", { key: '765707d2ad1e1c354c020d65bda923b5944271d0' }, index.h("a", { key: 'b0d76f83b577b711003bc9e5c12c2de6ea3a1d16', href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), index.h("li", { key: '8ba9089664d7bbc1a2890202b02efe98508f4177' }, index.h("a", { key: 'fa42f4dc7494c076bde3a25feb741374320970c3', href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), index.h("li", { key: '4b83d39f69ea5faa3328c6bb509f2d78bee0d354' }, index.h("a", { key: 'dbbdd4b6d0d002160c1ccf86ac26607eac8ff0eb', href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), index.h("li", { key: '0c42e00944a44a4c06bbf72c347a249b59a4e96b' }, index.h("a", { key: '3a69959166c95687d0bdd973c84eeaeee85f3672', onClick: this.noNav }, "About Us", index.h("biggive-misc-icon", { key: '6593a0785da87e4a694145674637c931a9af0ef1', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { key: 'e6de97772b79b03fd296cafcfae91259a8ae234c', class: "sub-menu" }, index.h("li", { key: '66eb7601c50dfc77522117b580d1d19ed0883341' }, index.h("a", { key: '4f0d1808f9f3d347b0bd330c56d03d2bc63be8e8', href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), index.h("li", { key: '12fa94d5df3288587e0f46db38466582ac24175c' }, index.h("a", { key: '0cbb3cc07bf1e9d289857d7cf0c50e263f1269fd', href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), index.h("li", { key: 'e957e179db076c742f07bd3595fcbb6dc5a34725' }, index.h("a", { key: '23a7397768439b99eaf3efd62d1afa12dec94eb9', href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), index.h("li", { key: 'c818d5e3e75d07c05274f0780611281b1f06ed1b' }, index.h("a", { key: '63c31ab749055ed0a3f41747a912c6210b98350c', href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), index.h("li", { key: '459701e286d82f95a6f3bd7bcd5a09eb57174c61' }, index.h("a", { key: 'aee6be6cbac7d85c258aaaa4a498680cf0f26efd', href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), index.h("li", { key: '2f57bd003b53c234e90afd5df47bc69f902be413' }, index.h("a", { key: 'd8fcb913cc5ecd1368c79ad113cb3c43646d28b0', onClick: this.noNav }, "Resources", index.h("biggive-misc-icon", { key: '9ec79c9f296c66c3e3ad78754aaf9c7d46ca2074', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { key: '2ba67d0f687cf257577a29e008163d89bf29f40c', class: "sub-menu" }, index.h("li", { key: 'e9365b0f57d09890d8eaf338e94b72a7fd52257b' }, index.h("a", { key: 'ed62f2e5e6312d4a6d7f47b49957954ff25f53e7', href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), index.h("li", { key: '01a44a62d27c6cb9ca457a95d5293c47c10b6e8c' }, index.h("a", { key: '143d38f2f4c99502e1f9778782971d5025f950fe', href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), index.h("li", { key: '11c8bf0cefd0f4503370c8b130e6d783468798d2' }, index.h("a", { key: 'f4d19eecd0d66a14ec7d577466ebce15ec0cd607', href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), index.h("li", { key: 'bf4d7626dbcc65e9214dd4a2a9a6356bf7c4df0b' }, index.h("a", { key: '4f857f00e95f6de503faaa66f18d30833b0b86fc', href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), index.h("div", { key: '1d8e8b778e7873adb8168a330d3f94795942aa37', class: "mobile-only" }, secondaryNavLinksB)), index.h("div", { key: '97f62ec98b90635de645a93164eb3084fb91b4d0', class: "mobile-social-icon-wrap mobile-only" }, index.h("biggive-social-icon", { key: '411bdc3bbe72d54c616cb4278fdec07a57d38d13', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '922342c088eebb06035ebabfafe0e1f98b367ab9', service: "Twitter", url: "https://x.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: 'd7a784a98057c3a9c914cf8ef2acc7209f4722f3', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '8214734705acc8cf687d39bfe37704bfeedf8040', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '8921b7e31fcfa7ae1b5ac1be8c1d4aa3c7fc11b2', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
|
|
1072
|
+
const secondaryNavLinksForDesktop = this.getSecondaryNavLinks('desktop');
|
|
1073
|
+
const secondaryNavLinksForMobile = this.getSecondaryNavLinks('mobile');
|
|
1074
|
+
return (index.h(index.Host, { key: '5799990ab366e877d1cfd8ba28876b156b9c9d25' }, index.h("div", { key: '70b07e47876ff4c9fd6acf640a60537e04cccca7', class: "row row-top" }, index.h("div", { key: 'c10ba0aa6cee48cf4ef0bac93294cb8f442bdedf', class: "social-icon-wrap" }, index.h("biggive-social-icon", { key: '26d27c2833bba233b2310c9bb80e73a962241170', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '199152e500705fbd38183e7de7463a6a084fd972', service: "Twitter", url: "https://x.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '5f7e882b9e70e3b0e883e433dbec65100982a5c1', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '9ed77739a464ef741da900e605e9ce2a6d730339', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '4c435606fc44cba5be8059f2b315334c398d2907', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), index.h("div", { key: '79981d9fa6255d9a2a92744438c2e1745d648e56', class: "nav-secondary" }, secondaryNavLinksForDesktop)), index.h("nav", { key: 'bd722927629e5ff41412b883580adb588405f794', role: "navigation", "aria-label": "Main Menu" }, index.h("div", { key: '0f06af9986e4d921a184af39dedf0eefca1f133c', class: "navbar" }, index.h("div", { key: '0d8b2553d91c469832e7e8336331461991ef0e24', class: "logo" }, index.h("a", { key: '61c32bb0cbf9e764b75b49684dd71f8ca28d93da', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, index.h("svg", { key: '4987f595f546ffdfd21236fb7410519800b5c1a6', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, index.h("path", { key: '307b23850a343acdba92dfc35334a9b98dd03b02', d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), index.h("path", { key: 'dda27a2b2e79a55c6533ddf57bd4c885f0380bc2', d: "M13.5,1l13.5,23H0L13.5,1z" })))), index.h("biggive-misc-icon", { key: '1d9780f877084fb28f435ad506b29426fa3f0a0d', class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), index.h("div", { key: 'a776b674f9f453ba193a33b619cc9441c66c4af1', class: "nav-links" }, index.h("div", { key: '2a2df60dbd2f06d189dc144b7937b616dc58631d', class: "sidebar-logo" }, index.h("a", { key: '847172aabb0fa018dbfed38c499f3eb9581c5cc1', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, index.h("svg", { key: '36b877a2b9926a38f9982439da898eac680cee20', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, index.h("path", { key: 'bd7bd8d2b485928d7d7fc0c9c54e78be954bc921', d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), index.h("path", { key: '9fcf76895751b0928492b3e3e11c96989ebfd9ae', d: "M13.5,1l13.5,23H0L13.5,1z" }))), index.h("biggive-misc-icon", { key: 'b83efb884fbbc4899155184170fa6e24b16079a8', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), index.h("div", { key: 'be7571e6a4382439c94ca6c42cc01d0060f5b41a', id: "nav-primary" }, index.h("ul", { key: '992e6e15ac026b3742baf5cfe10316b4d6c7d6d7', class: "links", slot: "nav-primary" }, index.h("li", { key: '60fe8649e6d97a5d2c3400b1f9f899fe4cc3fa6c' }, index.h("a", { key: '9ca085499f70ce4c8d4a3af51ee3425257aba432', href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), index.h("li", { key: '5c2e975c97c8dd3500d5c911ae14490d5b441007' }, index.h("a", { key: '645554e81c34fdb829a6eeb9820f4a55b4c51593', href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), index.h("li", { key: '1fa63d92d677e1c919945d14255a7fa61c5d6f84' }, index.h("a", { key: '060573ba979346d5fbe95594e76a2d467f9f83f7', href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), index.h("li", { key: 'f67efc059ae9309ca84ceee5ca77df073020698d' }, index.h("a", { key: '67f2e167ea18d03a409d390c77234f8352c8ba3d', onClick: this.noNav }, "Match Funding", index.h("biggive-misc-icon", { key: '6270cef2799a03ade4aeb7bc5b3bb64dc643b370', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { key: '3acc3c4ade7600df34f5fc5e1ebfa5058639bb5c', class: "sub-menu" }, index.h("li", { key: '59fc188916401c9202a575db5da6906037862557' }, index.h("a", { key: '86368e30ce6229f3ae3260f63459c36ddc52f385', href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), index.h("li", { key: '41cfde5c5492626cc5873030fcb079930e49c859' }, index.h("a", { key: '085ededda262a28b704f18d27edbd24a4305d3df', href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), index.h("li", { key: 'fdb426f12d3c2096d885fde071276726e295ab21', class: "more" }, index.h("a", { key: 'f48bab54ac9c9b454dbb3dbbe6e887633425ca26', onClick: this.noNav }, "Match Funding Opportunities", index.h("biggive-misc-icon", { key: '87a98bcddc633461eed147a6dd2ba878155fa6a0', class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { key: '9089f65fd1b01d91ec30c86294aca5ccb0707b99', class: "sub-sub-menu" }, index.h("li", { key: 'bf0fe3566cb0a333de3b96727deae9ef139d7e83' }, index.h("a", { key: 'd0887a7cbc3b12a037523f863977419e96f275ff', href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), index.h("li", { key: '9cc047d13a94a49a20c2baa9ac12b73d110cfa0f' }, index.h("a", { key: '8e9c12e6f4ee011cf59db0ee81322c3787152534', href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), index.h("li", { key: '3b4996f001bd8e85e95e08c0302f781fd16c0e7b' }, index.h("a", { key: '22cd4982254aa7c0c0f4a0b41ee79e7f45da56f2', href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green-match" }, "Green Match Fund")), index.h("li", { key: '69b2906ec6365413caaee5c62af5789876408f9d' }, index.h("a", { key: 'fbc2f030eda023ecb5fe0cd30d4fd094e62a4efb', href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), index.h("li", { key: '0863ce6e2ff5da2d18692b1b73dc728ed33c5f2f' }, index.h("a", { key: '3837fd2e892d6beee3efa238c054854210c3c94d', href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), index.h("li", { key: '3bdc0a9c7af74388018c3c77ddcab93030c8b13d' }, index.h("a", { key: '2dff967dffcfcd339a1b3dd47995b538e2757925', href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), index.h("li", { key: 'bc817bd718d1853205108ea229c90cb39c172e29' }, index.h("a", { key: '8de5a2fa7ae7e770494d89538a3fb6adf6f39cbb', href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), index.h("li", { key: 'd3a1e25ce4ad774dd93a48b5ae42f8efb67c855f' }, index.h("a", { key: 'f739a3d86912d0477370d4730741fcbf913c8656', href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), index.h("li", { key: '0bd0c557ea661e175ecd06a654426a4d9774d80b' }, index.h("a", { key: '207984a7b894cd83647e89bb10364e8bb7990532', href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), index.h("li", { key: '0b422f0c0d5cd097cfed0564d7bd4f7a240fa77b' }, index.h("a", { key: '115734023289b3fc50f44fd04267013b465e87a8', onClick: this.noNav }, "About Us", index.h("biggive-misc-icon", { key: '18588157838a3a5b077bde2a3ba17086e5896220', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { key: '9066eec7f26bdb39436db9f6c5a800ab3dc457f2', class: "sub-menu" }, index.h("li", { key: '8066afb872f70326ecd3956d2c41b99995ae60ab' }, index.h("a", { key: '4fabf2e465032877abe7659eeeec22e0c189fd0e', href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), index.h("li", { key: '8f757a71ddef672117a93512e30e9611f857c12b' }, index.h("a", { key: '8713e50475bebed44b8ca7b3eb4aae00db2bb158', href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), index.h("li", { key: '9832eb293493e779b35db688d0e6da8840f9f573' }, index.h("a", { key: 'd3ed08441cec5390cd699eb6428c7eb66286d58d', href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), index.h("li", { key: '7267779eb74ca8d933bedf9714e16b76d3716815' }, index.h("a", { key: 'd347419fe8a5515a957ef86b9494ee3424fdf5bd', href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), index.h("li", { key: '40608c7a390a3465489eee2c73ad210712367902' }, index.h("a", { key: '7fb9bc2744a7d20e4e336a3804d1224e907d2a5c', href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), index.h("li", { key: 'd6ef26e5964eb8edc14b03f7ac8330de703d6b70' }, index.h("a", { key: '010eee1fb258229c06b970f1cfdd59e033bd9dd1', onClick: this.noNav }, "Resources", index.h("biggive-misc-icon", { key: 'e5f28fd856dbc46268acddc7198e3a53f72b8f5e', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), index.h("ul", { key: '8272b5f417b16128b089e219051d58a1e1a8db4d', class: "sub-menu" }, index.h("li", { key: '74483e9d4e7b9036ad3292a6637d781b52dc82c5' }, index.h("a", { key: '464879e99e865a91304552ab018be8406d095c86', href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), index.h("li", { key: '1c5d3bf6ba61fd798e5175e5c57b06d5c15b3d48' }, index.h("a", { key: '8ca272fb2fd7403d4cfc5bd3a94b53d49deeebd5', href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), index.h("li", { key: 'd2c0f9ec8f7ce327005d24a9a00aa92cb9c9e8dd' }, index.h("a", { key: '8b4f93b1f75228b3bc2350398d2e94e8917d2d41', href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), index.h("li", { key: '2bfadc47b5fb1365d97fe523b71d960722a48e87' }, index.h("a", { key: '95a8407c3ebb548be4f966cc36539ed85cfa2719', href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), index.h("div", { key: '3e1df30d58a442adaf172af82073b59235198aba', class: "mobile-only" }, secondaryNavLinksForMobile)), index.h("div", { key: '48c3b119f7c25855b26ac2ad32d113b0134e1d05', class: "mobile-social-icon-wrap mobile-only" }, index.h("biggive-social-icon", { key: '4bbe4dc0e718e75a7ee2b50015981f3089aa7dc9', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '48f02dd12185b2b0ca36b8eb426773fe5a1e7512', service: "Twitter", url: "https://x.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: '6b6cf016bcb16c79966cd9daa4be20c754ee8609', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: 'b479bc806f56242a0e86c1b60c9caac2c1f86f44', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), index.h("biggive-social-icon", { key: 'e25e83ce4661c2c5c821bb4eac10f30262b54522', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
|
|
1056
1075
|
}
|
|
1057
1076
|
get host() { return index.getElement(this); }
|
|
1058
1077
|
};
|