@biggive/components 202603041035.0.0 → 202603041449.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-01b01870.entry.js +1 -0
- package/dist/biggive/{p-3e51fab3.entry.js → p-07f6193b.entry.js} +1 -1
- package/dist/biggive/{p-ed72b6cb.entry.js → p-0b7708ae.entry.js} +1 -1
- package/dist/biggive/{p-e4ede33d.entry.js → p-0e1f7f8b.entry.js} +1 -1
- package/dist/biggive/{p-a0cb411e.entry.js → p-0eaeb864.entry.js} +1 -1
- package/dist/biggive/{p-dd48d791.entry.js → p-11764af6.entry.js} +1 -1
- package/dist/biggive/{p-037e588c.entry.js → p-1fddd3f0.entry.js} +1 -1
- package/dist/biggive/{p-9338e7c1.entry.js → p-2aefd822.entry.js} +1 -1
- package/dist/biggive/{p-6e5780dc.entry.js → p-2d91208e.entry.js} +1 -1
- package/dist/biggive/{p-77af8a2c.entry.js → p-3c4c2712.entry.js} +1 -1
- package/dist/biggive/{p-54d6e569.entry.js → p-3d8c0710.entry.js} +1 -1
- package/dist/biggive/{p-dba52c2f.entry.js → p-4e91f697.entry.js} +1 -1
- package/dist/biggive/{p-583b81d5.entry.js → p-579a0a78.entry.js} +1 -1
- package/dist/biggive/p-5b74ac73.entry.js +1 -0
- package/dist/biggive/{p-1b486f19.entry.js → p-63535bee.entry.js} +1 -1
- package/dist/biggive/{p-2e5c4831.entry.js → p-65b741e1.entry.js} +1 -1
- package/dist/biggive/{p-b497b37d.entry.js → p-66b4e7fb.entry.js} +1 -1
- package/dist/biggive/{p-911163f6.entry.js → p-690b46f6.entry.js} +1 -1
- package/dist/biggive/{p-24b533fc.entry.js → p-6c98331d.entry.js} +1 -1
- package/dist/biggive/{p-d93dd889.entry.js → p-6ec4baac.entry.js} +1 -1
- package/dist/biggive/p-735524b5.entry.js +1 -0
- package/dist/biggive/{p-a04a3dcd.entry.js → p-7631b461.entry.js} +1 -1
- package/dist/biggive/p-8c35329c.entry.js +1 -0
- package/dist/biggive/p-8fe710bc.entry.js +1 -0
- package/dist/biggive/{p-cf0f0e95.entry.js → p-923b2c98.entry.js} +1 -1
- package/dist/biggive/{p-8c0d8fd8.entry.js → p-94e1906f.entry.js} +1 -1
- package/dist/biggive/{p-b50acebb.entry.js → p-9852ff0b.entry.js} +1 -1
- package/dist/biggive/{p-576aaaaf.entry.js → p-a18dfe2b.entry.js} +1 -1
- package/dist/biggive/p-a3cdc8c9.entry.js +1 -0
- package/dist/biggive/{p-edbf61fa.entry.js → p-a67926e6.entry.js} +1 -1
- package/dist/biggive/{p-73f2f99c.entry.js → p-aa7934db.entry.js} +1 -1
- package/dist/biggive/{p-7b740cd7.entry.js → p-afa033d2.entry.js} +1 -1
- package/dist/biggive/{p-c284d1e0.entry.js → p-c3358a9f.entry.js} +1 -1
- package/dist/biggive/{p-71f14913.entry.js → p-cbbd3d27.entry.js} +1 -1
- package/dist/biggive/{p-b14f0b9c.entry.js → p-d00f7e85.entry.js} +1 -1
- package/dist/biggive/{p-a1844f9c.entry.js → p-d0b9afaf.entry.js} +1 -1
- package/dist/biggive/{p-82a15b54.entry.js → p-d4278701.entry.js} +1 -1
- package/dist/biggive/{p-f35841cf.entry.js → p-e0de3e38.entry.js} +1 -1
- package/dist/biggive/{p-7e6d82d9.entry.js → p-e26f4e83.entry.js} +1 -1
- package/dist/biggive/{p-eae85d23.entry.js → p-f01e6a78.entry.js} +1 -1
- package/dist/biggive/p-fe51dc95.entry.js +1 -0
- package/dist/cjs/biggive-button.cjs.entry.js +25 -6
- package/dist/cjs/biggive-call-to-action.cjs.entry.js +1 -1
- package/dist/cjs/biggive-campaign-card.cjs.entry.js +2 -2
- package/dist/cjs/biggive-campaign-highlights.cjs.entry.js +1 -1
- package/dist/cjs/biggive-container-card.cjs.entry.js +1 -1
- package/dist/cjs/biggive-cookie-banner.cjs.entry.js +1 -1
- package/dist/cjs/biggive-form-field-select.cjs.entry.js +2 -2
- package/dist/cjs/biggive-form.cjs.entry.js +1 -1
- package/dist/cjs/biggive-formatted-text.cjs.entry.js +1 -1
- package/dist/cjs/biggive-grid.cjs.entry.js +1 -1
- package/dist/cjs/biggive-heading-banner.cjs.entry.js +2 -2
- package/dist/cjs/biggive-heading.cjs.entry.js +1 -1
- package/dist/cjs/biggive-hero-image.cjs.entry.js +2 -2
- package/dist/cjs/biggive-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/biggive-image-button.cjs.entry.js +2 -2
- package/dist/cjs/biggive-image-card.cjs.entry.js +2 -2
- package/dist/cjs/biggive-image-feature.cjs.entry.js +1 -1
- package/dist/cjs/biggive-image.cjs.entry.js +1 -1
- package/dist/cjs/biggive-main-menu.cjs.entry.js +4 -3
- package/dist/cjs/biggive-misc-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive-nav-group.cjs.entry.js +1 -1
- package/dist/cjs/biggive-nav-item.cjs.entry.js +1 -1
- package/dist/cjs/biggive-page-column.cjs.entry.js +1 -1
- package/dist/cjs/biggive-page-columns.cjs.entry.js +1 -1
- package/dist/cjs/biggive-page-section.cjs.entry.js +2 -2
- package/dist/cjs/biggive-popup.cjs.entry.js +1 -1
- package/dist/cjs/biggive-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/biggive-quote.cjs.entry.js +3 -3
- package/dist/cjs/biggive-sheet.cjs.entry.js +1 -1
- package/dist/cjs/biggive-social-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive-tab.cjs.entry.js +1 -1
- package/dist/cjs/biggive-tabbed-content.cjs.entry.js +2 -2
- package/dist/cjs/biggive-table.cjs.entry.js +2 -2
- package/dist/cjs/biggive-text-input.cjs.entry.js +1 -1
- package/dist/cjs/biggive-timeline.cjs.entry.js +2 -2
- package/dist/cjs/biggive-totalizer-ticker-item.cjs.entry.js +1 -1
- package/dist/cjs/biggive-totalizer.cjs.entry.js +1 -1
- package/dist/cjs/biggive-video-feature.cjs.entry.js +1 -1
- package/dist/cjs/biggive-video.cjs.entry.js +1 -1
- package/dist/cjs/philco-footer.cjs.entry.js +1 -1
- package/dist/cjs/philco-main-menu.cjs.entry.js +1 -1
- package/dist/collection/components/biggive-button/biggive-button.js +25 -6
- package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.js +1 -1
- package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js +2 -2
- package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.js +1 -1
- package/dist/collection/components/biggive-container-card/biggive-container-card.js +1 -1
- package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.js +1 -1
- package/dist/collection/components/biggive-form/biggive-form.js +1 -1
- package/dist/collection/components/biggive-form-field-select/biggive-form-field-select.js +2 -2
- package/dist/collection/components/biggive-formatted-text/biggive-formatted-text.js +1 -1
- package/dist/collection/components/biggive-grid/biggive-grid.js +1 -1
- package/dist/collection/components/biggive-heading/biggive-heading.js +1 -1
- package/dist/collection/components/biggive-heading-banner/biggive-heading-banner.js +2 -2
- package/dist/collection/components/biggive-hero-image/biggive-hero-image.js +2 -2
- package/dist/collection/components/biggive-icon-button/biggive-icon-button.js +2 -2
- package/dist/collection/components/biggive-image/biggive-image.js +1 -1
- package/dist/collection/components/biggive-image-button/biggive-image-button.js +2 -2
- package/dist/collection/components/biggive-image-card/biggive-image-card.js +2 -2
- package/dist/collection/components/biggive-image-feature/biggive-image-feature.js +1 -1
- package/dist/collection/components/biggive-main-menu/biggive-main-menu.js +4 -3
- package/dist/collection/components/biggive-misc-icon/biggive-misc-icon.js +1 -1
- package/dist/collection/components/biggive-nav-group/biggive-nav-group.js +1 -1
- package/dist/collection/components/biggive-nav-item/biggive-nav-item.js +1 -1
- package/dist/collection/components/biggive-page-column/biggive-page-column.js +1 -1
- package/dist/collection/components/biggive-page-columns/biggive-page-columns.js +1 -1
- package/dist/collection/components/biggive-page-section/biggive-page-section.js +2 -2
- package/dist/collection/components/biggive-popup/biggive-popup.js +1 -1
- package/dist/collection/components/biggive-progress-bar/biggive-progress-bar.js +1 -1
- package/dist/collection/components/biggive-quote/biggive-quote.js +3 -3
- package/dist/collection/components/biggive-sheet/biggive-sheet.js +1 -1
- package/dist/collection/components/biggive-social-icon/biggive-social-icon.js +1 -1
- package/dist/collection/components/biggive-tab/biggive-tab.js +1 -1
- package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.js +2 -2
- package/dist/collection/components/biggive-table/biggive-table.js +2 -2
- package/dist/collection/components/biggive-text-input/biggive-text-input.js +1 -1
- package/dist/collection/components/biggive-timeline/biggive-timeline.js +2 -2
- package/dist/collection/components/biggive-totalizer/biggive-totalizer.js +1 -1
- package/dist/collection/components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item.js +1 -1
- package/dist/collection/components/biggive-video/biggive-video.js +1 -1
- package/dist/collection/components/biggive-video-feature/biggive-video-feature.js +1 -1
- package/dist/collection/components/philco-footer/philco-footer.js +1 -1
- package/dist/collection/components/philco-main-menu/philco-main-menu.js +1 -1
- package/dist/components/biggive-button2.js +1 -1
- package/dist/components/biggive-call-to-action.js +1 -1
- package/dist/components/biggive-campaign-card.js +1 -1
- package/dist/components/biggive-campaign-highlights.js +1 -1
- package/dist/components/biggive-container-card.js +1 -1
- package/dist/components/biggive-cookie-banner.js +1 -1
- package/dist/components/biggive-form-field-select2.js +1 -1
- package/dist/components/biggive-form.js +1 -1
- package/dist/components/biggive-formatted-text.js +1 -1
- package/dist/components/biggive-grid.js +1 -1
- package/dist/components/biggive-heading-banner.js +1 -1
- package/dist/components/biggive-heading.js +1 -1
- package/dist/components/biggive-hero-image.js +1 -1
- package/dist/components/biggive-icon-button.js +1 -1
- package/dist/components/biggive-image-button.js +1 -1
- package/dist/components/biggive-image-card.js +1 -1
- package/dist/components/biggive-image-feature.js +1 -1
- package/dist/components/biggive-image.js +1 -1
- package/dist/components/biggive-main-menu.js +1 -1
- package/dist/components/biggive-misc-icon2.js +1 -1
- package/dist/components/biggive-nav-group.js +1 -1
- package/dist/components/biggive-nav-item.js +1 -1
- package/dist/components/biggive-page-column.js +1 -1
- package/dist/components/biggive-page-columns.js +1 -1
- package/dist/components/biggive-page-section.js +1 -1
- package/dist/components/biggive-popup2.js +1 -1
- package/dist/components/biggive-progress-bar2.js +1 -1
- package/dist/components/biggive-quote.js +1 -1
- package/dist/components/biggive-sheet.js +1 -1
- package/dist/components/biggive-social-icon2.js +1 -1
- package/dist/components/biggive-tab.js +1 -1
- package/dist/components/biggive-tabbed-content.js +1 -1
- package/dist/components/biggive-table.js +1 -1
- package/dist/components/biggive-text-input.js +1 -1
- package/dist/components/biggive-timeline.js +1 -1
- package/dist/components/biggive-totalizer-ticker-item.js +1 -1
- package/dist/components/biggive-totalizer.js +1 -1
- package/dist/components/biggive-video-feature.js +1 -1
- package/dist/components/biggive-video.js +1 -1
- package/dist/components/philco-footer.js +1 -1
- package/dist/components/philco-main-menu.js +1 -1
- package/dist/esm/biggive-button.entry.js +25 -6
- package/dist/esm/biggive-call-to-action.entry.js +1 -1
- package/dist/esm/biggive-campaign-card.entry.js +2 -2
- package/dist/esm/biggive-campaign-highlights.entry.js +1 -1
- package/dist/esm/biggive-container-card.entry.js +1 -1
- package/dist/esm/biggive-cookie-banner.entry.js +1 -1
- package/dist/esm/biggive-form-field-select.entry.js +2 -2
- package/dist/esm/biggive-form.entry.js +1 -1
- package/dist/esm/biggive-formatted-text.entry.js +1 -1
- package/dist/esm/biggive-grid.entry.js +1 -1
- package/dist/esm/biggive-heading-banner.entry.js +2 -2
- package/dist/esm/biggive-heading.entry.js +1 -1
- package/dist/esm/biggive-hero-image.entry.js +2 -2
- package/dist/esm/biggive-icon-button.entry.js +2 -2
- package/dist/esm/biggive-image-button.entry.js +2 -2
- package/dist/esm/biggive-image-card.entry.js +2 -2
- package/dist/esm/biggive-image-feature.entry.js +1 -1
- package/dist/esm/biggive-image.entry.js +1 -1
- package/dist/esm/biggive-main-menu.entry.js +4 -3
- package/dist/esm/biggive-misc-icon.entry.js +1 -1
- package/dist/esm/biggive-nav-group.entry.js +1 -1
- package/dist/esm/biggive-nav-item.entry.js +1 -1
- package/dist/esm/biggive-page-column.entry.js +1 -1
- package/dist/esm/biggive-page-columns.entry.js +1 -1
- package/dist/esm/biggive-page-section.entry.js +2 -2
- package/dist/esm/biggive-popup.entry.js +1 -1
- package/dist/esm/biggive-progress-bar.entry.js +1 -1
- package/dist/esm/biggive-quote.entry.js +3 -3
- package/dist/esm/biggive-sheet.entry.js +1 -1
- package/dist/esm/biggive-social-icon.entry.js +1 -1
- package/dist/esm/biggive-tab.entry.js +1 -1
- package/dist/esm/biggive-tabbed-content.entry.js +2 -2
- package/dist/esm/biggive-table.entry.js +2 -2
- package/dist/esm/biggive-text-input.entry.js +1 -1
- package/dist/esm/biggive-timeline.entry.js +2 -2
- package/dist/esm/biggive-totalizer-ticker-item.entry.js +1 -1
- package/dist/esm/biggive-totalizer.entry.js +1 -1
- package/dist/esm/biggive-video-feature.entry.js +1 -1
- package/dist/esm/biggive-video.entry.js +1 -1
- package/dist/esm/philco-footer.entry.js +1 -1
- package/dist/esm/philco-main-menu.entry.js +1 -1
- package/dist/types/components/biggive-button/biggive-button.d.ts +1 -0
- package/hydrate/index.js +81 -61
- package/hydrate/index.mjs +81 -61
- package/package.json +1 -1
- package/dist/biggive/p-089c4ecd.entry.js +0 -1
- package/dist/biggive/p-32992f5d.entry.js +0 -1
- package/dist/biggive/p-68b7ce7e.entry.js +0 -1
- package/dist/biggive/p-6e674d92.entry.js +0 -1
- package/dist/biggive/p-87c905c1.entry.js +0 -1
- package/dist/biggive/p-bdce8162.entry.js +0 -1
- package/dist/biggive/p-d9b8de97.entry.js +0 -1
package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.js
CHANGED
|
@@ -11,7 +11,7 @@ export class BiggiveCampaignHighlights {
|
|
|
11
11
|
this.progressBarCounter = undefined;
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h("div", { key: '
|
|
14
|
+
return (h("div", { key: 'f7b373cc1fa7ce35832e8702e05f4e34ed99c525', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '0417ce876afcaff59b7d000f1f34b811dbde9a4f', class: "sleeve" }, this.campaignTitle != null ? (h("div", { class: "campaign-title" }, h("span", null, this.campaignTitle))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : null, h("div", { key: '058c5f3dc7cda08f25cba8f3f425ce46002dd6c6', class: "meta-wrap" }, h("div", { key: '2c5d29f1b0c0e35659f32d9e8079f5e56c2c1eac', class: "meta-item" }, h("span", { key: 'f480c28ee657c76930f43a14f8770119a94dd627', class: "label" }, this.primaryFigureLabel), h("span", { key: 'cf9dbddab05ccc8e4febb17cfb4d4af9cfe13036', class: "text" }, this.primaryFigureAmount)), h("div", { key: 'aadd58d365a6df08a82fa7c046709489f703b434', class: "meta-item" }, h("span", { key: 'c284a1c8b2b8abca0ef64abf37fc27c338715da1', class: "label" }, this.secondaryFigureLabel), h("span", { key: 'e8cc91da7a4018fadcbf64bda7ff28846e820de8', class: "text" }, this.secondaryFigureAmount))), h("div", { key: 'b222cc04d2b9f8eeb32b222c2028b5bfa2ce5f75', class: "progress-bar-wrap" }, h("biggive-progress-bar", { key: 'd1d413de6f0f2271e66b85c11f6dd4145d1c643c', counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { key: '238049c444c0b65bc0e572cee9872f7e7d311e2a', class: "stat-wrap" }, this.primaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.secondaryStatText))) : null), this.championName != null ? (h("div", { class: "championed-by" }, "Championed by ", h("a", { href: this.championUrl }, this.championName))) : null)));
|
|
15
15
|
}
|
|
16
16
|
static get is() { return "biggive-campaign-highlights"; }
|
|
17
17
|
static get encapsulation() { return "shadow"; }
|
|
@@ -11,7 +11,7 @@ export class BiggiveContainerCard {
|
|
|
11
11
|
this.headingLevel = 3;
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h("div", { key: '
|
|
14
|
+
return (h("div", { key: 'f5885e75cb1ca80906804d7763c76e9c34b1fa60', class: 'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { key: '42070d8b1e1c61826969d9c21e75a3959ea81138', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("slot", { key: '43029a255440a863fbf187bc0f42c34f8bec891d' }))));
|
|
15
15
|
}
|
|
16
16
|
static get is() { return "biggive-container-card"; }
|
|
17
17
|
static get encapsulation() { return "shadow"; }
|
|
@@ -59,7 +59,7 @@ export class BiggiveCookieBanner {
|
|
|
59
59
|
// then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as
|
|
60
60
|
// declined.
|
|
61
61
|
const cookiesCurrentlyAllowed = this.previouslyAgreedCookiePreferences || {};
|
|
62
|
-
return (h("div", { key: '
|
|
62
|
+
return (h("div", { key: '2ee762a4640a2e1ff255f9180678cf4dbfd2a598', class: "cooke-consent-container" }, h("biggive-popup", { key: '9d39b792cfd48459a51e16a17c212f7aa96cdb35', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: '6c486081f247c2f9c4dff5b8e3c177e43da36261', class: "content" }, h("h4", { key: '547ae87c1d361e0161be3aa6315faac3fb44e6db', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: 'ab5a6534d73331e4a5018777cdb8c7cc3b2b149f' }, h("div", { key: '027ebb76da24705c89dd0e7af9efc9422df248d5', class: "radio-group" }, h("h5", { key: '1c62fe21a32c3bdc848926e724ec40d6576115a3' }, "Essential Cookies"), h("p", { key: '98f449597690871d767eac1c1b27a39c4ff18e25' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: '4b2052c2f6f27906c81abfbbe865838254dc6051', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: 'f6ab1b8625211d554247ef4c0cf5d9f799b2515c', htmlFor: "necassary-on" }, "Off"), h("input", { key: '272f94637c70e08713e571e7f3b17a1b41146852', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: '3e68f999e48edf31e32e1f130650df9a22e7e787', htmlFor: "necassary-on" }, "On")), h("div", { key: '3b362a4ce9e7554459548e9cee7ee8ce872bb004', class: "radio-group" }, h("h5", { key: '9b8eac4ea8b6af098173981e6025c05bc899e709' }, "Analytics & Testing Cookies"), h("p", { key: '000d21c0e10f879a35ac5557e9484c42bfdae312' }, "We use analytics cookies to track activity on our website. For example, the pages you\u2019ve visited, the content you\u2019ve engaged with and the search terms you\u2019ve used. This allows us to personalise and improve our content."), h("p", { key: '675349e29fad1b3de7d2fdafcedeee10feb125b6' }, "We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance your user experience."), h("input", { key: '0e6d334945abcc1a141d961393d1524c6770de0c', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: 'a723fd69b03b9b90ced9520761201a171f792ddb', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: 'ff4f269d26fc5844cd524c37fc0824ef1398d021', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '6ffc75bb6a62603d7a17ad15527f5ca332e7b132', htmlFor: "a-and-t-on" }, "On")), h("div", { key: 'd329c1108db6cb261d26d90a920eb1849b08f761', class: "radio-group" }, h("h5", { key: '130a8ab018ce11ed335a06288267de9e200d7745' }, "Third-party Cookies "), h("p", { key: 'b8371a30da31cb25675a48af00817259e33b7512' }, "These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our donation experience survey."), h("input", { key: '68df1be21a7bd82efd2150b18e6c1ee9d808157e', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'd3c37fc2aba4109dbdc17fe55cba69974cf846b4', htmlFor: "third-party-off" }, "Off"), h("input", { key: '8be79cae8752cb1ceedb9afbd4ce2dd972c994ed', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'ee33fce47b0e79d2feee1bf62e36ec0e8d65bf18', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: '06e52ca0afb5bf900a3cc91c3f5902eb7890cd1d', "space-below": "0", "space-above": "2", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept Selected Cookies", "open-in-new-tab": "false", "full-width": "false", size: "small", rounded: false, centered: false, "button-id": "accept-selected-button", onClick: this.handleAcceptSelectedCookies })), h("p", { key: 'd99c4a4e8a86ca26fe87600ab9c3ece9ad373821' }, "You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))), h("h2", { key: '7a498a8dc55809054149d3011fc8a4b69576ef43' }, "Our website uses cookies"), h("p", { key: '151ac7c14c937df38451e1dbae94a2d4c37a88ea' }, "We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."), h("p", { key: '0439ea1fff021b9ecc68306004cf9c44e41a38a7' }, h("a", { key: '414b4d79da2fe0b23a5a44cd622f3c13fc36d3ea', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: '831531018c437181a45e82472e5aef80ca021dab', class: "button-group" }, h("biggive-button", { key: '49ca756f041fc1d8d6c1fca330d71ad8a1beb573', onClick: this.handleAcceptAllClick, "space-below": "0", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "accept-all-button" }), h("biggive-button", { key: '1698931eed62e2891486daa680c478be16f356ee', onClick: this.handleRejectAllClicked, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Essential Cookies Only", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }), h("biggive-button", { key: 'b3c22143d00da7f56fe532607c21493045d414d8', onClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
|
|
63
63
|
}
|
|
64
64
|
static get is() { return "biggive-cookie-banner"; }
|
|
65
65
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
|
2
2
|
export class BiggiveForm {
|
|
3
3
|
render() {
|
|
4
|
-
return (h(Host, { key: '
|
|
4
|
+
return (h(Host, { key: 'f53ec3f41574f2e6f83dcfdff9a8e6435be502d3' }, h("slot", { key: '5e8fd949fe122a3bd20ace57a28fa7e9b2113c7b' })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "biggive-form"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -26,12 +26,12 @@ export class BiggiveFormFieldSelect {
|
|
|
26
26
|
}
|
|
27
27
|
// Give the select a random id so we can reference it from a label
|
|
28
28
|
const selectId = this.selectElementId || 'select-' + this.getRandomInt().toString();
|
|
29
|
-
return (h("div", { key: '
|
|
29
|
+
return (h("div", { key: 'a62c4b4e0b8536d2e9239235af60e3d6ff4e813a', class: "selectWrapper" }, h("label", { key: '15dde1c309b0aa5dee99849a00b3591180f3fe3e', class: greyIfRequired, htmlFor: selectId }, h("div", { key: '7f11a1824d7d203f0e54740b1010652eed36a322', class: 'prompt' + greyIfRequired }, this.prompt)), h("div", { key: 'af756e205276e7df9088cd2f6fb21f4b76cd5685', class: 'dropdown space-below-' +
|
|
30
30
|
this.spaceBelow +
|
|
31
31
|
' select-style-' +
|
|
32
32
|
this.selectStyle +
|
|
33
33
|
(this.prompt === null ? ' noprompt' : '') +
|
|
34
|
-
(this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, h("div", { key: '
|
|
34
|
+
(this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, h("div", { key: 'be6b268cffd0db3a7ddf7b4b888425c380ca2cfa', class: "sleeve" }, h("select", { key: '16118fe97259667c485fc099bdfc632ebe9f46b4', id: selectId, class: greyIfRequired, onChange: this.doOptionSelectCompletedHandler, "aria-label": this.prompt === null ? this.placeholder : this.prompt }, options.map(option => (h("option", { selected: this.selectedValue === option.value, value: option.value }, option.label)))), h("div", { key: '0df87df7ebf208706906c961ec7c0b2899eb3382', class: "arrow" })))));
|
|
35
35
|
}
|
|
36
36
|
formatOptions(options) {
|
|
37
37
|
if (options === undefined) {
|
|
@@ -8,7 +8,7 @@ export class BiggiveFormattedText {
|
|
|
8
8
|
render() {
|
|
9
9
|
const defaultColourSet = typeof this.defaultTextColour === 'string' && this.defaultTextColour.trim() !== '';
|
|
10
10
|
const anyDefaultColourClass = defaultColourSet ? ' text-colour-' + this.defaultTextColour : '';
|
|
11
|
-
return (h("div", { key: '
|
|
11
|
+
return (h("div", { key: '39ae5e63707621a6e4d7d991d56562410a8937a2', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + anyDefaultColourClass + ' space-below-' + this.spaceBelow }, h("slot", { key: '1b87428ede7d1b8a9e3423fdadc55b611966d244' })));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "biggive-formatted-text"; }
|
|
14
14
|
static get encapsulation() { return "shadow"; }
|
|
@@ -10,7 +10,7 @@ export class BiggiveGrid {
|
|
|
10
10
|
this.columnGap = 0;
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h("div", { key: '
|
|
13
|
+
return (h("div", { key: 'f9af69197773e6b22b16c3936888c308ebfc5012', class: 'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '') }, h("slot", { key: '9abb765f90e5f02e3b517e90ff73309b6b3f47f6' })));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "biggive-grid"; }
|
|
16
16
|
static get encapsulation() { return "shadow"; }
|
|
@@ -14,7 +14,7 @@ export class BiggiveHeading {
|
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
16
|
const Tag = this.htmlElement;
|
|
17
|
-
return (h("div", { key: '
|
|
17
|
+
return (h("div", { key: '77973ce87d27cd4c398e6896a970b04ec295ca5d', class: 'container ' + this.siteDesign + ' align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h(Tag, { key: '30909e98ecc92293ea8537567ba5e87ab1f81af5', class: 'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size }, this.icon ? (h("svg", { viewBox: "0 0 102 88" }, h("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), h("path", { d: "M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z" }))) : null, this.text)));
|
|
18
18
|
}
|
|
19
19
|
static get is() { return "biggive-heading"; }
|
|
20
20
|
static get encapsulation() { return "shadow"; }
|
|
@@ -64,14 +64,14 @@ export class BiggiveHeadingBanner {
|
|
|
64
64
|
teaserBlock =
|
|
65
65
|
this.targetUrl === undefined ? (h("div", { class: "teaser", style: { color: teaserColour } }, teaserLines)) : (h("a", { href: this.targetUrl, class: "banner-link" }, h("div", { class: "teaser", style: { color: teaserColour } }, teaserLines)));
|
|
66
66
|
}
|
|
67
|
-
return (h("div", { key: '
|
|
67
|
+
return (h("div", { key: 'c9edf2e8c3340b4a6b5fc05b07ed297bb7308e14', class: {
|
|
68
68
|
banner: true,
|
|
69
69
|
short: this.height === 'short',
|
|
70
70
|
}, style: {
|
|
71
71
|
'background-color': bgColor,
|
|
72
72
|
} }, typeof this.mainImageUrl === 'string' && this.mainImageUrl !== '' ? (h("img", { class: "background", src: this.mainImageUrl, alt: "", style: {
|
|
73
73
|
'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,
|
|
74
|
-
} })) : null, h("div", { key: '
|
|
74
|
+
} })) : null, h("div", { key: '43c4e4f3ea938dc9408c3526331c82357dfc8803', class: "sleeve" }, h("div", { key: '7b7c0fc3b138d53940eeffb63df063c332c1a29e', class: "content-wrap", style: {
|
|
75
75
|
'background-color': textBgColor,
|
|
76
76
|
} }, logo ? (h("div", { class: "logo" }, h("img", { src: logo.url, alt: logo.alt || '' }))) : null, this.slug != undefined ? (h("div", { style: {
|
|
77
77
|
color: slugColour,
|
|
@@ -54,9 +54,9 @@ export class BiggiveHeroImage {
|
|
|
54
54
|
// `pre` or `pre-wrap` so that literal whitespace inserted into the rendered output doesn't affect the layout.
|
|
55
55
|
// Assuming that this is needed only for the teaser, and the main title would never contain a line break.
|
|
56
56
|
const teaserLines = this.lineBreakToBr(this.teaser);
|
|
57
|
-
return (h("div", { key: '
|
|
57
|
+
return (h("div", { key: '442fb0124ed28469d21f51ab03719033227da7ee', class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow, style: this.mainImageShape === 'rectangle' ? { 'background-image': 'url(' + this.mainImage + ')', 'background-size': 'cover' } : {} }, h("div", { key: 'f69590e6ed20bd29f9d066c754ea4ba5adedf172', class: "sleeve" }, h("div", { key: 'b90f3ad69671b9fa54816cce13d0d690d448da2b', class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: 'logo image-wrap logo-height-' + this.logoHeight }, h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : h("div", { class: 'logo-space logo-height-' + this.logoHeight }), ((_b = this.logo) === null || _b === void 0 ? void 0 : _b.length) > 0 || ((_c = this.slug) === null || _c === void 0 ? void 0 : _c.length) > 0
|
|
58
58
|
? (h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug))
|
|
59
|
-
: null, h("h1", { key: '
|
|
59
|
+
: null, h("h1", { key: '7c41416de623350313f1478086c609980753c65a', class: mainTitleClasses }, this.mainTitle), h("div", { key: '5b7613c5c2b083525a9f1e7e38b8d71db02ac1ac', class: teaserClasses }, teaserLines), this.buttonLabel != null && this.buttonUrl != null
|
|
60
60
|
? h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
|
|
61
61
|
: null), this.mainImageShape === 'triangle' && this.mainImage !== null ? (h("div", { class: "graphic-wrap" }, h("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } }))) : null)));
|
|
62
62
|
}
|
|
@@ -19,7 +19,7 @@ export class BiggiveIconButton {
|
|
|
19
19
|
};
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h("div", { key: '
|
|
22
|
+
return (h("div", { key: '844beaaf27d4d92d43bd60ed194f69f713bda0ce', class: 'container space-below-' +
|
|
23
23
|
this.spaceBelow +
|
|
24
24
|
' background-colour-' +
|
|
25
25
|
this.backgroundColour +
|
|
@@ -30,7 +30,7 @@ export class BiggiveIconButton {
|
|
|
30
30
|
' rounded-' +
|
|
31
31
|
this.rounded +
|
|
32
32
|
' shadow-' +
|
|
33
|
-
this.shadow }, h("a", { key: '
|
|
33
|
+
this.shadow }, h("a", { key: '2b62274fc31c603a5951972005c0cf9c99105fd5', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, h("div", { key: 'a8f62d0f22d7f53c2a396a32a4c988519fef0eca', class: "sleeve", onClick: this.handleButtonClick }, h("div", { key: 'c2650d09652cb8429b36208feec045dc0b52f4a2', class: 'icon-wrap ' + ' size-' + this.size + ' circle-' + this.circle.toString() }, h("biggive-misc-icon", { key: 'e7db1c4cfe4a01635760bf4e6ce8c2a60f8b2c73', icon: this.icon })), this.text != '' ? h("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (h("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, h("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
|
|
34
34
|
}
|
|
35
35
|
static get is() { return "biggive-icon-button"; }
|
|
36
36
|
static get encapsulation() { return "shadow"; }
|
|
@@ -45,7 +45,7 @@ export class BiggiveImage {
|
|
|
45
45
|
return height;
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
|
-
return (h("div", { key: '
|
|
48
|
+
return (h("div", { key: '3e44394d9bb7ee5e2c4be0e675b211c625b9c72f', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, h("div", { key: '4de14aab74799e98d3ef26becbcd743a41e132a6', class: "image-wrap" }, h("img", { key: 'c9cdbbe0b8b8b6a2a396e99cd106f9254191ee3a', src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
|
|
49
49
|
}
|
|
50
50
|
static get is() { return "biggive-image"; }
|
|
51
51
|
static get encapsulation() { return "shadow"; }
|
|
@@ -20,7 +20,7 @@ export class BiggiveImageButton {
|
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return (h("div", { key: '
|
|
23
|
+
return (h("div", { key: '17618f72a48f2594d66d58a91a7423f9bd2ab821', class: 'container space-below-' +
|
|
24
24
|
this.spaceBelow +
|
|
25
25
|
' background-colour-' +
|
|
26
26
|
this.backgroundColour +
|
|
@@ -31,7 +31,7 @@ export class BiggiveImageButton {
|
|
|
31
31
|
' rounded-' +
|
|
32
32
|
this.rounded +
|
|
33
33
|
' shadow-' +
|
|
34
|
-
this.shadow }, h("a", { key: '
|
|
34
|
+
this.shadow }, h("a", { key: 'b2c51883d291a275d2b859a4d78ed3cdedd2a6ea', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, h("div", { key: '11347c4e49e395e9beb656af1fb1493e4b1b077d', class: "sleeve", onClick: this.handleButtonClick }, h("div", { key: '1edcfd61205938b179b8c531d8c2145a6dc3626f', class: 'image-wrap ' + ' image-style-' + this.imageStyle + ' size-' + this.size + ' circle-' + this.circle.toString(), style: { backgroundImage: 'url(' + this.imageUrl + ')' } }), this.text != '' ? h("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (h("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, h("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
|
|
35
35
|
}
|
|
36
36
|
static get is() { return "biggive-image-button"; }
|
|
37
37
|
static get encapsulation() { return "shadow"; }
|
|
@@ -13,7 +13,7 @@ export class BiggiveImageCard {
|
|
|
13
13
|
this.addAnimation = false;
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h("div", { key: '
|
|
16
|
+
return (h("div", { key: '3c87c3e3092fedb7ec555df2de6fdc7028620202', class: 'container space-below-' +
|
|
17
17
|
this.spaceBelow +
|
|
18
18
|
' background-colour-' +
|
|
19
19
|
this.backgroundColour +
|
|
@@ -22,7 +22,7 @@ export class BiggiveImageCard {
|
|
|
22
22
|
' clip-top-right-corner-' +
|
|
23
23
|
this.clipTopRightCorner +
|
|
24
24
|
' add-animation-' +
|
|
25
|
-
this.addAnimation }, h("a", { key: '
|
|
25
|
+
this.addAnimation }, h("a", { key: '9c7438a9283793114968695c207c12d8400b8ab9', href: this.buttonUrl }, h("div", { key: '66e76b914085077b6d5fa5aa243859368936738b', class: 'sleeve text-colour-' + this.teaserColour + ' text-align-' + this.textAlign }, h("div", { key: '0f640f492b81887b464427bb2ac20dd1b9d928e0', class: "content-wrap" }, this.mainImageUrl != '' ? (h("div", { class: "main-image-container" }, h("div", { class: "image-wrap" }, h("img", { src: this.mainImageUrl, alt: this.mainImageAltText, title: this.mainImageAltText })))) : null, h("div", { key: '8c38c59d7b67b66a8464363a7b91059352ccf03e', class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (h("div", { class: 'button-wrap align-' + this.buttonAlign }, h("biggive-button", { "colour-scheme": this.buttonColourScheme, label: this.buttonLabel }))) : null)))));
|
|
26
26
|
}
|
|
27
27
|
static get is() { return "biggive-image-card"; }
|
|
28
28
|
static get encapsulation() { return "shadow"; }
|
|
@@ -35,7 +35,7 @@ export class BiggiveImageFeature {
|
|
|
35
35
|
this.buttonColourScheme = 'primary';
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
-
return (h("div", { key: '
|
|
38
|
+
return (h("div", { key: '93c69ef4582433519867a1b376ba6712e2070f06', class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("div", { key: '9e356dc8bb196b8f6c37a10de6d039cdeb9748b1', class: "sleeve" }, h("div", { key: 'f5425aa5ed7a842960a8508fe133b6e8bbeb5906', class: "content-wrap" }, h("div", { key: '63b4bbb094bfbf0187e397dfcbcef55ee7417bd3', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'f801b84b8274b1bd42b46852dc7739929a5470dd', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '352280245f8708a5115b7b52135781fdb4d2a5e9', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { key: '0cba6577166fabf1a9133eede099e7ba5f82ea3a', class: "graphic-wrap" }, this.imageUrl !== null && this.imageUrl !== undefined ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, alt: this.imageAltText }))) : null))));
|
|
39
39
|
}
|
|
40
40
|
static get is() { return "biggive-image-feature"; }
|
|
41
41
|
static get encapsulation() { return "shadow"; }
|
|
@@ -27,8 +27,9 @@ export class BiggiveMainMenu {
|
|
|
27
27
|
const mobileMenu = this.host.shadowRoot.querySelector('.nav-links');
|
|
28
28
|
mobileMenu.style.left = '0';
|
|
29
29
|
};
|
|
30
|
-
this.logOut = () => {
|
|
30
|
+
this.logOut = (event) => {
|
|
31
31
|
this.logoutClicked.emit();
|
|
32
|
+
event.preventDefault();
|
|
32
33
|
};
|
|
33
34
|
this.closeMobileMenu = () => {
|
|
34
35
|
const mobileMenu = this.host.shadowRoot.querySelector('.nav-links');
|
|
@@ -90,7 +91,7 @@ export class BiggiveMainMenu {
|
|
|
90
91
|
getSecondaryNavLinks(layout) {
|
|
91
92
|
const chevronIconColour = layout === 'desktop' ? 'white' : 'black';
|
|
92
93
|
const chevronBackgroundColour = layout === 'desktop' ? 'blue' : 'white';
|
|
93
|
-
return (h("ul", null, !this.isLoggedIn && (h("li", null, h("a", { href: makeURL('Donate', this.donateUrlPrefix, 'login') }, "Donor Login"))), this.isLoggedIn && (h("li", null, h("a", { onClick: this.noNav }, "My Account", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": chevronBackgroundColour, "icon-colour": chevronIconColour, icon: "CaretRight" })), h("ul", { class: "sub-menu sub-menu-main", id: "my-account-sub-menu" }, h("li", null, h("a", { href: makeURL('Donate', this.donateUrlPrefix, 'my-account') }, "Your details")), h("li", null, h("a", { href: "#", onClick: this.logOut }, "Log out"))))), h("li", null, h("a", { href: makeURL('Experience', this.experienceUrlPrefix, 'charities/s/login') }, "Charity Login")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'support') }, "Support"))));
|
|
94
|
+
return (h("ul", null, !this.isLoggedIn && (h("li", null, h("a", { href: makeURL('Donate', this.donateUrlPrefix, 'login') }, "Donor Login"))), this.isLoggedIn && (h("li", null, h("a", { onClick: this.noNav }, "My Account", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": chevronBackgroundColour, "icon-colour": chevronIconColour, icon: "CaretRight" })), h("ul", { class: "sub-menu sub-menu-main", id: "my-account-sub-menu" }, h("li", null, h("a", { href: makeURL('Donate', this.donateUrlPrefix, 'my-account') }, "Your details")), h("li", null, h("a", { href: "#", onClick: this.logOut, class: "no-op-link" }, "Log out"))))), h("li", null, h("a", { href: makeURL('Experience', this.experienceUrlPrefix, 'charities/s/login') }, "Charity Login")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'support') }, "Support"))));
|
|
94
95
|
}
|
|
95
96
|
render() {
|
|
96
97
|
const homePageLink = this.someCampaignHasHomePageRedirect ? '/?noredirect' : '/';
|
|
@@ -98,7 +99,7 @@ export class BiggiveMainMenu {
|
|
|
98
99
|
// see https://stenciljs.com/docs/templating-jsx#avoid-shared-jsx-nodes
|
|
99
100
|
const secondaryNavLinksForDesktop = this.getSecondaryNavLinks('desktop');
|
|
100
101
|
const secondaryNavLinksForMobile = this.getSecondaryNavLinks('mobile');
|
|
101
|
-
return (h(Host, { key: '5af66bb3a53e67457a69559b94fe939746b50ade' }, h("div", { key: '168ed4e924ebb6ecb83389fd0db4d7a08ed9e766', class: "row row-top" }, h("div", { key: '936a6dbca2df320f93ba6ade056e17242fb748c6', class: "social-icon-wrap" }, h("biggive-social-icon", { key: '286fe8bec47a0c421e39dc57e70e668e1be6fe51', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '6ceab26ef1fda87c0535f617b96797a7eb6cf613', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'e669bd07e155720686a28a40c5af8aa4f5844df4', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '3c1a081e06046b55581ef9715ab4b09a735f1fbf', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), h("div", { key: '54a5d9193b158d97542eb56e6137390ee72448ff', class: "nav-secondary" }, secondaryNavLinksForDesktop)), h("nav", { key: 'a2f9dcf0ee98f5193e17303f80cef21b56748b98', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: '57a124b52a769a973a7181b9887a8f58e8c0bba2', class: "navbar" }, h("div", { key: 'dba777a8dd512addf746ed9590a6570fa7abd630', class: "logo" }, h("a", { key: 'b79762bd869cd3f05b4c7d6d998657bbdcbc8afd', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: 'df6576b9102ab47c2f17dd5fef91143b62cfa39e', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { key: '70067bf09d967320d449a2188577c2e2f5605144', d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { key: '73f7d46845d00d4dfff4d66361eeba86fcbd356a', d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { key: '0a6f63333597933effc3477ccf55e80b3a6d349f', class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: 'efa8b90e0f581e6cd0dba7968896a3109f4f4835', class: "nav-links" }, h("div", { key: '913d41c0c41621c32d77d1a00d45177452a9851e', class: "sidebar-logo" }, h("a", { key: 'e910879854c4c0bcc1870605655987044859cd4a', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: '4b9673489b5df70397d0b694f6140dfcf92bcf9e', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { key: '909f8757cdf089f30ed884aed4b960f1ed25b88f', d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { key: 'f50e9e5462bbd1e54759beea1fe5c92e0ed385e7', d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { key: 'c6f782c80d1fa19be5101d0505bd6dd5c037153b', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: 'db1a8875e01b3ecf97333b24218a17b314aeec30', id: "nav-primary" }, h("ul", { key: '70d1d7e985757fb2c8c8f1c7aa811963f777bf16', class: "links", slot: "nav-primary" }, h("li", { key: 'ab0787cf6a898e032b09f7f70282245c97e8e8cd' }, h("a", { key: 'f7f1a73f51ea2dd4c76d3ed89da6f460f2a5f983', href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), h("li", { key: 'eed67e5431d5255812a332f70a65dba0ff83eba7' }, h("a", { key: 'a1085e15ee65929d75151225797b513ffb22be66', href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), h("li", { key: '7c4cba98467efb2636728563c56c5df074ca11ed' }, h("a", { key: '990de2908d4b43691586b585a13bdaf10cc56d58', href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), h("li", { key: '5922089c3d041dbc75107128e98a898eb14af03c' }, h("a", { key: '486ca54ac719c120c09a83511e86c1e95ea189ca', onClick: this.noNav }, "Match Funding", h("biggive-misc-icon", { key: '96fb02b53d30d7e94e8a51d1a1f608fe01ab1e37', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: 'ef153cba70e909e5367eb4c593c35a166d1beae9', class: "sub-menu" }, h("li", { key: 'e4284a3acaeacc42abbcff2ee415e8cdf422000f' }, h("a", { key: 'b74673905a5da5b423e9efd6570085c3a6fc7c97', href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), h("li", { key: '58dfd49383eb53f081bc2e27d72ffd40937f0e10' }, h("a", { key: '3a2cba83dbdcb20fb5ca94c037e9e5de8cfc9690', href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), h("li", { key: 'bad6f8b7a9acb2aa34cb86a63877a9a14106fdc7', class: "more" }, h("a", { key: '34f64458bd68bcf18c8df591819f1558352ed5c5', onClick: this.noNav }, "Match Funding Opportunities", h("biggive-misc-icon", { key: '1a4e13c63203f67e0ee771611376b41d8d0172bf', class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '7a38d5e53ff23b16070ce903ef0e1224fac199d4', class: "sub-sub-menu" }, h("li", { key: '1aaed8620e193d6728a2743be8e50829702a8272' }, h("a", { key: '78c7dca292b57ccf38f865e021e8fea39527ec71', href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", { key: 'e941755f18835da81957d70e721d2c76793f277a' }, h("a", { key: 'f3bb26f85cf6fb64726c30dad09a58ba9163ebd6', href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", { key: 'c21b987f306a5ba25bd90988b6676853814d499a' }, h("a", { key: '420ae06968754c21032f6add8f59c1978db9a6aa', href: makeURL('Blog', this.blogUrlPrefix, 'earth-raise'), class: "icon-earth-raise" }, "Earth Raise")), h("li", { key: '753cee86a93ae684aed0d1954b23114694578ca9' }, h("a", { key: '2f9bb062187901365208fd90ea13a5df38f5e3db', href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), h("li", { key: '8a40d3508c45ef56500a868e8c898060fc6e7778' }, h("a", { key: '1b618ecd60e2c5ab8c398b0ab995096377f2e7bb', href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), this.smallCharityWeekEnabled && (h("li", { key: '4a9dc1e6d28b6155b2cb34772c264e392ec29bc7' }, h("a", { key: '7c722f5cb20b8c0c10efe03a1d51abe10cfd14fc', href: makeURL('Blog', this.blogUrlPrefix, 'small-charity-week/'), class: "icon-small-charity" }, "Small Charity Week"))), h("li", { key: '2cfe81625c1923e2ee727350556b96b420405a58' }, h("a", { key: '90beac961fb97eb351d99fa85d181d4b175bf300', href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), h("li", { key: '53eb6332eb87e5b12c2c7d49e038280753648e85' }, h("a", { key: 'f31b0d07cf228b3be06dba67999b1f40f90bdc96', href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), h("li", { key: 'c755c1146a9fbc1e4739bf98147d52476714a372' }, h("a", { key: 'df906b0250378d9cc22f916c80b66f87f7a62d92', href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), h("li", { key: '732f731b61ce31c4d5977ccf89c8abeed24cef07' }, h("a", { key: '2451fda5d4ae6c8e127e4da5b9451f86b08d0eec', onClick: this.noNav }, "About Us", h("biggive-misc-icon", { key: '4ec38023fd147c465d895604eca465a7b536fd1a', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: 'b5621f8b3aee88df5fdcf6d3212d70e864237351', class: "sub-menu" }, h("li", { key: '485e9aeb8b2bcdaeb2d3a7c8109a721c888df90c' }, h("a", { key: '57ed6f0ab0a43dd6d5660beebe3a54082e8c0345', href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", { key: '0c8774cc6e6a436b68d5158b882fd255e5e7acf0' }, h("a", { key: '980b3d1566d24a20e0294bf2d74ea3450a9f6ffc', href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", { key: 'fe34f2cd8bab72fac49e651bcce4c263cd3012b3' }, h("a", { key: '02518c4f44fffd41cef73af7e5c43dcbf5a6788e', href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), h("li", { key: '76ee1af10bdb3665827d644e5c4f8fcf60107b23' }, h("a", { key: '9ff39071c5b4e387ed90507fb933bb25ae91ce87', href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", { key: '05d737b318c930548d0e63b656989cf5f4cfb26d' }, h("a", { key: '06fd903f5fbbacf4438d5ee1b092158f526adc2e', href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("li", { key: '005366563a6401b32c8f12804e3ff1f593beeac9' }, h("a", { key: '8ff438b413c73ea85f829a7afc5d22a381490611', onClick: this.noNav }, "Resources", h("biggive-misc-icon", { key: '78b86dbfe5284947759f1ff2b9b40a359576885c', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '70b0b4af760df34201f073908c51d86372430b59', class: "sub-menu" }, h("li", { key: '2c3a8ea1fd4adda50fdeee0560618e225d411b56' }, h("a", { key: '9a30902becf5a3e5a9c89b7c1828304cafc13013', href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", { key: 'ca2715eaca82d0b378586589d041ee81e84dab27' }, h("a", { key: 'ac6cfb794ee29d4deee96bcc4ad777ee790d3ae6', href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", { key: '01e4fe822c5f2c42039f54f9bc09b180547fe765' }, h("a", { key: 'ae3e7ab696ed7cc8c75c36acd74f5e086c62d3c2', href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", { key: '0772d3a1be7c1cdcc8e430a2cf989cf9cab71a73' }, h("a", { key: '68a8f456cf74a4fb1e6a96f31dc46382fbe7e112', href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), h("div", { key: '6d21f8cd653978a2385d9b0b0438a4369cf220e1', class: "mobile-only" }, secondaryNavLinksForMobile)), h("div", { key: '531c854b17d8ce13a29ac8036ea902f683fd17db', class: "mobile-social-icon-wrap mobile-only" }, h("biggive-social-icon", { key: 'aa905f1a4994ed84a325ea8067d2c5aef839bdf6', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '0ec81a0361129810f4788b55918952b56d3732de', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '14f36f5c98e9883a75180bc6034d38e772340df0', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'cfb0a51739d9ba1e8c0977ab1a33c0cd0c3598f2', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
|
|
102
|
+
return (h(Host, { key: 'a71188cc4efd9871a697348ffe083f657b283ae5' }, h("div", { key: '39a4a107ffe75f8e7d19ede061885f614fdea2a9', class: "row row-top" }, h("div", { key: '1ea18d102840d6c9ffe8a1f38fd85517a9f16077', class: "social-icon-wrap" }, h("biggive-social-icon", { key: '87b181088b8ee43187b4597a581c404e14e7141d', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '9d860db71485461b4c6bcf0c8ce246750b8cb6f7', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'af8a1c0a3a9622726ec7dda9a05137e8d812f997', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: 'ccbdc145fdf913287165fdd1a6aaf77a55a98fa2', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), h("div", { key: 'cf6ec6572f496f7e1a7f97cbaa38cd0bd2f163f2', class: "nav-secondary" }, secondaryNavLinksForDesktop)), h("nav", { key: '1f420d5f1bdc0e4aac357c05296ee80c4da81e0f', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: '1f71094ea9bcb6c61b647778019ee66f45924696', class: "navbar" }, h("div", { key: 'c8271896e5ceba96fa6a2bc020fe0164688180d9', class: "logo" }, h("a", { key: '902f4345095f1e5c3db333c2ed7d50d3ba0f88be', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: '588c5162115a3ffafb97ddf86af53b9c4121bc19', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { key: '7a0b313b75ea54c0f43958cab03288e6b5ebb264', d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { key: '826af22f1b2a24adfc831adee8b60475fb14813b', d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { key: 'ad1be2f48a8e608964ccb756cb52da4eb338be24', class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: 'd31fb57deb63e658a40710ce0c45ecb1961fd8ca', class: "nav-links" }, h("div", { key: 'f3ca5a37d2aaa9b1f4abd31561b4779a9a5c9777', class: "sidebar-logo" }, h("a", { key: '743662a7d7074a588e217e91db25eda2ff6c2d15', href: this.donateUrlPrefix + homePageLink, "aria-label": "Home" }, h("svg", { key: '382e809389d07335e5a953183fbf321a47fa6860', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { key: 'e2d00cd60f7d0b77456d71e4f3269e35c83adf67', d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { key: '7fa8156bb04c50d4f23da0269caf99870ad125f2', d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { key: '1c5c4da9f51b5a4aed4b74fcf0b91202703268d6', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: 'd46e194563d167d40d7f6cf9364a7b37266fea90', id: "nav-primary" }, h("ul", { key: '32ac98b3314be325383a6c907131ec8d75cde07b', class: "links", slot: "nav-primary" }, h("li", { key: '28268f7688721e321dc2b05c60f044463173d9e3' }, h("a", { key: 'c85486ecfbe5485c350bd58a7f9670658117a621', href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), h("li", { key: '695828687874678a7a10996af29e2b9d3b425c30' }, h("a", { key: '1722a445158c9c379968261b6d2a7cd4976fb15e', href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), h("li", { key: '50583501947a3a705302145d561f832d53ae5812' }, h("a", { key: '5727040fc6186f95fe158fc1addcb4669a7ed34c', href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), h("li", { key: '093c20a8ae384ef0a3bd417a68cd7a8fcbb6883c' }, h("a", { key: 'a5be04190891aace0631af34ec570b35d695f212', onClick: this.noNav }, "Match Funding", h("biggive-misc-icon", { key: 'f2b7ddbf1b2069e293c689e719fbdbc7b8d56465', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '6dfc1e54f3f5e87ea8af7454398c5a408d604f06', class: "sub-menu" }, h("li", { key: 'a7f1ebbafa67f9d3d5fe0ab20f2c25fd79c8c8bf' }, h("a", { key: 'da7e73aec5ec72bcb733164aef5034ead9ea1ace', href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), h("li", { key: '23674ba627c318ff0dedf4888eadd548d719bb8b' }, h("a", { key: '75f94ebf91032a6be1b945d3dce3ef7ab6ecbe26', href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), h("li", { key: '4499cbfdb4e338c59c951040434c3e8d5f873a40', class: "more" }, h("a", { key: '6aa806d00d261b9e83b064442db0dc7a3422b211', onClick: this.noNav }, "Match Funding Opportunities", h("biggive-misc-icon", { key: 'c43491c531ee647d2b6dab93f1504b4e1403893d', class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '7f624a30dcbc6b92a3ae63a7751c4a795d0cee66', class: "sub-sub-menu" }, h("li", { key: '6065b050344a21ff80839980c248e2db5b421fe6' }, h("a", { key: '254b45ddef637ec168dba0e6497ee9c2a5b95ba2', href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", { key: 'abc178b63d469d45dc2dc720ca8b0d5bb1d1d562' }, h("a", { key: '50cb16854cd805fb607d37e3c35c0774b26e4730', href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", { key: '42199ad0cb3be9e625e7d64f261831609d2543ca' }, h("a", { key: '9cd92b1ce4f2a407ae179ff17316dae5b6458c75', href: makeURL('Blog', this.blogUrlPrefix, 'earth-raise'), class: "icon-earth-raise" }, "Earth Raise")), h("li", { key: 'e8bc7be925fc756753e46a75ec61840dec37e6c5' }, h("a", { key: 'ca3cc9ad2805c7de4711370d9ee6d89fd9fb7dfd', href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), h("li", { key: '36b4238882618f28bc74245d195ded277549584e' }, h("a", { key: '7fa7882b9f8dfc0911e732f486c32734164e34d8', href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), this.smallCharityWeekEnabled && (h("li", { key: 'e07ca9c9fc740fdfee5f1390ae232ba07fc4ac34' }, h("a", { key: '08c85cd5ed89a11823abc9004159f38aac59ce58', href: makeURL('Blog', this.blogUrlPrefix, 'small-charity-week/'), class: "icon-small-charity" }, "Small Charity Week"))), h("li", { key: '21453834e0a0c2cf932b43e51ab1a9ecd25da0d9' }, h("a", { key: '42f297cbd359cff7fd1f2c50a85e699108a9b3b5', href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), h("li", { key: '69a4d2d124be43e84ac571247e3f853c6ca97a63' }, h("a", { key: 'dab6d9fb5318d27eb564d14ff81a97b8dcd7490a', href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), h("li", { key: '22bc3ca4a9480162a19fd7a142291808776b6170' }, h("a", { key: '8791334851f0446650f3c13e5a60086d0a1a6c62', href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), h("li", { key: '91daf8fcbde3809abe925ca6cfc0a8528e4d40a5' }, h("a", { key: '642467f0a6ac5dab5b2345bb6402dcbe5941daf2', onClick: this.noNav }, "About Us", h("biggive-misc-icon", { key: 'a1fe2496c7252ceb61900c24f2460f266fb94d37', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: 'd8d50c42b9e5cbdd96cebe9940a73ed0ec69b2be', class: "sub-menu" }, h("li", { key: '3fb3af4014a6c73001297c2c5ac7414d6ea7bd4f' }, h("a", { key: 'b1614fde64e22c9596826032ec821285af3f237b', href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", { key: '258d5442f4c3b5116966518b23d55008be1eaea1' }, h("a", { key: '6837cb0e8f01ffe0ac7b15502f8306f59f845f12', href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", { key: 'db71318b135ca464d71e0b1c1da5463f767842cf' }, h("a", { key: '28d904f51af4eb659870ba378a53ae5c84c7a576', href: makeURL('Blog', this.blogUrlPrefix, 'donation-funds') }, "Donate by Bank Transfer")), h("li", { key: '3eb060ac01c5ff9bba796541ca490ea1bad21a87' }, h("a", { key: '2d88e814473dd76af0684444935ce499efcbf1b9', href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", { key: '9fcd7d7df13bb9fc777845162cc2578975d245e9' }, h("a", { key: '4e69489056e42b3557399df5a8709f313dbbcad6', href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("li", { key: 'ed130d7e4369332a9d693cb09fd7a0a279a420a0' }, h("a", { key: 'cc64c8c9f861901a3bd4e848c41143c3efa182ce', onClick: this.noNav }, "Resources", h("biggive-misc-icon", { key: '15e23298166d754974c7dfe51a728b72592468bb', class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { key: '4a89c7cf28d272b65a43a5254fe38b1d065da112', class: "sub-menu" }, h("li", { key: '514382116c850dc40c3510568e400618105f4cbc' }, h("a", { key: '806b77af54317e0c8a5eebf35f24638ffe665192', href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", { key: '71c3b652d6f04cf4bc04cb2663bc4e7bc91f9ac0' }, h("a", { key: '5bf9a5477ce3e0308710522f55135905d5d340f2', href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", { key: '2476e4239439d3579bac7ae95ebd14e9644929ab' }, h("a", { key: '9c8f64e39821175d6dffc33dbd6a441ecb3e771d', href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", { key: '5ca4f76a1b4ff47c6b76e28bc936412cd34d080d' }, h("a", { key: '2862b32143b97ab76ea1776297665698aa0bac36', href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), h("div", { key: '1c8e8adea80983b4586b0f84b18d646ce9022a1d', class: "mobile-only" }, secondaryNavLinksForMobile)), h("div", { key: '48c81dfab0ca626f3cbc60e85eb8e18595e30120', class: "mobile-social-icon-wrap mobile-only" }, h("biggive-social-icon", { key: '75237763cd5aeb24771d28eae24c15543dadce28', service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '6eb0fa1605acaee6c0a296efd6f2cbe727a9d1cd', service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '677a432ccf71f8f7c9f36a1108d121176f9c7bfa', service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { key: '22c7aa0054aae2675f346a9b2d2ac1708feea3af', service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
|
|
102
103
|
}
|
|
103
104
|
static get is() { return "biggive-main-menu"; }
|
|
104
105
|
static get encapsulation() { return "shadow"; }
|
|
@@ -15,7 +15,7 @@ export class BiggiveMiscIcon {
|
|
|
15
15
|
const miscIcon = FontAwesomeIconsService.getMiscIcon(this.icon);
|
|
16
16
|
return (
|
|
17
17
|
// Note: the icon name prop is set as a css class too for any styling specific to certain icons
|
|
18
|
-
h("div", { key: '
|
|
18
|
+
h("div", { key: '77b0a299ce70e9207e129ad4e0f343446c504a08', class: 'misc-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, h("a", { key: '594a6cfc70608b225df644d99ab3ea8d2cd1a04c', href: this.url }, h("svg", { key: '650bb59e398a234c5daea9144e165a9f041eec24', width: miscIcon.icon[0], height: miscIcon.icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + miscIcon.icon[0] + ' ' + miscIcon.icon[1], overflow: "hidden" }, h("path", { key: 'c476b41b5af97b3ae4f56f1c38a66c6798ee7e1d', d: miscIcon.icon[4].toString() })))));
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "biggive-misc-icon"; }
|
|
21
21
|
static get encapsulation() { return "shadow"; }
|
|
@@ -7,7 +7,7 @@ export class BiggiveNavGroup {
|
|
|
7
7
|
this.inline = true;
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h("ul", { key: '
|
|
10
|
+
return (h("ul", { key: 'aca33630358407e7571e4ec60c7bafd48eff1aa2' }, h("slot", { key: '98a60b873a07fa8ed8b1e78185daa6f5c33dd96e' })));
|
|
11
11
|
}
|
|
12
12
|
static get is() { return "biggive-nav-group"; }
|
|
13
13
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class BiggiveNavItem {
|
|
3
3
|
render() {
|
|
4
|
-
return (h("li", { key: '
|
|
4
|
+
return (h("li", { key: '4179c510bc9ad989a222e62a78d5d2a2e5c05bfd', class: 'icon-' + this.iconColour }, h("a", { key: 'e6bc0141e6db68b1fae13cead438633169c16b26', href: this.url }, this.label), h("slot", { key: '342d9bbe809153d35e7609656a6dcf9a9a9b929e' })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "biggive-nav-item"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class BiggivePageColumn {
|
|
3
3
|
render() {
|
|
4
|
-
return h("slot", { key: '
|
|
4
|
+
return h("slot", { key: '1a6f064d0f4789cfdfe26093443b6c8037e2a74e' });
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "biggive-page-column"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -7,7 +7,7 @@ export class BiggivePageColumns {
|
|
|
7
7
|
this.spaceBelow = 0;
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h("div", { key: '
|
|
10
|
+
return (h("div", { key: '0da680668ca6519351a3ce5f541f6e680f56adbf', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'e9d9c9e37c8ab20df1f311ec3e34b8c916ceb374', class: "columns" }, h("div", { key: 'bfb88efc0c0cd18af9770aef5f71aad112700287', class: "column-primary" }, h("slot", { key: 'c6e7c815cf65b8f75d4654c1705cc277bd27bbab', name: "column-primary" })), h("div", { key: 'dec503e2bad2d75721198a8eabbd17f13fc146ad', class: "column-secondary" }, h("slot", { key: '5820b4bbc9854fdcd4ee2aa1328b8b723d27eb2d', name: "column-secondary" })))));
|
|
11
11
|
}
|
|
12
12
|
static get is() { return "biggive-page-columns"; }
|
|
13
13
|
static get encapsulation() { return "shadow"; }
|
|
@@ -23,7 +23,7 @@ export class BiggivePageSection {
|
|
|
23
23
|
this.primaryFullBleed = false;
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h("div", { key: '
|
|
26
|
+
return (h("div", { key: '92699d953baba9ec97eec5835a507e95bb85d3cb', class: 'container max-width-' +
|
|
27
27
|
this.maxWidth +
|
|
28
28
|
' space-below-' +
|
|
29
29
|
this.spaceBelow +
|
|
@@ -33,7 +33,7 @@ export class BiggivePageSection {
|
|
|
33
33
|
this.sectionStyleTop +
|
|
34
34
|
' style-bottom-' +
|
|
35
35
|
this.sectionStyleBottom +
|
|
36
|
-
(this.primaryFullBleed ? ' full-bleed' : '') }, h("div", { key: '
|
|
36
|
+
(this.primaryFullBleed ? ' full-bleed' : '') }, h("div", { key: '1db1790344ffda4a9883104b721b5b25ffb67d6c', class: "sleeve" }, h("slot", { key: '6d0009f7de92feca93ce931e8d174a0505a0038b' }))));
|
|
37
37
|
}
|
|
38
38
|
static get is() { return "biggive-page-section"; }
|
|
39
39
|
static get encapsulation() { return "shadow"; }
|
|
@@ -24,7 +24,7 @@ export class BiggivePopup {
|
|
|
24
24
|
this.modalClosedCallback();
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
return (h("div", { key: '
|
|
27
|
+
return (h("div", { key: '059aa1f1fbf3f461ac65e96f20f970de4a13edb0', class: "popup", ref: el => (this.popup = el), tabindex: "-1", onClick: this.closeFromWithin }, h("div", { key: '0c07faaa92b3e415e95e2d657d063e514c4b2450', class: "sleeve" }, h("div", { key: 'ccdfd8900cd8124aa0a4b0534aeb8d0859ecdf03', class: "header" }, h("div", { key: '91d744aaea7c4130851b34e06c20608c2d56590b', class: "close", onClick: this.closeFromWithin })), h("div", { key: '94ebd3fa094c0dc44965290a82f2eb54bbc07746', class: "content" }, h("slot", { key: 'c7fe1658b537b793a9f086a4481e40f079cbe279' })))));
|
|
28
28
|
}
|
|
29
29
|
static get is() { return "biggive-popup"; }
|
|
30
30
|
static get encapsulation() { return "shadow"; }
|
|
@@ -19,7 +19,7 @@ export class BiggiveProgressBar {
|
|
|
19
19
|
// important to use 'inherit' below rather than visible as the parent element may be hidden, in which case
|
|
20
20
|
// this should not show up.
|
|
21
21
|
const visibility = typeof this.counter === 'number' ? 'inherit' : 'hidden';
|
|
22
|
-
return (h("div", { key: '
|
|
22
|
+
return (h("div", { key: '0ab870cb2744b69061b4c1a1c33604810149f670', style: { visibility: visibility }, class: 'progress-bar progress-bar-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { key: 'c8cfd37dd53066a9375531c7fb9faa49ee690562', class: "slider" }, h("div", { key: '27a2e313035a195d8b9c5ec45f023cb0315e469e', class: "progress", style: { width: `${Math.min((_a = this.counter) !== null && _a !== void 0 ? _a : 0, 100)}%` } })), h("div", { key: '175c822b76ea51dbe16d8d84f475e167b6abfc94', class: "counter" }, this.counter, "%")));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "biggive-progress-bar"; }
|
|
25
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -11,9 +11,9 @@ export class BiggiveQuote {
|
|
|
11
11
|
render() {
|
|
12
12
|
const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;
|
|
13
13
|
const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;
|
|
14
|
-
const bigGiveQuoteMarks = (h("svg", { key: '
|
|
15
|
-
const philcoQuoteMarks = (h("svg", { key: '
|
|
16
|
-
return (h("div", { key: '
|
|
14
|
+
const bigGiveQuoteMarks = (h("svg", { key: '20640dec7f36b901bb308fd93b9942f029a11709', width: "34", height: "24", viewBox: "0 0 34 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f7bc491f0b3196e5592b4c73e1b25e615a7633d3', d: "M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z", fill: "#2C089B" })));
|
|
15
|
+
const philcoQuoteMarks = (h("svg", { key: 'eb88f42915ae850ad680a00de6884db1eb6a5c51', width: "96", height: "86", overflow: "hidden", viewBox: "0 0 96 81", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '10dcd81440f5a1bc281dbdfb9748f97053e8947b', d: "m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z", fill: "#f18a00" })));
|
|
16
|
+
return (h("div", { key: '1522a98847e07e776379286cbc4a3eff2ebfe8db', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign }, h("div", { key: '57ed5f7c9022747ba8ce6f420765501388aba857', class: "image-wrap" }, this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks), h("div", { key: 'd976be5845b9ad5bb8f76fe2cfe1b3477a5036ba', class: "quote" }, quote), h("div", { key: '6763ad3b194e7f45beb2a869eb52faa3afdda445', class: "attribution" }, attribution)));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "biggive-quote"; }
|
|
19
19
|
static get encapsulation() { return "shadow"; }
|
|
@@ -28,7 +28,7 @@ export class BiggiveSheet {
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
|
-
return (h("div", { key: '
|
|
31
|
+
return (h("div", { key: 'ab4e506493d823f2e73651976b6a2f7653afc92d', class: 'container' }, h("div", { key: '9d491d11ad7c6cd39c8e59eb642e465fd1e4fbe4', class: "background" }), h("div", { key: '74428a3b5b961a1794a6b95482535d9f92f53d37', class: 'popup background-colour-' + this.backgroundColour + ' text-colour-' + this.textColour }, h("div", { key: '3df78556a45674aa218d690e0f6ec3c06250cb6d', class: "header" }, h("div", { key: '94897351cb294ed20b7ab0c3a9ea9502432f73c0', class: "back-link", onClick: this.closeSheet }, h("span", { key: 'a65f39dce0710224ec5b120646cd2df6a7572dab', class: 'svg-wrap colour-' + this.textColour }, h("svg", { key: '8ad914eeab51877a115f5f97a0d7555814938490', width: "33", height: "16", viewBox: "0 0 33 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a36db1be90f0468d5597e89296cbf97da7c30ed4', d: "M0.292892 7.29289C-0.0976295 7.68342 -0.0976295 8.31658 0.292892 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292892 7.29289ZM33 7L1 7V9L33 9V7Z", fill: "black" }))), "Back"), h("div", { key: 'f62728bcf250166d2c4e31f2fb134c31c7d6226a', class: "close-link", onClick: this.closeSheet }, h("span", { key: 'fb407a3ddae07070b6a1686916a754e244c9baac', class: "svg-wrap" }, h("svg", { key: 'ea6fa6159300190c0dd8e5fecacf2d312473efb1', width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a154d72b7d8b65887239f38fe2c6c03c38b2972f', d: "M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z" }))))), h("div", { key: 'd7ec5ea7916020b7c82e11fc3aec0f3e985af234', class: "content" }, h("slot", { key: 'b5f7a0ecd874f30e96ba348b3772730a2d2fdb7b' })))));
|
|
32
32
|
}
|
|
33
33
|
static get is() { return "biggive-sheet"; }
|
|
34
34
|
static get encapsulation() { return "shadow"; }
|
|
@@ -29,7 +29,7 @@ export class BiggiveSocialIcon {
|
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
31
|
const sIcon = FontAwesomeIconsService.getSocialIcon(this.service);
|
|
32
|
-
return (h("div", { key: '
|
|
32
|
+
return (h("div", { key: '6e0201436f53836f9b1ad806ecae1377068310bf', class: 'social-icon-item background-colour-' + this.backgroundColour + (this.wide ? ' wide' : '') }, h("a", { key: '0b667fe791e32aecbafc4918f7157b3022aba5de', href: this.url, "aria-label": `${this.labelPrefix} on ${this.service}`, target: "_blank", rel: "noopener" }, h("svg", { key: 'b53ffde6408cdc4d040b935a2c77c4d10b32906f', width: sIcon.icon[0], height: sIcon.icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + sIcon.icon[0] + ' ' + sIcon.icon[1], overflow: "hidden" }, h("path", { key: '78a6425e1f76189dfde1d68009b0e5bbf1f2f24d', d: sIcon.icon[4].toString() })))));
|
|
33
33
|
}
|
|
34
34
|
static get is() { return "biggive-social-icon"; }
|
|
35
35
|
static get encapsulation() { return "shadow"; }
|
|
@@ -4,7 +4,7 @@ export class BiggiveTab {
|
|
|
4
4
|
this.tabTitle = '';
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h("div", { key: '
|
|
7
|
+
return (h("div", { key: 'b874d96dc153fba2825711787e52542b1c8ac9f9', class: "container" }, h("slot", { key: 'ae418fe2aa9b143b3a0956d3d188b93f2dfe6156' })));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "biggive-tab"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|