@biggive/components 202409030852.0.0 → 202409131619.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-9c79176f.entry.js → p-197f4346.entry.js} +2 -2
- package/dist/biggive/{p-7b31ecab.entry.js → p-26d59dde.entry.js} +2 -2
- package/dist/biggive/p-2bd31925.entry.js +2 -0
- package/dist/biggive/{p-e969f4d4.entry.js → p-31c998e9.entry.js} +2 -2
- package/dist/biggive/{p-52e1d027.entry.js → p-3a70550e.entry.js} +2 -2
- package/dist/biggive/{p-62e13388.entry.js → p-3c106921.entry.js} +2 -2
- package/dist/biggive/{p-19f1231d.entry.js → p-515510b4.entry.js} +2 -2
- package/dist/biggive/{p-a2c75002.entry.js → p-76a72b20.entry.js} +2 -2
- package/dist/biggive/p-85da0744.entry.js +2 -0
- package/dist/biggive/{p-91e47385.entry.js → p-93038246.entry.js} +2 -2
- package/dist/biggive/{p-0db98bc4.entry.js → p-a819de05.entry.js} +2 -2
- package/dist/biggive/p-af799693.entry.js +2 -0
- package/dist/biggive/p-af799693.entry.js.map +1 -0
- package/dist/biggive/{p-6c6e271c.entry.js → p-da3ff44b.entry.js} +2 -2
- package/dist/cjs/biggive-accordion_41.cjs.entry.js +48 -47
- package/dist/cjs/biggive-accordion_41.cjs.entry.js.map +1 -1
- package/dist/cjs/biggive-basic-card.cjs.entry.js +2 -2
- package/dist/cjs/biggive-beneficiary-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive-boxed-content.cjs.entry.js +2 -2
- package/dist/cjs/biggive-category-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive-cookie-banner.cjs.entry.js +1 -1
- package/dist/cjs/biggive-form.cjs.entry.js +1 -1
- package/dist/cjs/biggive-icon-group.cjs.entry.js +1 -1
- package/dist/cjs/biggive-image-card.cjs.entry.js +2 -2
- 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-table.cjs.entry.js +2 -2
- package/dist/cjs/biggive-video.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/biggive-accordion/biggive-accordion.js +1 -1
- package/dist/collection/components/biggive-article-card/biggive-article-card.js +2 -2
- package/dist/collection/components/biggive-back-to-top/biggive-back-to-top.js +1 -1
- package/dist/collection/components/biggive-basic-card/biggive-basic-card.js +2 -2
- package/dist/collection/components/biggive-beneficiary-icon/biggive-beneficiary-icon.js +1 -1
- package/dist/collection/components/biggive-boxed-content/biggive-boxed-content.js +2 -2
- package/dist/collection/components/biggive-branded-image/biggive-branded-image.js +1 -1
- package/dist/collection/components/biggive-button/biggive-button.js +1 -1
- 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 +1 -1
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js +14 -7
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js.map +1 -1
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.stories.js +1 -1
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.stories.js.map +1 -1
- package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.js +1 -1
- package/dist/collection/components/biggive-category-icon/biggive-category-icon.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-generic-icon/biggive-generic-icon.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-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-icon-group/biggive-icon-group.js +1 -1
- 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 +1 -1
- 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-quote/biggive-quote.js +1 -1
- 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/components/biggive-accordion.js +1 -1
- package/dist/components/biggive-article-card.js +2 -2
- package/dist/components/biggive-back-to-top.js +1 -1
- package/dist/components/biggive-basic-card.js +2 -2
- package/dist/components/biggive-beneficiary-icon.js +1 -1
- package/dist/components/biggive-boxed-content.js +2 -2
- package/dist/components/biggive-branded-image.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-filter-grid.js +5 -4
- package/dist/components/biggive-campaign-card-filter-grid.js.map +1 -1
- package/dist/components/biggive-campaign-card.js +1 -1
- package/dist/components/biggive-campaign-highlights.js +1 -1
- package/dist/components/biggive-category-icon.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 +2 -2
- package/dist/components/biggive-form.js +1 -1
- package/dist/components/biggive-formatted-text.js +1 -1
- package/dist/components/biggive-generic-icon2.js +1 -1
- package/dist/components/biggive-grid.js +1 -1
- package/dist/components/biggive-heading.js +1 -1
- package/dist/components/biggive-hero-image.js +2 -2
- package/dist/components/biggive-icon-button.js +2 -2
- package/dist/components/biggive-icon-group.js +1 -1
- package/dist/components/biggive-image-button.js +2 -2
- package/dist/components/biggive-image-card.js +2 -2
- 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 +2 -2
- package/dist/components/biggive-popup2.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 +2 -2
- package/dist/components/biggive-table.js +2 -2
- package/dist/components/biggive-text-input.js +1 -1
- package/dist/components/biggive-timeline.js +2 -2
- 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/esm/biggive-accordion_41.entry.js +48 -47
- package/dist/esm/biggive-accordion_41.entry.js.map +1 -1
- package/dist/esm/biggive-basic-card.entry.js +2 -2
- package/dist/esm/biggive-beneficiary-icon.entry.js +1 -1
- package/dist/esm/biggive-boxed-content.entry.js +2 -2
- package/dist/esm/biggive-category-icon.entry.js +1 -1
- package/dist/esm/biggive-cookie-banner.entry.js +1 -1
- package/dist/esm/biggive-form.entry.js +1 -1
- package/dist/esm/biggive-icon-group.entry.js +1 -1
- package/dist/esm/biggive-image-card.entry.js +2 -2
- package/dist/esm/biggive-nav-group.entry.js +1 -1
- package/dist/esm/biggive-nav-item.entry.js +1 -1
- package/dist/esm/biggive-table.entry.js +2 -2
- package/dist/esm/biggive-video.entry.js +1 -1
- package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.d.ts +10 -1
- package/dist/types/components.d.ts +4 -2
- package/hydrate/index.js +64 -63
- package/hydrate/index.mjs +64 -63
- package/package.json +1 -1
- package/dist/biggive/p-35738fb9.entry.js +0 -2
- package/dist/biggive/p-56bcd870.entry.js +0 -2
- package/dist/biggive/p-cdd16217.entry.js +0 -2
- package/dist/biggive/p-cdd16217.entry.js.map +0 -1
- /package/dist/biggive/{p-9c79176f.entry.js.map → p-197f4346.entry.js.map} +0 -0
- /package/dist/biggive/{p-7b31ecab.entry.js.map → p-26d59dde.entry.js.map} +0 -0
- /package/dist/biggive/{p-35738fb9.entry.js.map → p-2bd31925.entry.js.map} +0 -0
- /package/dist/biggive/{p-e969f4d4.entry.js.map → p-31c998e9.entry.js.map} +0 -0
- /package/dist/biggive/{p-52e1d027.entry.js.map → p-3a70550e.entry.js.map} +0 -0
- /package/dist/biggive/{p-62e13388.entry.js.map → p-3c106921.entry.js.map} +0 -0
- /package/dist/biggive/{p-19f1231d.entry.js.map → p-515510b4.entry.js.map} +0 -0
- /package/dist/biggive/{p-a2c75002.entry.js.map → p-76a72b20.entry.js.map} +0 -0
- /package/dist/biggive/{p-56bcd870.entry.js.map → p-85da0744.entry.js.map} +0 -0
- /package/dist/biggive/{p-91e47385.entry.js.map → p-93038246.entry.js.map} +0 -0
- /package/dist/biggive/{p-0db98bc4.entry.js.map → p-a819de05.entry.js.map} +0 -0
- /package/dist/biggive/{p-6c6e271c.entry.js.map → p-da3ff44b.entry.js.map} +0 -0
|
@@ -34,7 +34,7 @@ const BiggiveBasicCard = class {
|
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
36
|
const HeadingTag = `h${this.headingLevel}`;
|
|
37
|
-
return (index.h("div", { key: '
|
|
37
|
+
return (index.h("div", { key: '643f08ef88444868f25e9b2df3529cbd20facebe', class: 'container space-below-' +
|
|
38
38
|
this.spaceBelow +
|
|
39
39
|
' background-colour-' +
|
|
40
40
|
this.backgroundColour +
|
|
@@ -43,7 +43,7 @@ const BiggiveBasicCard = class {
|
|
|
43
43
|
' clip-top-right-corner-' +
|
|
44
44
|
this.clipTopRightCorner +
|
|
45
45
|
' add-animation-' +
|
|
46
|
-
this.addAnimation, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, index.h("a", { key: '
|
|
46
|
+
this.addAnimation, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, index.h("a", { key: 'd4ddd87a0a25d7aeef63948d04994cd7ca43bb5b', href: this.buttonUrl }, index.h("div", { key: '17f6638c0d43a723713da03792b78203f2981d9b', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, index.h("div", { key: '914e0c63a50d63023b707a3c5443d3bee387fbb0', class: "content-wrap" }, this.icon == true ? (index.h("div", { class: "icon" }, index.h("svg", { width: "53", height: "39", viewBox: "0 0 53 39", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z", class: "fill-black" }), index.h("path", { d: "M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z", class: 'fill-' + this.iconColour })))) : null, this.mainImageUrl != '' ? (index.h("div", { class: "main-image-container" }, index.h("div", { class: "image-wrap" }, index.h("img", { src: this.mainImageUrl, alt: this.mainImageAltText, title: this.mainImageAltText })))) : null, index.h(HeadingTag, { key: '25ce80ff6ad001addc72e738a7c3aa4177ab81a7', class: "title" }, this.mainTitle), index.h("div", { key: 'e0b1e8fa867f69262ddb57284bf09cd9d34a85b4', class: "subtitle" }, this.subtitle), index.h("div", { key: '25d02aac64074ee2c6e647cbb191a7398afa2324', class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (index.h("div", { class: 'button-wrap align-' + this.buttonAlign }, index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel }))) : null)))));
|
|
47
47
|
}
|
|
48
48
|
};
|
|
49
49
|
BiggiveBasicCard.style = BiggiveBasicCardStyle0;
|
|
@@ -22,7 +22,7 @@ const BiggiveBeneficiaryIcon = class {
|
|
|
22
22
|
return icon;
|
|
23
23
|
}
|
|
24
24
|
render() {
|
|
25
|
-
return (index.h("div", { key: '
|
|
25
|
+
return (index.h("div", { key: '001c875223931cb598b5c852e31900d3924dae3b', class: "container" }, index.h("div", { key: 'edf7941200c80d24f4543df2e16eac67cf24e87d', class: 'beneficiary-icon-item background-colour-' + this.backgroundColour }, index.h("a", { key: '4d73d7ff76306fe60a0076dbd405de6d26c9b482', href: this.url }, index.h("svg", { key: 'e9def37ac5b6e5b403021e9bc845f493ea2ff64a', width: this.getBeneficiaryIcon().icon[0], height: this.getBeneficiaryIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getBeneficiaryIcon().icon[0] + ' ' + this.getBeneficiaryIcon().icon[1] }, index.h("path", { key: 'dd7fc97b0259ef55dc8ef530a9a09f54a21328f2', d: this.getBeneficiaryIcon().icon[4].toString() })))), index.h("div", { key: '7bb75ce8b51226298748edf848f6321ad8e42411', class: "label" }, this.label)));
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
28
|
BiggiveBeneficiaryIcon.style = BiggiveBeneficiaryIconStyle0;
|
|
@@ -17,7 +17,7 @@ const BiggiveBoxedContent = class {
|
|
|
17
17
|
this.shadow = true;
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (index.h("div", { key: '
|
|
20
|
+
return (index.h("div", { key: '1e50eff03ca28273c5238b9be78a42c73a50e573', class: 'container background-colour-' +
|
|
21
21
|
this.backgroundColour +
|
|
22
22
|
' space-below-' +
|
|
23
23
|
this.spaceBelow +
|
|
@@ -26,7 +26,7 @@ const BiggiveBoxedContent = class {
|
|
|
26
26
|
' vertical-padding-' +
|
|
27
27
|
this.verticalPadding +
|
|
28
28
|
' shadow-' +
|
|
29
|
-
this.shadow }, index.h("slot", { key: '
|
|
29
|
+
this.shadow }, index.h("slot", { key: 'f6bbc647464e5290c9639e5cb5a65d8aada9ec67' })));
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
BiggiveBoxedContent.style = BiggiveBoxedContentStyle0;
|
|
@@ -22,7 +22,7 @@ const BiggiveCategoryIcon = class {
|
|
|
22
22
|
return icon;
|
|
23
23
|
}
|
|
24
24
|
render() {
|
|
25
|
-
return (index.h("div", { key: '
|
|
25
|
+
return (index.h("div", { key: 'ce172b6817815385d15af1702a32224fffde02cd', class: "container" }, index.h("div", { key: '9e3a5de2d46c5e27b95ad6c1e15df09c745a1f72', class: 'category-icon-item background-colour-' + this.backgroundColour }, index.h("a", { key: 'e2047b9364836f1313a078ef2b5617f66c7ebdc1', href: this.url }, index.h("svg", { key: '1268a0041ac6541943f7fd695367f99244fd35a6', width: this.getCategoryIcon().icon[0], height: this.getCategoryIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getCategoryIcon().icon[0] + ' ' + this.getCategoryIcon().icon[1] }, index.h("path", { key: '27c43d05e026925752b68d924d372bad1f0554ff', d: this.getCategoryIcon().icon[4].toString() })))), index.h("div", { key: 'fda1acba40281361299e67f839916ee90abac8af', class: "label" }, this.label)));
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
28
|
BiggiveCategoryIcon.style = BiggiveCategoryIconStyle0;
|
|
@@ -58,7 +58,7 @@ const BiggiveCookieBanner = class {
|
|
|
58
58
|
// then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as
|
|
59
59
|
// declined.
|
|
60
60
|
const cookiesCurrentlyAllowed = this.previouslyAgreedCookiePreferences || {};
|
|
61
|
-
return (index.h("div", { key: '
|
|
61
|
+
return (index.h("div", { key: '9784b16fc6cd006a733b5be07a8186370c5ff792', class: "cooke-consent-container" }, index.h("biggive-popup", { key: 'd95bb0102f66aed28b38b928dda5f5d7aed52015', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, index.h("div", { key: '152c896e04e8a2fa04beec6b9ff98a75b4b669ee', class: "content" }, index.h("h4", { key: '0948cb48cffea9edfbab1f16500dfa77571b4916', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), index.h("form", { key: '49d6ce7febba14d0e85a5fbd38797f934d2d21e0' }, index.h("div", { key: 'ee87825504107c0d50a9f3b8d3e9736e0a7b1cc2', class: "radio-group" }, index.h("h5", { key: '3a1cac95a6a2b3678372589d9af5c8601e8ebcf7' }, "Essential Cookies"), index.h("p", { key: '1377c090cad010486429bc93d46ca7ff2566d569' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), index.h("input", { key: '82be9341d46c0900f079f9ae8f3f71270624e08b', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), index.h("label", { key: '16777e2433d4f37dff80fe55e4013155be7788ee', htmlFor: "necassary-on" }, "Off"), index.h("input", { key: '1d6f376e5ae2ff18208bd7d7ff1ca1536b4c9339', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), index.h("label", { key: 'dfdce2f35a6c041267ed8b21811e6b7a648eb39c', htmlFor: "necassary-on" }, "On")), index.h("div", { key: 'e7884526b5851f11cbb43b488588e3b523c99471', class: "radio-group" }, index.h("h5", { key: '2a3bcec397fd731e387356015a24a667bd838c06' }, "Analytics & Testing Cookies"), index.h("p", { key: '336be4d15931f7749bbd965ca8a2fa84eaa5c482' }, "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."), index.h("p", { key: '7b0d3aa9e3b9e48929e7d1c2bfc8cb4c3609c474' }, "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."), index.h("input", { key: '616cd2b1198d594f59066569172b4c028b6eeafd', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), index.h("label", { key: 'f795987604b0f72c7d23ce421fc01a41aaa001d4', htmlFor: "a-and-t-off" }, "Off"), index.h("input", { key: 'e3d24289c254f98b361faf58997ea9cb972aa4c2', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), index.h("label", { key: '1ab7a71a5b32e4696d9b930889dd721bb9d99863', htmlFor: "a-and-t-on" }, "On")), index.h("div", { key: '3c37a45d331d9cf94251f1b952370a26f3bfcbc4', class: "radio-group" }, index.h("h5", { key: '4c0d2c5c8e9fc955732c2d1f5e35fb0548bf8f8c' }, "Third-party Cookies "), index.h("p", { key: 'd3625bcec9afabfbd3ad3827cd64112cee4cd6cb' }, "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."), index.h("input", { key: 'c7e11c30079a05606120788709dd8b6eb57d4bf3', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), index.h("label", { key: '24e2a31c5928e506706b02c57dfa89df9d95a311', htmlFor: "third-party-off" }, "Off"), index.h("input", { key: '776af14bc2e2877c1cc03d340e099708e1672fbf', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), index.h("label", { key: 'd2c2b99591a1db38590db7220450a33a816da5df', htmlFor: "third-party-on" }, "On")), index.h("biggive-button", { key: '890b4e83fff50914f9158d496d9c3445a714eb0f', "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 })), index.h("p", { key: '7f0972f7d9c3f6957fffd11c8c85f5e4da50e8e4' }, "You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))), index.h("h2", { key: 'f821cbf0a9622dc5ab423296a75532b44d3f1b0e' }, "Our website uses cookies"), index.h("p", { key: 'a9890820b2f7558c0258c898dce3bb93b6092754' }, "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."), index.h("p", { key: 'e2bb8230bcf4ddef201dd3c202f401265baba7b6' }, index.h("a", { key: '84497e6512ff828a5dfccfc933439eae93cda7db', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), index.h("div", { key: '6f119b90ba4657fd5c5dfc0ede5e84e94b88ff20', class: "button-group" }, index.h("biggive-button", { key: '59caeec146f2eccdd32eccb7e5b1ba082e46ce8e', 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" }), index.h("biggive-button", { key: '290a72efc921fba08e363a1745d96470b7afce9c', 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" }), index.h("biggive-button", { key: '00a5e3adc85c814683ad590008c590d142e592b1', 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" }))));
|
|
62
62
|
}
|
|
63
63
|
get el() { return index.getElement(this); }
|
|
64
64
|
static get watchers() { return {
|
|
@@ -12,7 +12,7 @@ const BiggiveForm = class {
|
|
|
12
12
|
index.registerInstance(this, hostRef);
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (index.h(index.Host, { key: '
|
|
15
|
+
return (index.h(index.Host, { key: '30710027ff6c7fe2ef4727e1172397663253b430' }, index.h("slot", { key: '001703aabbf0c497616622cf7863a7c9128bca63' })));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
18
|
BiggiveForm.style = BiggiveFormStyle0;
|
|
@@ -14,7 +14,7 @@ const BiggiveIconGroup = class {
|
|
|
14
14
|
this.label = undefined;
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return (index.h("div", { key: '
|
|
17
|
+
return (index.h("div", { key: '5160c48c4cd14c7cdd5a5f1d16aa9b8d9b7cc06b', class: 'container space-below-' + this.spaceBelow }, this.label != null ? index.h("div", { class: "label" }, this.label) : null, index.h("div", { key: '20cdf1004def10075d6a1396e0f6d9e6fc48e80c', class: "sleeve" }, index.h("slot", { key: '79c24ea8ba3435f576e2387027d1fb7bf610550d' }))));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
BiggiveIconGroup.style = BiggiveIconGroupStyle0;
|
|
@@ -27,7 +27,7 @@ const BiggiveImageCard = class {
|
|
|
27
27
|
this.addAnimation = false;
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
|
-
return (index.h("div", { key: '
|
|
30
|
+
return (index.h("div", { key: '8d1ef3a6eefba63d793413b65219bcd1508e0697', class: 'container space-below-' +
|
|
31
31
|
this.spaceBelow +
|
|
32
32
|
' background-colour-' +
|
|
33
33
|
this.backgroundColour +
|
|
@@ -36,7 +36,7 @@ const BiggiveImageCard = class {
|
|
|
36
36
|
' clip-top-right-corner-' +
|
|
37
37
|
this.clipTopRightCorner +
|
|
38
38
|
' add-animation-' +
|
|
39
|
-
this.addAnimation }, index.h("a", { key: '
|
|
39
|
+
this.addAnimation }, index.h("a", { key: '169002b8d2090ef888dab0774e8e4e05eab5f2e5', href: this.buttonUrl }, index.h("div", { key: 'e0d89b29abe66c06ac483d4e1a7f633a3564dd24', class: 'sleeve text-colour-' + this.teaserColour + ' text-align-' + this.textAlign }, index.h("div", { key: 'd6c5120383e51e4ff893ce7a15e00ecd1a6dc3eb', class: "content-wrap" }, this.mainImageUrl != '' ? (index.h("div", { class: "main-image-container" }, index.h("div", { class: "image-wrap" }, index.h("img", { src: this.mainImageUrl, alt: this.mainImageAltText, title: this.mainImageAltText })))) : null, index.h("div", { key: '98624d20ab322096b967f22b80b5f0e90fafd09d', class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (index.h("div", { class: 'button-wrap align-' + this.buttonAlign }, index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, label: this.buttonLabel }))) : null)))));
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
BiggiveImageCard.style = BiggiveImageCardStyle0;
|
|
@@ -13,7 +13,7 @@ const BiggiveNavGroup = class {
|
|
|
13
13
|
this.inline = true;
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (index.h("ul", { key: '
|
|
16
|
+
return (index.h("ul", { key: '49b2376d24d37ac7af1ab8d499d166baf4268a03' }, index.h("slot", { key: 'b15cfcc1791660ced330af8cf471332f7ca10f49' })));
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
19
|
BiggiveNavGroup.style = BiggiveNavGroupStyle0;
|
|
@@ -15,7 +15,7 @@ const BiggiveNavItem = class {
|
|
|
15
15
|
this.iconColour = undefined;
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (index.h("li", { key: '
|
|
18
|
+
return (index.h("li", { key: '090f304495cea3310a9e00e33b66a5beb70b0bbc', class: 'icon-' + this.iconColour }, index.h("a", { key: '7ed939de7267b6fd0c24cb7f34e1683594031cba', href: this.url }, this.label), index.h("slot", { key: 'f2cd30f28afe1bb4f63d30f658cb1866b9cee98a' })));
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
BiggiveNavItem.style = BiggiveNavItemStyle0;
|
|
@@ -17,7 +17,7 @@ const BiggiveTable = class {
|
|
|
17
17
|
this.bodyBackgroundColour = 'grey-light';
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (index.h("div", { key: '
|
|
20
|
+
return (index.h("div", { key: '3113e1e0f25a9484452e48ae77f7f715a997c15b', class: 'container header-text-colour-' +
|
|
21
21
|
this.headerTextColour +
|
|
22
22
|
' header-background-colour-' +
|
|
23
23
|
this.headerBackgroundColour +
|
|
@@ -26,7 +26,7 @@ const BiggiveTable = class {
|
|
|
26
26
|
' body-background-colour-' +
|
|
27
27
|
this.bodyBackgroundColour +
|
|
28
28
|
' space-below-' +
|
|
29
|
-
this.spaceBelow }, index.h("slot", { key: '
|
|
29
|
+
this.spaceBelow }, index.h("slot", { key: '3f0c914570a0319d25ce31ca8e3d245f3f1ab77f' })));
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
BiggiveTable.style = BiggiveTableStyle0;
|
|
@@ -16,7 +16,7 @@ const BiggiveVideo = class {
|
|
|
16
16
|
this.videoUrl = '';
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (index.h("div", { key: '
|
|
19
|
+
return (index.h("div", { key: 'aed8d0e823c00b293652aea2230fdca54abdb83c', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, index.h("div", { key: 'a2c455aca784a837a525356502e90f5621b8fd3e', class: "video-wrap", innerHTML: video.VideoService.getEmbedHtml(this.videoUrl, null) })));
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
BiggiveVideo.style = BiggiveVideoStyle0;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"entries": [
|
|
3
|
+
"components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js",
|
|
3
4
|
"components/biggive-accordion/biggive-accordion.js",
|
|
4
5
|
"components/biggive-accordion-entry/biggive-accordion-entry.js",
|
|
5
6
|
"components/biggive-article-card/biggive-article-card.js",
|
|
@@ -12,7 +13,6 @@
|
|
|
12
13
|
"components/biggive-button/biggive-button.js",
|
|
13
14
|
"components/biggive-call-to-action/biggive-call-to-action.js",
|
|
14
15
|
"components/biggive-campaign-card/biggive-campaign-card.js",
|
|
15
|
-
"components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js",
|
|
16
16
|
"components/biggive-campaign-highlights/biggive-campaign-highlights.js",
|
|
17
17
|
"components/biggive-category-icon/biggive-category-icon.js",
|
|
18
18
|
"components/biggive-container-card/biggive-container-card.js",
|
|
@@ -23,7 +23,7 @@ export class BiggiveAccordion {
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h("div", { key: '
|
|
26
|
+
return (h("div", { key: 'a9368c30799bf02e398306d3f3064c1b30558b1e', class: 'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour }, h("div", { key: '552a8a559f0efe36ac276ff4079ff3f966883e49', class: "sleeve" }, this.children === undefined
|
|
27
27
|
? []
|
|
28
28
|
: this.children.map(entry => (h("div", { class: "entry" }, h("h3", { class: "heading", onClick: this.toggleSection, title: "Expand section" }, entry.heading, h("span", { class: "arrow" }, h("svg", { width: "15", height: "9", viewBox: "0 0 15 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M14.1074 0.999859L7.55357 7.55371L0.999718 0.99986", stroke: "black", "stroke-width": "2" })))), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
|
|
29
29
|
}
|
|
@@ -25,7 +25,7 @@ export class BiggiveArticleCard {
|
|
|
25
25
|
this.clipTopRightCorner = true;
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return (h("div", { key: '
|
|
28
|
+
return (h("div", { key: '659f6dc7eed2b715979f73dfcf884738a01046fb', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'ddfca0655daf30b37c7bd616d722fbb8533d162e', class: 'sleeve background-colour-' +
|
|
29
29
|
this.backgroundColour +
|
|
30
30
|
' text-colour-black ' +
|
|
31
31
|
' slug-colour-' +
|
|
@@ -41,7 +41,7 @@ export class BiggiveArticleCard {
|
|
|
41
41
|
' clip-bottom-left-corner-' +
|
|
42
42
|
this.clipBottomLeftCorner +
|
|
43
43
|
' clip-top-right-corner-' +
|
|
44
|
-
this.clipTopRightCorner, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { key: '
|
|
44
|
+
this.clipTopRightCorner, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { key: '2e7922c6aa0f543cd5b231809e63b957d9a9d0c7', class: "content-wrap" }, h("div", { key: '3d09111817153cf4c15cb12b24f0ccddcccde6e1', class: "meta" }, this.slug != '' ? h("div", { class: "slug text-colour-primary" }, this.slug) : null, this.date != '' ? h("div", { class: "date" }, this.date) : null), this.mainImageUrl != '' ? (h("div", { class: "main-image-container" }, h("div", { class: "image-wrap" }, h("img", { src: this.mainImageUrl, alt: this.mainImageAltText })))) : null, h("h3", { key: '722202a10aae733ed8d14663fa47ddb516df401c', class: "title" }, h("a", { key: '2a06861933adcd1faf4fb2da0587dd7fb2f229dd', href: this.buttonUrl }, this.mainTitle)), this.image1Url != '' || this.image2Url != '' ? (h("div", { class: "image-group" }, this.image1Url != '' ? (h("div", { class: "image-container" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image1Url + "')" } }, h("img", { src: this.image1Url, alt: this.image1AltText })))) : null, this.image2Url != '' ? (h("div", { class: "image-container" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image2Url + "')" } }, h("img", { src: this.image2Url, alt: this.image2AltText })))) : null)) : null, this.imageLabel != '' ? h("div", { class: "image-label" }, this.imageLabel) : null, this.buttonLabel != null && this.buttonUrl != null ? (h("div", { class: "button-wrap align-right" }, h("biggive-button", { "colour-scheme": 'clear-' + this.buttonColour, url: this.buttonUrl, label: this.buttonLabel }))) : null))));
|
|
45
45
|
}
|
|
46
46
|
static get is() { return "biggive-article-card"; }
|
|
47
47
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { getAssetPath, h } from "@stencil/core";
|
|
2
2
|
export class BiggiveBackToTop {
|
|
3
3
|
render() {
|
|
4
|
-
return (h("div", { key: '
|
|
4
|
+
return (h("div", { key: 'f88a2a340a38cb30ae3ad3c05e58283621c4c0fe', class: "container" }, h("a", { key: '5790ed3f8af880c2f9ae6c171ec81fae88355a3b', href: "#" }, h("img", { key: '96f3ffb57156e0e045d6514ab26d9284c8f05db7', src: getAssetPath('assets/images/triangles-combined.svg') }), h("span", { key: '6028a8d2d233185a753b5e09148d8e739e5e4e4e', class: "text" }, "Back to top"))));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "biggive-back-to-top"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -25,7 +25,7 @@ export class BiggiveBasicCard {
|
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
27
|
const HeadingTag = `h${this.headingLevel}`;
|
|
28
|
-
return (h("div", { key: '
|
|
28
|
+
return (h("div", { key: '643f08ef88444868f25e9b2df3529cbd20facebe', class: 'container space-below-' +
|
|
29
29
|
this.spaceBelow +
|
|
30
30
|
' background-colour-' +
|
|
31
31
|
this.backgroundColour +
|
|
@@ -34,7 +34,7 @@ export class BiggiveBasicCard {
|
|
|
34
34
|
' clip-top-right-corner-' +
|
|
35
35
|
this.clipTopRightCorner +
|
|
36
36
|
' add-animation-' +
|
|
37
|
-
this.addAnimation, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("a", { key: '
|
|
37
|
+
this.addAnimation, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("a", { key: 'd4ddd87a0a25d7aeef63948d04994cd7ca43bb5b', href: this.buttonUrl }, h("div", { key: '17f6638c0d43a723713da03792b78203f2981d9b', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("div", { key: '914e0c63a50d63023b707a3c5443d3bee387fbb0', class: "content-wrap" }, this.icon == true ? (h("div", { class: "icon" }, h("svg", { width: "53", height: "39", viewBox: "0 0 53 39", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z", class: "fill-black" }), h("path", { d: "M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z", class: 'fill-' + this.iconColour })))) : null, 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(HeadingTag, { key: '25ce80ff6ad001addc72e738a7c3aa4177ab81a7', class: "title" }, this.mainTitle), h("div", { key: 'e0b1e8fa867f69262ddb57284bf09cd9d34a85b4', class: "subtitle" }, this.subtitle), h("div", { key: '25d02aac64074ee2c6e647cbb191a7398afa2324', 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, url: this.buttonUrl, label: this.buttonLabel }))) : null)))));
|
|
38
38
|
}
|
|
39
39
|
static get is() { return "biggive-basic-card"; }
|
|
40
40
|
static get encapsulation() { return "shadow"; }
|
|
@@ -13,7 +13,7 @@ export class BiggiveBeneficiaryIcon {
|
|
|
13
13
|
return icon;
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h("div", { key: '
|
|
16
|
+
return (h("div", { key: '001c875223931cb598b5c852e31900d3924dae3b', class: "container" }, h("div", { key: 'edf7941200c80d24f4543df2e16eac67cf24e87d', class: 'beneficiary-icon-item background-colour-' + this.backgroundColour }, h("a", { key: '4d73d7ff76306fe60a0076dbd405de6d26c9b482', href: this.url }, h("svg", { key: 'e9def37ac5b6e5b403021e9bc845f493ea2ff64a', width: this.getBeneficiaryIcon().icon[0], height: this.getBeneficiaryIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getBeneficiaryIcon().icon[0] + ' ' + this.getBeneficiaryIcon().icon[1] }, h("path", { key: 'dd7fc97b0259ef55dc8ef530a9a09f54a21328f2', d: this.getBeneficiaryIcon().icon[4].toString() })))), h("div", { key: '7bb75ce8b51226298748edf848f6321ad8e42411', class: "label" }, this.label)));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "biggive-beneficiary-icon"; }
|
|
19
19
|
static get originalStyleUrls() {
|
|
@@ -8,7 +8,7 @@ export class BiggiveBoxedContent {
|
|
|
8
8
|
this.shadow = true;
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h("div", { key: '
|
|
11
|
+
return (h("div", { key: '1e50eff03ca28273c5238b9be78a42c73a50e573', class: 'container background-colour-' +
|
|
12
12
|
this.backgroundColour +
|
|
13
13
|
' space-below-' +
|
|
14
14
|
this.spaceBelow +
|
|
@@ -17,7 +17,7 @@ export class BiggiveBoxedContent {
|
|
|
17
17
|
' vertical-padding-' +
|
|
18
18
|
this.verticalPadding +
|
|
19
19
|
' shadow-' +
|
|
20
|
-
this.shadow }, h("slot", { key: '
|
|
20
|
+
this.shadow }, h("slot", { key: 'f6bbc647464e5290c9639e5cb5a65d8aada9ec67' })));
|
|
21
21
|
}
|
|
22
22
|
static get is() { return "biggive-boxed-content"; }
|
|
23
23
|
static get encapsulation() { return "shadow"; }
|
|
@@ -10,7 +10,7 @@ export class BiggiveBrandedImage {
|
|
|
10
10
|
this.charityUrl = undefined;
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h("div", { key: '
|
|
13
|
+
return (h("div", { key: '23614f7c92777ff9cc505df3ba05e414266140ae', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'de69e9303308ff4be55295f6d98c8df514ed1379', class: "slug" }, this.slug), this.imageUrl !== undefined && this.imageUrl !== null ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl }))) : null, this.logoUrl !== undefined && this.logoUrl !== null ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? h("h3", { class: "title" }, this.charityName) : null, this.charityLocation !== undefined && this.charityLocation !== null ? h("div", { class: "charity-info" }, this.charityLocation) : null));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "biggive-branded-image"; }
|
|
16
16
|
static get encapsulation() { return "shadow"; }
|
|
@@ -20,7 +20,7 @@ export class BiggiveButton {
|
|
|
20
20
|
// If there's no or an empty href then it isn't possible to click by keyboard and we would have to handle keyboard
|
|
21
21
|
// interaction separately.
|
|
22
22
|
const href = this.url || 'javascript:void(0);';
|
|
23
|
-
return (h("div", { key: '
|
|
23
|
+
return (h("div", { key: 'dbeaf6e497347f01a93fdcef834278c53fe1862c', class: 'container space-below-' + this.spaceBelow + ' centered-' + this.centered }, h("a", { key: '2c3311d120a8fec58ef61e1752eb49e8864fdc62', role: "button", href: href, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId, class: 'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString() }, h("span", { key: 'd333638f37d44b1978d28e2e0aed895603035b7b', onClick: this.handleButtonClick }, this.label))));
|
|
24
24
|
}
|
|
25
25
|
static get is() { return "biggive-button"; }
|
|
26
26
|
static get encapsulation() { return "shadow"; }
|
|
@@ -23,7 +23,7 @@ export class BiggiveCallToAction {
|
|
|
23
23
|
this.secondaryButtonColourScheme = 'primary';
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h("div", { key: '
|
|
26
|
+
return (h("div", { key: '737d23c5a9cd076d97119bfbafea9cb1adfde593', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '85b748c57cb11df17163d46eb50ff40dcd80f184', class: "sleeve" }, h("div", { key: 'd6b5acd26645795380b46ebe9dde981cb4b6f5c5', class: "content-wrap" }, h("div", { key: 'e799140d21b21c1626d033ce2b9271cd15b603d4', class: 'slug heading-' + this.slugSize + ' text-colour-' + this.slugColour }, this.slug), h("h2", { key: '635799a004f8da692870eb2429061a15bbefdeb1', class: 'title heading-' + this.mainTitleSize + ' text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: 'bcce702c566d67fb3882e09a8d07dbc9c3c147b9', class: 'slug heading-' + this.subtitleSize + ' text-colour-' + this.subtitleColour }, this.subtitle), h("div", { key: '4a5efea7e108f4d2c58ce3bca58c96e93e532927', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.primaryButtonLabel != null && this.primaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.primaryButtonColourScheme, url: this.primaryButtonUrl, label: this.primaryButtonLabel }))) : null, this.secondaryButtonLabel != null && this.secondaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.secondaryButtonColourScheme, url: this.secondaryButtonUrl, label: this.secondaryButtonLabel }))) : null))));
|
|
27
27
|
}
|
|
28
28
|
static get is() { return "biggive-call-to-action"; }
|
|
29
29
|
static get encapsulation() { return "shadow"; }
|
|
@@ -28,7 +28,7 @@ export class BiggiveCampaignCard {
|
|
|
28
28
|
return value === undefined || value === null || value === '';
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
|
-
return (h("div", { key: '
|
|
31
|
+
return (h("div", { key: '2421d53af938d73321d2a8cc4a8383cd161ca9ff', class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { key: '2626b7abba9a7aeb1486cff409c3c38674760365', class: "sleeve" }, h("div", { key: '74fe96d9a92d9a3448f3160cbddefe7f2e9fdbe4', onClick: this.handleCardGeneralClick, class: "above-button-wrap" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null ? (h("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.banner + ')' } })) : (h("div", { class: "image-wrap banner" })), h("div", { key: '5a72cb78b9271eb8606cb4ec2423ac3dc2820a76', class: "title-wrap" }, h("h3", { key: 'fedb41c594b01b27b20cc98e0f5056c4596b9aa3' }, this.campaignTitle), h("div", { key: 'b566c1e7393345282babe5e0ca8ef70c6fcb5597', class: "organisation-name" }, "By ", this.organisationName)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? null : (h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), h("div", { key: 'f1848445781507dcf88a5354d7039dc48d488f97', class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel })), h("biggive-button", { key: 'caa197682accd7e29acaa5936de6d83634af5737', "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
|
|
32
32
|
}
|
|
33
33
|
static get is() { return "biggive-campaign-card"; }
|
|
34
34
|
static get encapsulation() { return "shadow"; }
|
|
@@ -3,6 +3,7 @@ import { faMagnifyingGlass } from "@fortawesome/pro-solid-svg-icons";
|
|
|
3
3
|
const sortOptionLabels = {
|
|
4
4
|
relevance: 'Relevance',
|
|
5
5
|
amountRaised: 'Most raised',
|
|
6
|
+
leastRaised: 'Least raised',
|
|
6
7
|
matchFundsRemaining: 'Match funds remaining',
|
|
7
8
|
};
|
|
8
9
|
export class BiggiveCampaignCardFilterGrid {
|
|
@@ -159,13 +160,13 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
159
160
|
render() {
|
|
160
161
|
var _a;
|
|
161
162
|
const sortOptions = this.getSortOptions();
|
|
162
|
-
return (h("div", { key: '
|
|
163
|
+
return (h("div", { key: '404035835ea2a5db524c515b25a843c9e86cbdea', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'f7a538ed5c0661b86b7a857d07425ef42a8d81c7', class: "sleeve" }, h("div", { key: '9e1bbd9fee2c0d67145480b72ac030bd627fa729', class: "search-wrap" }, h("h4", { key: '8725af4aabe5a62ce2e2388695f0cf36c50a0911' }, this.intro), h("div", { key: 'a67217debfd2d167666ba86aeee1e616af5ab6fd', class: "field-wrap" }, h("div", { key: 'e48a9758847e1db110cfd7d606b5f8ce5bfa4bbd', class: "input-wrap" }, h("svg", { key: 'cbf8a5652b9c458651c31e88ecab7f874b4c2f2e', xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { key: '2eb193efea451080b07fdf291816388b24b0ae70', d: faMagnifyingGlass.icon[4].toString() })), h("input", { key: 'fb0431ca9a300f21fc2aafd9f3c029a6e0fc7ead', type: "text", value: (_a = this.searchText) !== null && _a !== void 0 ? _a : '', class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { key: '497b03b6fcebdb8ee499cbfa4bfced1eead4f69d', onClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { key: '5a3eb80a1c2b1097b94a674d426a608df9ebef02', class: "sort-filter-wrap" }, h("div", { key: '3830659cb32a2e62d1075a62c31a6334deb5c713', class: "filter-wrap" }, h("biggive-button", { key: '8d77eedd6036737cd90aed3870257e9ecc595ce0', class: "filter", colourScheme: "primary", onClick: this.handleFilterButtonClick, label: "Filter", fullWidth: true, "space-below": "0" }), h("biggive-popup", { key: '75a9c17b202866753def13657a491f27289f2098', id: "filter-popup" }, h("h4", { key: 'c491c7a2aebbd9798b7f5d078891025623750383', class: "space-above-0 space-below-3 text-colour-primary" }, "Filters"), h("div", { key: 'b78421a156a9f3d12c9ee53f227004ad563b7136', class: "select-wrapper-1" }, h("biggive-form-field-select", { key: 'd302cfb33d72c6530f26aa7a423f7490ae45bbc1', 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" })), h("div", { key: '2789131f44a6d1d5617266d0dc529269fea81213', class: "select-wrapper-2" }, h("biggive-form-field-select", { key: '9c948c37182520aa82de33c7837ffe0fa559634b', 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" })), h("div", { key: '5cfa9644aa25e0ee2a9edd9d972f861d7854be7e', class: "select-wrapper-3" }, h("biggive-form-field-select", { key: '2619526ff4c9e42fd76b49e5d9ff893f10a03daa', 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" })), h("div", { key: '78a1293054cb1989f8e3df64348562f3d6fde765', class: "align-right" }, h("biggive-button", { key: '4ca02586cda3511393035fca8085cbb1d3fe8ce5', label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), h("div", { key: 'b8a19021c6b7efd2acc9d041570591a2e888582b', class: "sort-wrap" }, h("biggive-form-field-select", { key: '62a26d8694c3f5cca72d5e6c29fb0991e10e5f1e', options: sortOptions, prompt: null, "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, selectedValue: this.getSelectedValue(), selectionChanged: this.sortBySelectionChanged, id: "sort-by" }, h("biggive-form-field-select-option", { key: '42051484f40c434e74a1e116faa23edeff2e49e0', value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { key: 'a24483f83866114844a9cd60ad1a0ebbed246a62', value: "leastRaised", label: "Least raised" }), h("biggive-form-field-select-option", { key: '7829152ff2b02d59e67a7aae64615e52d727b546', value: "matchFundsRemaining", label: "Match funds remaining" }), (this.searchText || '').length > 0 ? h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), h("div", { key: '1d6c63e2c240027feed766f8b8a7953e697ba43b', class: "selected-filter-wrap" }, h("div", { key: '56da02500dd69a5e54511209b5561386d8fd2946', class: "selected-filters" }, this.selectedFilterCategory && (h("span", { key: '8b61fa1f82061bdcb60cd2a82e29f0b4175f747b', class: "button", onClick: () => {
|
|
163
164
|
this.removeFilter('categories');
|
|
164
|
-
} }, this.selectedFilterCategory)), this.selectedFilterBeneficiary && (h("span", { key: '
|
|
165
|
+
} }, this.selectedFilterCategory)), this.selectedFilterBeneficiary && (h("span", { key: '75994c1b6e48eefd5f5bd262aaddfc7506b98085', class: "button", onClick: () => {
|
|
165
166
|
this.removeFilter('beneficiaries');
|
|
166
|
-
} }, this.selectedFilterBeneficiary)), this.selectedFilterLocation && (h("span", { key: '
|
|
167
|
+
} }, this.selectedFilterBeneficiary)), this.selectedFilterLocation && (h("span", { key: '6fa26ebc471f719725cdf41bdc1163eace160e43', class: "button", onClick: () => {
|
|
167
168
|
this.removeFilter('locations');
|
|
168
|
-
} }, this.selectedFilterLocation))), h("div", { key: '
|
|
169
|
+
} }, this.selectedFilterLocation))), h("div", { key: '7ca49c8a37dcac3a8f5bc70ef19a48d832dd8a83', class: "clear-all" }, h("a", { key: 'a3d6d94268dd29a21c107fb63d44154559ab9abe', onClick: this.handleClearAll }, "Clear all"))), h("div", { key: '1d3e934257f1be93e964f7af2b56acc837c2a57b', class: "campaign-grid" }, h("slot", { key: 'f62d141a50be159e29ef40821400257c161147a8', name: "campaign-grid" })))));
|
|
169
170
|
}
|
|
170
171
|
// I'm not sure if I understand the reasoning for own-methods-must-be-private. I made the method below public to unit
|
|
171
172
|
// test it. Maybe the idea is that we should move anything with enough logic to test outside the component class? I
|
|
@@ -375,9 +376,15 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
375
376
|
"type": "string",
|
|
376
377
|
"mutable": true,
|
|
377
378
|
"complexType": {
|
|
378
|
-
"original": "
|
|
379
|
-
"resolved": "\"Match funds remaining\" | \"Most raised\" | \"Relevance\"",
|
|
380
|
-
"references": {
|
|
379
|
+
"original": "sortOptionLabel",
|
|
380
|
+
"resolved": "\"Least raised\" | \"Match funds remaining\" | \"Most raised\" | \"Relevance\"",
|
|
381
|
+
"references": {
|
|
382
|
+
"sortOptionLabel": {
|
|
383
|
+
"location": "local",
|
|
384
|
+
"path": "/home/circleci/components/src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.tsx",
|
|
385
|
+
"id": "src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.tsx::sortOptionLabel"
|
|
386
|
+
}
|
|
387
|
+
}
|
|
381
388
|
},
|
|
382
389
|
"required": false,
|
|
383
390
|
"optional": false,
|