@biggive/components 1.0.120 → 1.0.122
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/assets/fonts/EuclidTriangle/stylesheet.css +10 -0
- package/dist/biggive/biggive.esm.js +1 -1
- package/dist/biggive/p-648bdc60.entry.js +1 -0
- package/dist/biggive/p-8b2f6103.entry.js +1 -0
- package/dist/cjs/{biggive-back-to-top_24.cjs.entry.js → biggive-back-to-top_23.cjs.entry.js} +12 -76
- package/dist/cjs/biggive-popup.cjs.entry.js +28 -0
- package/dist/cjs/biggive.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/fonts/EuclidTriangle/stylesheet.css +10 -0
- package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js +9 -42
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js +7 -15
- package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.js +9 -42
- package/dist/collection/components/biggive-footer/biggive-footer.js +1 -1
- package/dist/collection/components/biggive-progress-bar/biggive-progress-bar.js +2 -5
- package/dist/collection/components/biggive-social-icon/biggive-social-icon.js +3 -3
- package/dist/components/biggive-campaign-card-filter-grid.js +13 -27
- package/dist/components/biggive-campaign-card.js +3 -20
- package/dist/components/biggive-campaign-highlights.js +3 -19
- package/dist/components/biggive-footer.js +1 -1
- package/dist/components/biggive-popup.js +39 -1
- package/dist/components/biggive-progress-bar2.js +1 -4
- package/dist/components/biggive-social-icon.js +1 -1
- package/dist/esm/{biggive-back-to-top_24.entry.js → biggive-back-to-top_23.entry.js} +13 -76
- package/dist/{components/biggive-popup2.js → esm/biggive-popup.entry.js} +8 -25
- package/dist/esm/biggive.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/biggive-campaign-card/biggive-campaign-card.d.ts +4 -12
- package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.d.ts +0 -2
- package/dist/types/components/biggive-campaign-highlights/biggive-campaign-highlights.d.ts +4 -12
- package/dist/types/components/biggive-progress-bar/biggive-progress-bar.d.ts +1 -2
- package/dist/types/components/biggive-social-icon/biggive-social-icon.d.ts +2 -2
- package/dist/types/components.d.ts +22 -38
- package/hydrate/index.js +16 -60
- package/package.json +1 -1
- package/dist/biggive/p-429ef990.entry.js +0 -1
package/dist/cjs/{biggive-back-to-top_24.cjs.entry.js → biggive-back-to-top_23.cjs.entry.js}
RENAMED
|
@@ -80,7 +80,6 @@ const BiggiveCampaignCard = class {
|
|
|
80
80
|
this.banner = null;
|
|
81
81
|
this.campaignTitle = null;
|
|
82
82
|
this.organisationName = null;
|
|
83
|
-
this.currencyCode = undefined;
|
|
84
83
|
this.primaryFigureLabel = null;
|
|
85
84
|
this.primaryFigureAmount = null;
|
|
86
85
|
this.secondaryFigureLabel = null;
|
|
@@ -93,23 +92,8 @@ const BiggiveCampaignCard = class {
|
|
|
93
92
|
this.moreInfoButtonUrl = null;
|
|
94
93
|
this.moreInfoButtonColourScheme = 'clear-primary';
|
|
95
94
|
}
|
|
96
|
-
/**
|
|
97
|
-
* @returns Whole large currency units (e.g. pounds) formatted with symbol.
|
|
98
|
-
*/
|
|
99
|
-
formatCurrency(currencyCode, amount) {
|
|
100
|
-
if (amount === null || isNaN(amount)) {
|
|
101
|
-
return '–';
|
|
102
|
-
}
|
|
103
|
-
return Intl.NumberFormat('en-GB', {
|
|
104
|
-
style: 'currency',
|
|
105
|
-
currency: currencyCode,
|
|
106
|
-
currencyDisplay: 'symbol',
|
|
107
|
-
minimumFractionDigits: 0,
|
|
108
|
-
maximumFractionDigits: 0,
|
|
109
|
-
}).format(amount);
|
|
110
|
-
}
|
|
111
95
|
render() {
|
|
112
|
-
return (index.h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, index.h("div", { class: "sleeve" }, this.campaignType !== null ? (index.h("div", { class: "campaign-type" }, index.h("span", null, this.campaignType))) : null, this.banner !== null ? (index.h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, index.h("img", { src: this.banner, class: "banner" }))) : (index.h("div", { class: "image-wrap banner" })), index.h("div", { class: "title-wrap" }, index.h("h3", null, this.campaignTitle), index.h("div", { class: "organisation-name" }, "By ", this.organisationName)), index.h("div", { class: "meta-wrap" }, index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, this.primaryFigureLabel), index.h("span", { class: "text" }, this.
|
|
96
|
+
return (index.h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, index.h("div", { class: "sleeve" }, this.campaignType !== null ? (index.h("div", { class: "campaign-type" }, index.h("span", null, this.campaignType))) : null, this.banner !== null ? (index.h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, index.h("img", { src: this.banner, class: "banner" }))) : (index.h("div", { class: "image-wrap banner" })), index.h("div", { class: "title-wrap" }, index.h("h3", null, this.campaignTitle), index.h("div", { class: "organisation-name" }, "By ", this.organisationName)), index.h("div", { class: "meta-wrap" }, index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, this.primaryFigureLabel), index.h("span", { class: "text" }, this.primaryFigureAmount)), index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, this.secondaryFigureLabel), index.h("span", { class: "text" }, this.secondaryFigureAmount))), index.h("div", { class: "progress-bar-wrap" }, index.h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), index.h("div", { class: "button-wrap" }, index.h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel }), index.h("biggive-button", { "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
|
|
113
97
|
}
|
|
114
98
|
};
|
|
115
99
|
BiggiveCampaignCard.style = biggiveCampaignCardCss;
|
|
@@ -130,9 +114,9 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
130
114
|
this.sortBy = event.target.value;
|
|
131
115
|
this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
|
|
132
116
|
};
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
};
|
|
117
|
+
// private handleApplyFilterButtonClick = () => {
|
|
118
|
+
// this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
|
|
119
|
+
// };
|
|
136
120
|
this.handleSearchButtonPressed = () => {
|
|
137
121
|
this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
|
|
138
122
|
};
|
|
@@ -144,9 +128,6 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
144
128
|
this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
|
|
145
129
|
}
|
|
146
130
|
};
|
|
147
|
-
this.handleFilterButtonClick = () => {
|
|
148
|
-
this.el.shadowRoot.getElementById('filter-popup').open();
|
|
149
|
-
};
|
|
150
131
|
this.spaceBelow = 0;
|
|
151
132
|
this.intro = 'Find a charity or project';
|
|
152
133
|
this.placeholderText = 'Search';
|
|
@@ -174,16 +155,11 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
174
155
|
this.filterLocation = this.el.shadowRoot.getElementById('locations').selectedValue;
|
|
175
156
|
this.filterFunding = this.el.shadowRoot.getElementById('funding').selectedValue;
|
|
176
157
|
}
|
|
158
|
+
// private handleFilterButtonClick = () => {
|
|
159
|
+
// this.el.shadowRoot.getElementById('filter-popup').open();
|
|
160
|
+
// };
|
|
177
161
|
render() {
|
|
178
|
-
return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "search-wrap" }, index.h("h4", null, this.intro), index.h("div", { class: "field-wrap" }, index.h("div", { class: "input-wrap" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, index.h("path", { d: index$1.faMagnifyingGlass.icon[4].toString() })), index.h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), index.h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), index.h("div", { class: "sort-filter-wrap" }, index.h("div", { class: "sort-wrap" }, index.h("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by", onDoSelectChange: this.handleSortByChanged }, index.h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), index.h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }))), index.h("div", { class: "
|
|
179
|
-
? undefined
|
|
180
|
-
: this.categoryOptions.map(option => index.h("biggive-form-field-select-option", { value: option, label: option }))), index.h("biggive-form-field-select", { placeholder: "Beneficiary", id: "beneficiaries", "space-below": "2" }, this.beneficiaryOptions.length === 0
|
|
181
|
-
? undefined
|
|
182
|
-
: this.beneficiaryOptions.map(option => index.h("biggive-form-field-select-option", { value: option, label: option }))), index.h("biggive-form-field-select", { placeholder: "Location", id: "locations", "space-below": "2" }, this.locationOptions.length === 0
|
|
183
|
-
? undefined
|
|
184
|
-
: this.locationOptions.map(option => index.h("biggive-form-field-select-option", { value: option, label: option }))), index.h("biggive-form-field-select", { placeholder: "Funding", id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
|
|
185
|
-
? undefined
|
|
186
|
-
: this.fundingOptions.map(option => index.h("biggive-form-field-select-option", { value: option, label: option }))), index.h("div", { class: "align-right" }, index.h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick }))))), index.h("div", { class: "campaign-grid" }, index.h("slot", { name: "campaign-grid" })))));
|
|
162
|
+
return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "search-wrap" }, index.h("h4", null, this.intro), index.h("div", { class: "field-wrap" }, index.h("div", { class: "input-wrap" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, index.h("path", { d: index$1.faMagnifyingGlass.icon[4].toString() })), index.h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), index.h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), index.h("div", { class: "sort-filter-wrap" }, index.h("div", { class: "sort-wrap" }, index.h("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by", onDoSelectChange: this.handleSortByChanged }, index.h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), index.h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" })))), index.h("div", { class: "campaign-grid" }, index.h("slot", { name: "campaign-grid" })))));
|
|
187
163
|
}
|
|
188
164
|
get el() { return index.getElement(this); }
|
|
189
165
|
};
|
|
@@ -197,7 +173,6 @@ const BiggiveCampaignHighlights = class {
|
|
|
197
173
|
this.spaceBelow = 0;
|
|
198
174
|
this.banner = '';
|
|
199
175
|
this.campaignTitle = null;
|
|
200
|
-
this.currencyCode = 'GBP';
|
|
201
176
|
this.primaryFigureLabel = null;
|
|
202
177
|
this.primaryFigureAmount = null;
|
|
203
178
|
this.secondaryFigureLabel = null;
|
|
@@ -208,22 +183,8 @@ const BiggiveCampaignHighlights = class {
|
|
|
208
183
|
this.secondaryStatIcon = null;
|
|
209
184
|
this.secondaryStatText = null;
|
|
210
185
|
}
|
|
211
|
-
/**
|
|
212
|
-
* @returns Whole large currency units (e.g. pounds) formatted with symbol.
|
|
213
|
-
*/
|
|
214
|
-
formatCurrency(currencyCode, amount) {
|
|
215
|
-
if (amount === null || isNaN(amount)) {
|
|
216
|
-
return '–';
|
|
217
|
-
}
|
|
218
|
-
return Intl.NumberFormat('en-GB', {
|
|
219
|
-
style: 'currency',
|
|
220
|
-
currency: currencyCode,
|
|
221
|
-
currencyDisplay: 'symbol',
|
|
222
|
-
maximumFractionDigits: 0,
|
|
223
|
-
}).format(amount);
|
|
224
|
-
}
|
|
225
186
|
render() {
|
|
226
|
-
return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, this.campaignTitle != null ? (index.h("div", { class: "campaign-title" }, index.h("span", null, this.campaignTitle))) : null, this.banner.length > 0 ? (index.h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, index.h("img", { src: this.banner, class: "banner" }))) : null, index.h("div", { class: "meta-wrap" }, index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, this.primaryFigureLabel), index.h("span", { class: "text" }, this.
|
|
187
|
+
return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, this.campaignTitle != null ? (index.h("div", { class: "campaign-title" }, index.h("span", null, this.campaignTitle))) : null, this.banner.length > 0 ? (index.h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, index.h("img", { src: this.banner, class: "banner" }))) : null, index.h("div", { class: "meta-wrap" }, index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, this.primaryFigureLabel), index.h("span", { class: "text" }, this.primaryFigureAmount)), index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, this.secondaryFigureLabel), index.h("span", { class: "text" }, this.secondaryFigureAmount))), index.h("div", { class: "progress-bar-wrap" }, index.h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), index.h("div", { class: "stat-wrap" }, this.primaryStatIcon != null ? (index.h("div", { class: "stat-item" }, index.h("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), index.h("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (index.h("div", { class: "stat-item" }, index.h("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), index.h("span", { class: "label" }, this.secondaryStatText))) : null))));
|
|
227
188
|
}
|
|
228
189
|
};
|
|
229
190
|
BiggiveCampaignHighlights.style = biggiveCampaignHighlightsCss;
|
|
@@ -247,7 +208,7 @@ const BiggiveFooter = class {
|
|
|
247
208
|
this.appendMenu('nav-postscript');
|
|
248
209
|
}
|
|
249
210
|
render() {
|
|
250
|
-
return (index.h("footer", { class: "footer" }, index.h("div", { class: "row row-top" }, index.h("nav", { class: "nav nav-primary" }, index.h("h5", null, index.h("slot", { name: "nav-primary-title" }))), index.h("nav", { class: "nav nav-secondary" }, index.h("h5", null, index.h("slot", { name: "nav-secondary-title" }))), index.h("nav", { class: "nav nav-tertiary" }, index.h("h5", null, index.h("slot", { name: "nav-tertiary-title" }))), index.h("div", { class: "button-wrap" }, index.h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/charities", label: "For charities" }), index.h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/philanthropists", label: "For funders" }))), index.h("div", { class: "row row-bottom" }, index.h("div", { class: "postscript-wrap" }, index.h("img", { class: "fr-logo", src: index.getAssetPath('../assets/images/fundraising-regulator.png') }), index.h("nav", { class: "nav nav-postscript" })), index.h("div", { class: "social-icon-wrap" }, index.h("slot", { name: "social-icons" })), index.h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
|
|
211
|
+
return (index.h("footer", { class: "footer" }, index.h("div", { class: "row row-top" }, index.h("nav", { class: "nav nav-primary" }, index.h("h5", null, index.h("slot", { name: "nav-primary-title" }))), index.h("nav", { class: "nav nav-secondary" }, index.h("h5", null, index.h("slot", { name: "nav-secondary-title" }))), index.h("nav", { class: "nav nav-tertiary" }, index.h("h5", null, index.h("slot", { name: "nav-tertiary-title" }))), index.h("div", { class: "button-wrap" }, index.h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/charities", label: "For charities" }), index.h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/philanthropists", label: "For funders" }))), index.h("div", { class: "row row-bottom" }, index.h("div", { class: "postscript-wrap" }, index.h("img", { class: "fr-logo", src: index.getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), index.h("nav", { class: "nav nav-postscript" })), index.h("div", { class: "social-icon-wrap" }, index.h("slot", { name: "social-icons" })), index.h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
|
|
251
212
|
}
|
|
252
213
|
get host() { return index.getElement(this); }
|
|
253
214
|
};
|
|
@@ -483,27 +444,6 @@ const BiggivePageSection = class {
|
|
|
483
444
|
};
|
|
484
445
|
BiggivePageSection.style = biggivePageSectionCss;
|
|
485
446
|
|
|
486
|
-
const biggivePopupCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:47px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.popup{position:fixed;display:none;z-index:100;top:0;bottom:0;left:0;right:0;padding:15px;background-color:rgba(0, 0, 0, 0.75);transition:all 0.5s ease-in-out}.popup .sleeve{position:relative;max-width:600px;padding:30px;box-sizing:border-box;position:relative;margin-left:auto;margin-right:auto;top:50%;transform:translateY(-50%);background-color:#FFFFFF;text-align:left}.popup .header .close{width:25px;height:25px;position:absolute;top:10px;right:10px;background-color:#2C089B;border-radius:50%;cursor:pointer}.popup[data-visible=true]{display:block}";
|
|
487
|
-
|
|
488
|
-
const BiggivePopup = class {
|
|
489
|
-
constructor(hostRef) {
|
|
490
|
-
index.registerInstance(this, hostRef);
|
|
491
|
-
this.close = (event) => {
|
|
492
|
-
if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {
|
|
493
|
-
this.el.shadowRoot.querySelector('.popup').setAttribute('data-visible', 'false');
|
|
494
|
-
}
|
|
495
|
-
};
|
|
496
|
-
}
|
|
497
|
-
async open() {
|
|
498
|
-
this.el.shadowRoot.querySelector('.popup').setAttribute('data-visible', 'true');
|
|
499
|
-
}
|
|
500
|
-
render() {
|
|
501
|
-
return (index.h("div", { class: "popup", onClick: this.close }, index.h("div", { class: "sleeve" }, index.h("div", { class: "header" }, index.h("div", { class: "close", onClick: this.close })), index.h("div", { class: "content" }, index.h("slot", null)))));
|
|
502
|
-
}
|
|
503
|
-
get el() { return index.getElement(this); }
|
|
504
|
-
};
|
|
505
|
-
BiggivePopup.style = biggivePopupCss;
|
|
506
|
-
|
|
507
447
|
const biggiveProgressBarCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:47px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:block;margin-bottom:5px;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}";
|
|
508
448
|
|
|
509
449
|
const BiggiveProgressBar = class {
|
|
@@ -513,11 +453,8 @@ const BiggiveProgressBar = class {
|
|
|
513
453
|
this.colourScheme = 'primary';
|
|
514
454
|
this.counter = 100;
|
|
515
455
|
}
|
|
516
|
-
getPercentage() {
|
|
517
|
-
return Math.round(this.counter);
|
|
518
|
-
}
|
|
519
456
|
render() {
|
|
520
|
-
return (index.h("div", { class: 'progress-bar progress-bar-' + this.colourScheme + ' space-below-' + this.spaceBelow }, index.h("div", { class: "slider" }, index.h("div", { class: "progress", style: { width: this.
|
|
457
|
+
return (index.h("div", { class: 'progress-bar progress-bar-' + this.colourScheme + ' space-below-' + this.spaceBelow }, index.h("div", { class: "slider" }, index.h("div", { class: "progress", style: { width: `${this.counter}%` } })), index.h("div", { class: "counter" }, this.counter, "%")));
|
|
521
458
|
}
|
|
522
459
|
};
|
|
523
460
|
BiggiveProgressBar.style = biggiveProgressBarCss;
|
|
@@ -537,7 +474,7 @@ const BiggiveSocialIcon = class {
|
|
|
537
474
|
return icon;
|
|
538
475
|
}
|
|
539
476
|
render() {
|
|
540
|
-
return (index.h("div", { class: 'social-icon-item background-colour-' + this.backgroundColour }, index.h("a", { href: this.url, target: "_blank" }, index.h("svg", { width: this.getSocialIcon().icon[0], height: this.getSocialIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getSocialIcon().icon[0] + ' ' + this.getSocialIcon().icon[1] }, index.h("path", { d: this.getSocialIcon().icon[4].toString() })))));
|
|
477
|
+
return (index.h("div", { class: 'social-icon-item background-colour-' + this.backgroundColour }, index.h("a", { href: this.url, "aria-label": `Big Give on ${this.service}`, target: "_blank" }, index.h("svg", { width: this.getSocialIcon().icon[0], height: this.getSocialIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getSocialIcon().icon[0] + ' ' + this.getSocialIcon().icon[1] }, index.h("path", { d: this.getSocialIcon().icon[4].toString() })))));
|
|
541
478
|
}
|
|
542
479
|
};
|
|
543
480
|
BiggiveSocialIcon.style = biggiveSocialIconCss;
|
|
@@ -621,7 +558,6 @@ exports.biggive_misc_icon = BiggiveMiscIcon;
|
|
|
621
558
|
exports.biggive_page_column = BiggivePageColumn;
|
|
622
559
|
exports.biggive_page_columns = BiggivePageColumns;
|
|
623
560
|
exports.biggive_page_section = BiggivePageSection;
|
|
624
|
-
exports.biggive_popup = BiggivePopup;
|
|
625
561
|
exports.biggive_progress_bar = BiggiveProgressBar;
|
|
626
562
|
exports.biggive_social_icon = BiggiveSocialIcon;
|
|
627
563
|
exports.biggive_totalizer = BiggiveTotalizer;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-135ed6c9.js');
|
|
6
|
+
|
|
7
|
+
const biggivePopupCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:47px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.popup{position:fixed;display:none;z-index:100;top:0;bottom:0;left:0;right:0;padding:15px;background-color:rgba(0, 0, 0, 0.75);transition:all 0.5s ease-in-out}.popup .sleeve{position:relative;max-width:600px;padding:30px;box-sizing:border-box;position:relative;margin-left:auto;margin-right:auto;top:50%;transform:translateY(-50%);background-color:#FFFFFF;text-align:left}.popup .header .close{width:25px;height:25px;position:absolute;top:10px;right:10px;background-color:#2C089B;border-radius:50%;cursor:pointer}.popup[data-visible=true]{display:block}";
|
|
8
|
+
|
|
9
|
+
const BiggivePopup = class {
|
|
10
|
+
constructor(hostRef) {
|
|
11
|
+
index.registerInstance(this, hostRef);
|
|
12
|
+
this.close = (event) => {
|
|
13
|
+
if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {
|
|
14
|
+
this.el.shadowRoot.querySelector('.popup').setAttribute('data-visible', 'false');
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
async open() {
|
|
19
|
+
this.el.shadowRoot.querySelector('.popup').setAttribute('data-visible', 'true');
|
|
20
|
+
}
|
|
21
|
+
render() {
|
|
22
|
+
return (index.h("div", { class: "popup", onClick: this.close }, index.h("div", { class: "sleeve" }, index.h("div", { class: "header" }, index.h("div", { class: "close", onClick: this.close })), index.h("div", { class: "content" }, index.h("slot", null)))));
|
|
23
|
+
}
|
|
24
|
+
get el() { return index.getElement(this); }
|
|
25
|
+
};
|
|
26
|
+
BiggivePopup.style = biggivePopupCss;
|
|
27
|
+
|
|
28
|
+
exports.biggive_popup = BiggivePopup;
|
package/dist/cjs/biggive.cjs.js
CHANGED
|
@@ -15,5 +15,5 @@ const patchBrowser = () => {
|
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(options => {
|
|
18
|
-
return index.bootstrapLazy([["biggive-back-to-
|
|
18
|
+
return index.bootstrapLazy([["biggive-back-to-top_23.cjs",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[16],"beneficiaryOptions":[16],"locationOptions":[16],"fundingOptions":[16]},[[0,"doSelectChange","doOptionSelectCompletedHandler"]]],[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"]}],[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"]}],[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}],[1,"biggive-footer"],[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"mainImage":[1,"main-image"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"],"tickerItems":[16]}],[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-back-to-top"],[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"columnGap":[2,"column-gap"]}],[1,"biggive-header",{"spaceBelow":[2,"space-below"],"logoUrl":[1,"logo-url"]}],[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1]}],[1,"biggive-page-column"],[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}],[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"]}],[0,"biggive-social-icon",{"service":[1],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"url":[1]}],[1,"biggive-form-field-select",{"selectedValue":[1,"selected-value"],"selectedLabel":[1,"selected-label"],"spaceBelow":[2,"space-below"],"placeholder":[1]},[[0,"doOptionSelect","doOptionSelectCompletedHandler"]]],[1,"biggive-form-field-select-option",{"label":[1],"value":[1],"selectedValue":[32],"selectedLabel":[32]}],[0,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}],[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}],[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}],[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4]}]]],["biggive-article-card.cjs",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundColourHover":[1,"background-colour-hover"],"textColour":[1,"text-colour"],"slug":[1],"date":[1],"mainTitle":[1,"main-title"],"imageUrl":[1,"image-url"],"imageLabel":[1,"image-label"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"]}]]],["biggive-basic-card.cjs",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainTitle":[1,"main-title"],"subtitle":[1],"iconColour":[1,"icon-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["biggive-search.cjs",[[1,"biggive-search",{"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"searchText":[32]}]]],["biggive-beneficiary-icon.cjs",[[0,"biggive-beneficiary-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-boxed-content.cjs",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["biggive-branded-image.cjs",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1]}]]],["biggive-category-icon.cjs",[[0,"biggive-category-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-form.cjs",[[1,"biggive-form"]]],["biggive-formatted-text.cjs",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-icon-group.cjs",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["biggive-image.cjs",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["biggive-nav-group.cjs",[[1,"biggive-nav-group",{"inline":[4]}]]],["biggive-nav-item.cjs",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["biggive-popup.cjs",[[1,"biggive-popup",{"open":[64]}]]],["biggive-quote.cjs",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1]}]]],["biggive-tab.cjs",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["biggive-tabbed-content.cjs",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-text-input.cjs",[[1,"biggive-text-input"]]],["biggive-video.cjs",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]]], options);
|
|
19
19
|
});
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return index.bootstrapLazy([["biggive-back-to-
|
|
17
|
+
return index.bootstrapLazy([["biggive-back-to-top_23.cjs",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[16],"beneficiaryOptions":[16],"locationOptions":[16],"fundingOptions":[16]},[[0,"doSelectChange","doOptionSelectCompletedHandler"]]],[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"]}],[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"]}],[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}],[1,"biggive-footer"],[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"mainImage":[1,"main-image"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"],"tickerItems":[16]}],[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-back-to-top"],[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"columnGap":[2,"column-gap"]}],[1,"biggive-header",{"spaceBelow":[2,"space-below"],"logoUrl":[1,"logo-url"]}],[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1]}],[1,"biggive-page-column"],[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}],[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"]}],[0,"biggive-social-icon",{"service":[1],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"url":[1]}],[1,"biggive-form-field-select",{"selectedValue":[1,"selected-value"],"selectedLabel":[1,"selected-label"],"spaceBelow":[2,"space-below"],"placeholder":[1]},[[0,"doOptionSelect","doOptionSelectCompletedHandler"]]],[1,"biggive-form-field-select-option",{"label":[1],"value":[1],"selectedValue":[32],"selectedLabel":[32]}],[0,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}],[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}],[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}],[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4]}]]],["biggive-article-card.cjs",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundColourHover":[1,"background-colour-hover"],"textColour":[1,"text-colour"],"slug":[1],"date":[1],"mainTitle":[1,"main-title"],"imageUrl":[1,"image-url"],"imageLabel":[1,"image-label"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"]}]]],["biggive-basic-card.cjs",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainTitle":[1,"main-title"],"subtitle":[1],"iconColour":[1,"icon-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["biggive-search.cjs",[[1,"biggive-search",{"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"searchText":[32]}]]],["biggive-beneficiary-icon.cjs",[[0,"biggive-beneficiary-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-boxed-content.cjs",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["biggive-branded-image.cjs",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1]}]]],["biggive-category-icon.cjs",[[0,"biggive-category-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-form.cjs",[[1,"biggive-form"]]],["biggive-formatted-text.cjs",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-icon-group.cjs",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["biggive-image.cjs",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["biggive-nav-group.cjs",[[1,"biggive-nav-group",{"inline":[4]}]]],["biggive-nav-item.cjs",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["biggive-popup.cjs",[[1,"biggive-popup",{"open":[64]}]]],["biggive-quote.cjs",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1]}]]],["biggive-tab.cjs",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["biggive-tabbed-content.cjs",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-text-input.cjs",[[1,"biggive-text-input"]]],["biggive-video.cjs",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
url('EuclidTriangle-SemiBoldItalic.woff') format('woff');
|
|
6
6
|
font-weight: 600;
|
|
7
7
|
font-style: italic;
|
|
8
|
+
font-display: swap;
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
@font-face {
|
|
@@ -14,6 +15,7 @@
|
|
|
14
15
|
url('EuclidTriangle-Bold.woff') format('woff');
|
|
15
16
|
font-weight: bold;
|
|
16
17
|
font-style: normal;
|
|
18
|
+
font-display: swap;
|
|
17
19
|
}
|
|
18
20
|
|
|
19
21
|
@font-face {
|
|
@@ -23,6 +25,7 @@
|
|
|
23
25
|
url('EuclidTriangle-MediumItalic.woff') format('woff');
|
|
24
26
|
font-weight: 500;
|
|
25
27
|
font-style: italic;
|
|
28
|
+
font-display: swap;
|
|
26
29
|
}
|
|
27
30
|
|
|
28
31
|
@font-face {
|
|
@@ -32,6 +35,7 @@
|
|
|
32
35
|
url('EuclidTriangle-Light.woff') format('woff');
|
|
33
36
|
font-weight: 300;
|
|
34
37
|
font-style: normal;
|
|
38
|
+
font-display: swap;
|
|
35
39
|
}
|
|
36
40
|
|
|
37
41
|
@font-face {
|
|
@@ -41,6 +45,7 @@
|
|
|
41
45
|
url('EuclidTriangle-Regular.woff') format('woff');
|
|
42
46
|
font-weight: normal;
|
|
43
47
|
font-style: normal;
|
|
48
|
+
font-display: swap;
|
|
44
49
|
}
|
|
45
50
|
|
|
46
51
|
@font-face {
|
|
@@ -50,6 +55,7 @@
|
|
|
50
55
|
url('EuclidTriangle-LightItalic.woff') format('woff');
|
|
51
56
|
font-weight: 300;
|
|
52
57
|
font-style: italic;
|
|
58
|
+
font-display: swap;
|
|
53
59
|
}
|
|
54
60
|
|
|
55
61
|
@font-face {
|
|
@@ -59,6 +65,7 @@
|
|
|
59
65
|
url('EuclidTriangle-Medium.woff') format('woff');
|
|
60
66
|
font-weight: 500;
|
|
61
67
|
font-style: normal;
|
|
68
|
+
font-display: swap;
|
|
62
69
|
}
|
|
63
70
|
|
|
64
71
|
@font-face {
|
|
@@ -68,6 +75,7 @@
|
|
|
68
75
|
url('EuclidTriangle-Italic.woff') format('woff');
|
|
69
76
|
font-weight: normal;
|
|
70
77
|
font-style: italic;
|
|
78
|
+
font-display: swap;
|
|
71
79
|
}
|
|
72
80
|
|
|
73
81
|
@font-face {
|
|
@@ -77,6 +85,7 @@
|
|
|
77
85
|
url('EuclidTriangle-BoldItalic.woff') format('woff');
|
|
78
86
|
font-weight: bold;
|
|
79
87
|
font-style: italic;
|
|
88
|
+
font-display: swap;
|
|
80
89
|
}
|
|
81
90
|
|
|
82
91
|
@font-face {
|
|
@@ -86,4 +95,5 @@
|
|
|
86
95
|
url('EuclidTriangle-SemiBold.woff') format('woff');
|
|
87
96
|
font-weight: 600;
|
|
88
97
|
font-style: normal;
|
|
98
|
+
font-display: swap;
|
|
89
99
|
}
|
|
@@ -6,7 +6,6 @@ export class BiggiveCampaignCard {
|
|
|
6
6
|
this.banner = null;
|
|
7
7
|
this.campaignTitle = null;
|
|
8
8
|
this.organisationName = null;
|
|
9
|
-
this.currencyCode = undefined;
|
|
10
9
|
this.primaryFigureLabel = null;
|
|
11
10
|
this.primaryFigureAmount = null;
|
|
12
11
|
this.secondaryFigureLabel = null;
|
|
@@ -19,23 +18,8 @@ export class BiggiveCampaignCard {
|
|
|
19
18
|
this.moreInfoButtonUrl = null;
|
|
20
19
|
this.moreInfoButtonColourScheme = 'clear-primary';
|
|
21
20
|
}
|
|
22
|
-
/**
|
|
23
|
-
* @returns Whole large currency units (e.g. pounds) formatted with symbol.
|
|
24
|
-
*/
|
|
25
|
-
formatCurrency(currencyCode, amount) {
|
|
26
|
-
if (amount === null || isNaN(amount)) {
|
|
27
|
-
return '–';
|
|
28
|
-
}
|
|
29
|
-
return Intl.NumberFormat('en-GB', {
|
|
30
|
-
style: 'currency',
|
|
31
|
-
currency: currencyCode,
|
|
32
|
-
currencyDisplay: 'symbol',
|
|
33
|
-
minimumFractionDigits: 0,
|
|
34
|
-
maximumFractionDigits: 0,
|
|
35
|
-
}).format(amount);
|
|
36
|
-
}
|
|
37
21
|
render() {
|
|
38
|
-
return (h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { class: "sleeve" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : (h("div", { class: "image-wrap banner" })), h("div", { class: "title-wrap" }, h("h3", null, this.campaignTitle), h("div", { class: "organisation-name" }, "By ", this.organisationName)), h("div", { class: "meta-wrap" }, h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.
|
|
22
|
+
return (h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { class: "sleeve" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : (h("div", { class: "image-wrap banner" })), h("div", { class: "title-wrap" }, h("h3", null, this.campaignTitle), h("div", { class: "organisation-name" }, "By ", this.organisationName)), h("div", { class: "meta-wrap" }, h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount)), h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))), h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { class: "button-wrap" }, h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel }), h("biggive-button", { "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
|
|
39
23
|
}
|
|
40
24
|
static get is() { return "biggive-campaign-card"; }
|
|
41
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -141,23 +125,6 @@ export class BiggiveCampaignCard {
|
|
|
141
125
|
"reflect": false,
|
|
142
126
|
"defaultValue": "null"
|
|
143
127
|
},
|
|
144
|
-
"currencyCode": {
|
|
145
|
-
"type": "string",
|
|
146
|
-
"mutable": false,
|
|
147
|
-
"complexType": {
|
|
148
|
-
"original": "string",
|
|
149
|
-
"resolved": "string",
|
|
150
|
-
"references": {}
|
|
151
|
-
},
|
|
152
|
-
"required": false,
|
|
153
|
-
"optional": false,
|
|
154
|
-
"docs": {
|
|
155
|
-
"tags": [],
|
|
156
|
-
"text": "e.g. 'GBP'."
|
|
157
|
-
},
|
|
158
|
-
"attribute": "currency-code",
|
|
159
|
-
"reflect": false
|
|
160
|
-
},
|
|
161
128
|
"primaryFigureLabel": {
|
|
162
129
|
"type": "string",
|
|
163
130
|
"mutable": false,
|
|
@@ -177,18 +144,18 @@ export class BiggiveCampaignCard {
|
|
|
177
144
|
"defaultValue": "null"
|
|
178
145
|
},
|
|
179
146
|
"primaryFigureAmount": {
|
|
180
|
-
"type": "
|
|
147
|
+
"type": "string",
|
|
181
148
|
"mutable": false,
|
|
182
149
|
"complexType": {
|
|
183
|
-
"original": "
|
|
184
|
-
"resolved": "
|
|
150
|
+
"original": "string",
|
|
151
|
+
"resolved": "string",
|
|
185
152
|
"references": {}
|
|
186
153
|
},
|
|
187
154
|
"required": false,
|
|
188
155
|
"optional": false,
|
|
189
156
|
"docs": {
|
|
190
157
|
"tags": [],
|
|
191
|
-
"text": "Amount for the primary figure"
|
|
158
|
+
"text": "Amount for the primary figure, formatted with currency symbol"
|
|
192
159
|
},
|
|
193
160
|
"attribute": "primary-figure-amount",
|
|
194
161
|
"reflect": false,
|
|
@@ -213,18 +180,18 @@ export class BiggiveCampaignCard {
|
|
|
213
180
|
"defaultValue": "null"
|
|
214
181
|
},
|
|
215
182
|
"secondaryFigureAmount": {
|
|
216
|
-
"type": "
|
|
183
|
+
"type": "string",
|
|
217
184
|
"mutable": false,
|
|
218
185
|
"complexType": {
|
|
219
|
-
"original": "
|
|
220
|
-
"resolved": "
|
|
186
|
+
"original": "string",
|
|
187
|
+
"resolved": "string",
|
|
221
188
|
"references": {}
|
|
222
189
|
},
|
|
223
190
|
"required": false,
|
|
224
191
|
"optional": false,
|
|
225
192
|
"docs": {
|
|
226
193
|
"tags": [],
|
|
227
|
-
"text": "Amount for the secondary figure"
|
|
194
|
+
"text": "Amount for the secondary figure, formatted with currency symbol"
|
|
228
195
|
},
|
|
229
196
|
"attribute": "secondary-figure-amount",
|
|
230
197
|
"reflect": false,
|