@biggive/components 202309040952.0.0 → 202309141604.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-63b49be7.entry.js +1 -0
- package/dist/cjs/biggive-accordion_43.cjs.entry.js +14 -7
- package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js +21 -19
- package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.css +8 -0
- package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.js +8 -7
- package/dist/collection/components/biggive-progress-bar/biggive-progress-bar.js +6 -3
- package/dist/components/biggive-campaign-card.js +5 -2
- package/dist/components/biggive-cookie-banner.js +6 -5
- package/dist/components/biggive-progress-bar2.js +3 -0
- package/dist/esm/biggive-accordion_43.entry.js +14 -7
- package/dist/types/components/biggive-campaign-card/biggive-campaign-card.d.ts +11 -10
- package/dist/types/components/biggive-cookie-banner/biggive-cookie-banner.d.ts +3 -4
- package/dist/types/components/biggive-progress-bar/biggive-progress-bar.d.ts +1 -1
- package/dist/types/components.d.ts +24 -24
- package/hydrate/index.js +14 -7
- package/package.json +1 -1
- package/dist/biggive/p-52bf9b24.entry.js +0 -1
|
@@ -9,12 +9,11 @@ export declare class BiggiveCookieBanner {
|
|
|
9
9
|
/**
|
|
10
10
|
* Indicates that the user has made a selection of cookies purpose to accept.
|
|
11
11
|
*
|
|
12
|
-
* Event data
|
|
13
|
-
* it is only possible to consent to marketing cookies, so it will simply be ['marketing'] or [] but
|
|
14
|
-
* in future other types may be possible.
|
|
12
|
+
* Event data is an object with boolean properties to say whether the user accepts or refuses each category of optional cookie.
|
|
15
13
|
*/
|
|
16
14
|
cookieBannerSavePreferencesSelected: EventEmitter<{
|
|
17
|
-
|
|
15
|
+
analyticsAndTesting: Boolean;
|
|
16
|
+
thirdParty: boolean;
|
|
18
17
|
}>;
|
|
19
18
|
private handleChoosePrefencesClick;
|
|
20
19
|
private handleAcceptSelectedCookies;
|
|
@@ -333,25 +333,25 @@ export namespace Components {
|
|
|
333
333
|
*/
|
|
334
334
|
"organisationName": string;
|
|
335
335
|
/**
|
|
336
|
-
* Amount for the primary figure, formatted with currency symbol
|
|
336
|
+
* Amount for the primary figure, formatted with currency symbol – null or omit to hide the figure & label.
|
|
337
337
|
*/
|
|
338
|
-
"primaryFigureAmount": string;
|
|
338
|
+
"primaryFigureAmount": string | null;
|
|
339
339
|
/**
|
|
340
|
-
* Label for the primary figure
|
|
340
|
+
* Label for the primary figure – may be null or omitted for no label or if there's no figure.
|
|
341
341
|
*/
|
|
342
|
-
"primaryFigureLabel": string;
|
|
342
|
+
"primaryFigureLabel": string | null;
|
|
343
343
|
/**
|
|
344
|
-
* Progress bar percentage
|
|
344
|
+
* Progress bar percentage – null or omit to hide the progress bar.
|
|
345
345
|
*/
|
|
346
|
-
"progressBarCounter": number;
|
|
346
|
+
"progressBarCounter": number | null;
|
|
347
347
|
/**
|
|
348
|
-
* Amount for the secondary figure, formatted with currency symbol
|
|
348
|
+
* Amount for the secondary figure, formatted with currency symbol – null or omit to hide the figure & label.
|
|
349
349
|
*/
|
|
350
|
-
"secondaryFigureAmount": string;
|
|
350
|
+
"secondaryFigureAmount": string | null;
|
|
351
351
|
/**
|
|
352
|
-
* Label for the secondary figure
|
|
352
|
+
* Label for the secondary figure – may be null or omitted for no label or if there's no figure.
|
|
353
353
|
*/
|
|
354
|
-
"secondaryFigureLabel": string;
|
|
354
|
+
"secondaryFigureLabel": string | null;
|
|
355
355
|
/**
|
|
356
356
|
* Space below component
|
|
357
357
|
*/
|
|
@@ -914,7 +914,7 @@ export namespace Components {
|
|
|
914
914
|
/**
|
|
915
915
|
* Percentage to show + use for CSS width; round before input if desired
|
|
916
916
|
*/
|
|
917
|
-
"counter"
|
|
917
|
+
"counter"?: number | null;
|
|
918
918
|
/**
|
|
919
919
|
* Space below component
|
|
920
920
|
*/
|
|
@@ -1863,25 +1863,25 @@ declare namespace LocalJSX {
|
|
|
1863
1863
|
*/
|
|
1864
1864
|
"organisationName"?: string;
|
|
1865
1865
|
/**
|
|
1866
|
-
* Amount for the primary figure, formatted with currency symbol
|
|
1866
|
+
* Amount for the primary figure, formatted with currency symbol – null or omit to hide the figure & label.
|
|
1867
1867
|
*/
|
|
1868
|
-
"primaryFigureAmount"?: string;
|
|
1868
|
+
"primaryFigureAmount"?: string | null;
|
|
1869
1869
|
/**
|
|
1870
|
-
* Label for the primary figure
|
|
1870
|
+
* Label for the primary figure – may be null or omitted for no label or if there's no figure.
|
|
1871
1871
|
*/
|
|
1872
|
-
"primaryFigureLabel"?: string;
|
|
1872
|
+
"primaryFigureLabel"?: string | null;
|
|
1873
1873
|
/**
|
|
1874
|
-
* Progress bar percentage
|
|
1874
|
+
* Progress bar percentage – null or omit to hide the progress bar.
|
|
1875
1875
|
*/
|
|
1876
|
-
"progressBarCounter"?: number;
|
|
1876
|
+
"progressBarCounter"?: number | null;
|
|
1877
1877
|
/**
|
|
1878
|
-
* Amount for the secondary figure, formatted with currency symbol
|
|
1878
|
+
* Amount for the secondary figure, formatted with currency symbol – null or omit to hide the figure & label.
|
|
1879
1879
|
*/
|
|
1880
|
-
"secondaryFigureAmount"?: string;
|
|
1880
|
+
"secondaryFigureAmount"?: string | null;
|
|
1881
1881
|
/**
|
|
1882
|
-
* Label for the secondary figure
|
|
1882
|
+
* Label for the secondary figure – may be null or omitted for no label or if there's no figure.
|
|
1883
1883
|
*/
|
|
1884
|
-
"secondaryFigureLabel"?: string;
|
|
1884
|
+
"secondaryFigureLabel"?: string | null;
|
|
1885
1885
|
/**
|
|
1886
1886
|
* Space below component
|
|
1887
1887
|
*/
|
|
@@ -2049,9 +2049,9 @@ declare namespace LocalJSX {
|
|
|
2049
2049
|
*/
|
|
2050
2050
|
"onCookieBannerAcceptAllSelected"?: (event: BiggiveCookieBannerCustomEvent<void>) => void;
|
|
2051
2051
|
/**
|
|
2052
|
-
* Indicates that the user has made a selection of cookies purpose to accept. Event data
|
|
2052
|
+
* Indicates that the user has made a selection of cookies purpose to accept. Event data is an object with boolean properties to say whether the user accepts or refuses each category of optional cookie.
|
|
2053
2053
|
*/
|
|
2054
|
-
"onCookieBannerSavePreferencesSelected"?: (event: BiggiveCookieBannerCustomEvent<{
|
|
2054
|
+
"onCookieBannerSavePreferencesSelected"?: (event: BiggiveCookieBannerCustomEvent<{ analyticsAndTesting: Boolean; thirdParty: boolean }>) => void;
|
|
2055
2055
|
}
|
|
2056
2056
|
interface BiggiveFilteredCarousel {
|
|
2057
2057
|
"buttonBackgroundColour"?: brandColour;
|
|
@@ -2461,7 +2461,7 @@ declare namespace LocalJSX {
|
|
|
2461
2461
|
/**
|
|
2462
2462
|
* Percentage to show + use for CSS width; round before input if desired
|
|
2463
2463
|
*/
|
|
2464
|
-
"counter"?: number;
|
|
2464
|
+
"counter"?: number | null;
|
|
2465
2465
|
/**
|
|
2466
2466
|
* Space below component
|
|
2467
2467
|
*/
|
package/hydrate/index.js
CHANGED
|
@@ -6730,7 +6730,7 @@ class BiggiveCampaignCard {
|
|
|
6730
6730
|
this.primaryFigureAmount = undefined;
|
|
6731
6731
|
this.secondaryFigureLabel = undefined;
|
|
6732
6732
|
this.secondaryFigureAmount = undefined;
|
|
6733
|
-
this.progressBarCounter =
|
|
6733
|
+
this.progressBarCounter = undefined;
|
|
6734
6734
|
this.donateButtonLabel = 'Donate now';
|
|
6735
6735
|
this.donateButtonUrl = undefined;
|
|
6736
6736
|
this.donateButtonColourScheme = 'primary';
|
|
@@ -6741,8 +6741,11 @@ class BiggiveCampaignCard {
|
|
|
6741
6741
|
this.isPastCampaign = false;
|
|
6742
6742
|
this.datetime = undefined;
|
|
6743
6743
|
}
|
|
6744
|
+
isEmpty(value) {
|
|
6745
|
+
return value === undefined || value === null || value === '';
|
|
6746
|
+
}
|
|
6744
6747
|
render() {
|
|
6745
|
-
return (hAsync("div", { class: 'container space-below-' + this.spaceBelow.toString() }, hAsync("div", { class: "sleeve" }, hAsync("div", { onClick: this.handleCardGeneralClick }, this.campaignType !== null ? (hAsync("div", { class: "campaign-type" }, hAsync("span", null, this.campaignType))) : null, this.banner !== null ? (hAsync("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.banner + ')' } })) : (hAsync("div", { class: "image-wrap banner" })), hAsync("div", { class: "title-wrap" }, hAsync("h3", null, this.campaignTitle), hAsync("div", { class: "organisation-name" }, "By ", this.organisationName)), hAsync("div", { class: "meta-wrap" }, hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.primaryFigureLabel), hAsync("span", { class: "text" }, this.primaryFigureAmount)), hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.secondaryFigureLabel), hAsync("span", { class: "text" }, this.secondaryFigureAmount))), hAsync("div", { class: "progress-bar-wrap" }, hAsync("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" }))), hAsync("div", { class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (hAsync("div", { class: "msg-wrapper" }, hAsync("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? hAsync("p", null, "Launches ", this.datetime) : hAsync("p", null, "Closed ", this.datetime))) : (hAsync("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel })), hAsync("biggive-button", { "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
|
|
6748
|
+
return (hAsync("div", { class: 'container space-below-' + this.spaceBelow.toString() }, hAsync("div", { class: "sleeve" }, hAsync("div", { onClick: this.handleCardGeneralClick }, this.campaignType !== null ? (hAsync("div", { class: "campaign-type" }, hAsync("span", null, this.campaignType))) : null, this.banner !== null ? (hAsync("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.banner + ')' } })) : (hAsync("div", { class: "image-wrap banner" })), hAsync("div", { class: "title-wrap" }, hAsync("h3", null, this.campaignTitle), hAsync("div", { class: "organisation-name" }, "By ", this.organisationName)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (hAsync("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.primaryFigureLabel), hAsync("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.secondaryFigureLabel), hAsync("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? null : (hAsync("div", { class: "progress-bar-wrap" }, hAsync("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), hAsync("div", { class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (hAsync("div", { class: "msg-wrapper" }, hAsync("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? hAsync("p", null, "Launches ", this.datetime) : hAsync("p", null, "Closed ", this.datetime))) : (hAsync("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel })), hAsync("biggive-button", { "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
|
|
6746
6749
|
}
|
|
6747
6750
|
static get style() { return biggiveCampaignCardCss; }
|
|
6748
6751
|
static get cmpMeta() { return {
|
|
@@ -7169,7 +7172,7 @@ class BiggiveCategoryIcon {
|
|
|
7169
7172
|
}; }
|
|
7170
7173
|
}
|
|
7171
7174
|
|
|
7172
|
-
const biggiveCookieBannerCss = "/*!@a*/a.sc-biggive-cookie-banner{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-cookie-banner:hover{text-decoration:none}/*!@.background-colour-hover-primary:hover,\n.background-colour-primary*/.background-colour-hover-primary.sc-biggive-cookie-banner:hover,.background-colour-primary.sc-biggive-cookie-banner{background-color:#2C089B}/*!@.background-colour-hover-secondary:hover,\n.background-colour-secondary*/.background-colour-hover-secondary.sc-biggive-cookie-banner:hover,.background-colour-secondary.sc-biggive-cookie-banner{background-color:#2AF135}/*!@.background-colour-hover-tertiary:hover,\n.background-colour-tertiary*/.background-colour-hover-tertiary.sc-biggive-cookie-banner:hover,.background-colour-tertiary.sc-biggive-cookie-banner{background-color:#FF7272}/*!@.background-colour-hover-brand-1:hover,\n.background-colour-brand-1*/.background-colour-hover-brand-1.sc-biggive-cookie-banner:hover,.background-colour-brand-1.sc-biggive-cookie-banner{background-color:#B30510}/*!@.background-colour-hover-brand-2:hover,\n.background-colour-brand-2*/.background-colour-hover-brand-2.sc-biggive-cookie-banner:hover,.background-colour-brand-2.sc-biggive-cookie-banner{background-color:#6E0887}/*!@.background-colour-hover-brand-3:hover,\n.background-colour-brand-3*/.background-colour-hover-brand-3.sc-biggive-cookie-banner:hover,.background-colour-brand-3.sc-biggive-cookie-banner{background-color:#50B400}/*!@.background-colour-hover-brand-4:hover,\n.background-colour-brand-4*/.background-colour-hover-brand-4.sc-biggive-cookie-banner:hover,.background-colour-brand-4.sc-biggive-cookie-banner{background-color:#FFE500}/*!@.background-colour-hover-brand-5:hover,\n.background-colour-brand-5*/.background-colour-hover-brand-5.sc-biggive-cookie-banner:hover,.background-colour-brand-5.sc-biggive-cookie-banner{background-color:#F07D00}/*!@.background-colour-hover-brand-6:hover,\n.background-colour-brand-6*/.background-colour-hover-brand-6.sc-biggive-cookie-banner:hover,.background-colour-brand-6.sc-biggive-cookie-banner{background-color:#62CFC9}/*!@.background-colour-hover-brand-afa-pink:hover,\n.background-colour-brand-afa-pink*/.background-colour-hover-brand-afa-pink.sc-biggive-cookie-banner:hover,.background-colour-brand-afa-pink.sc-biggive-cookie-banner{background-color:#BF387D}/*!@.background-colour-hover-white:hover,\n.background-colour-white*/.background-colour-hover-white.sc-biggive-cookie-banner:hover,.background-colour-white.sc-biggive-cookie-banner{background-color:#FFFFFF}/*!@.background-colour-hover-black:hover,\n.background-colour-black*/.background-colour-hover-black.sc-biggive-cookie-banner:hover,.background-colour-black.sc-biggive-cookie-banner{background-color:#000000}/*!@.background-colour-hover-white:hover,\n.background-colour-white*/.background-colour-hover-white.sc-biggive-cookie-banner:hover,.background-colour-white.sc-biggive-cookie-banner{background-color:#FFFFFF}/*!@.background-colour-hover-grey-extra-light:hover,\n.background-colour-grey-extra-light*/.background-colour-hover-grey-extra-light.sc-biggive-cookie-banner:hover,.background-colour-grey-extra-light.sc-biggive-cookie-banner{background-color:#D7D7D7}/*!@.background-colour-hover-grey-light:hover,\n.background-colour-grey-light*/.background-colour-hover-grey-light.sc-biggive-cookie-banner:hover,.background-colour-grey-light.sc-biggive-cookie-banner{background-color:#E8E8E8}/*!@.background-colour-hover-grey-medium:hover,\n.background-colour-grey-medium*/.background-colour-hover-grey-medium.sc-biggive-cookie-banner:hover,.background-colour-grey-medium.sc-biggive-cookie-banner{background-color:#8A8A8A}/*!@.background-colour-hover-grey-dark:hover,\n.background-colour-grey-dark*/.background-colour-hover-grey-dark.sc-biggive-cookie-banner:hover,.background-colour-grey-dark.sc-biggive-cookie-banner{background-color:#4A4A4A}/*!@.fill-primary*/.fill-primary.sc-biggive-cookie-banner{fill:#2C089B}/*!@.fill-secondary*/.fill-secondary.sc-biggive-cookie-banner{fill:#2AF135}/*!@.fill-tertiary*/.fill-tertiary.sc-biggive-cookie-banner{fill:#FF7272}/*!@.fill-brand-1*/.fill-brand-1.sc-biggive-cookie-banner{fill:#B30510}/*!@.fill-brand-2*/.fill-brand-2.sc-biggive-cookie-banner{fill:#6E0887}/*!@.fill-brand-3*/.fill-brand-3.sc-biggive-cookie-banner{fill:#50B400}/*!@.fill-brand-4*/.fill-brand-4.sc-biggive-cookie-banner{fill:#FFE500}/*!@.fill-brand-5*/.fill-brand-5.sc-biggive-cookie-banner{fill:#F07D00}/*!@.fill-brand-6*/.fill-brand-6.sc-biggive-cookie-banner{fill:#CBC8C8}/*!@.fill-brand-afa-pink*/.fill-brand-afa-pink.sc-biggive-cookie-banner{fill:#BF387D}/*!@.fill-brand-mhf-turquoise*/.fill-brand-mhf-turquoise.sc-biggive-cookie-banner{fill:#62CFC9}/*!@.fill-white*/.fill-white.sc-biggive-cookie-banner{fill:#FFFFFF}/*!@.fill-black*/.fill-black.sc-biggive-cookie-banner{fill:#000000}/*!@.fill-grey-extra-light*/.fill-grey-extra-light.sc-biggive-cookie-banner{fill:#D7D7D7}/*!@.fill-grey-light*/.fill-grey-light.sc-biggive-cookie-banner{fill:#E8E8E8}/*!@.fill-grey-medium*/.fill-grey-medium.sc-biggive-cookie-banner{fill:#8A8A8A}/*!@.fill-grey-dark*/.fill-grey-dark.sc-biggive-cookie-banner{fill:#4A4A4A}/*!@.fill-red*/.fill-red.sc-biggive-cookie-banner{fill:red}/*!@.space-above-0*/.space-above-0.sc-biggive-cookie-banner{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-cookie-banner{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-cookie-banner{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-cookie-banner{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-cookie-banner{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-cookie-banner{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-cookie-banner{margin-top:60px}/*!@.space-below-0*/.space-below-0.sc-biggive-cookie-banner{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-cookie-banner{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-cookie-banner{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-cookie-banner{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-cookie-banner{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-cookie-banner{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-cookie-banner{margin-bottom:60px}/*!@.text-colour-hover-primary:hover,\n.text-colour-primary*/.text-colour-hover-primary.sc-biggive-cookie-banner:hover,.text-colour-primary.sc-biggive-cookie-banner{color:#2C089B}/*!@.text-colour-hover-secondary:hover,\n.text-colour-secondary*/.text-colour-hover-secondary.sc-biggive-cookie-banner:hover,.text-colour-secondary.sc-biggive-cookie-banner{color:#2AF135}/*!@.text-colour-hover-tertiary:hover,\n.text-colour-tertiary*/.text-colour-hover-tertiary.sc-biggive-cookie-banner:hover,.text-colour-tertiary.sc-biggive-cookie-banner{color:#FF7272}/*!@.text-colour-hover-brand-1:hover,\n.text-colour-brand-1*/.text-colour-hover-brand-1.sc-biggive-cookie-banner:hover,.text-colour-brand-1.sc-biggive-cookie-banner{color:#B30510}/*!@.text-colour-hover-brand-2:hover,\n.text-colour-brand-2*/.text-colour-hover-brand-2.sc-biggive-cookie-banner:hover,.text-colour-brand-2.sc-biggive-cookie-banner{color:#6E0887}/*!@.text-colour-hover-brand-3:hover,\n.text-colour-brand-3*/.text-colour-hover-brand-3.sc-biggive-cookie-banner:hover,.text-colour-brand-3.sc-biggive-cookie-banner{color:#50B400}/*!@.text-colour-hover-brand-4:hover,\n.text-colour-brand-4*/.text-colour-hover-brand-4.sc-biggive-cookie-banner:hover,.text-colour-brand-4.sc-biggive-cookie-banner{color:#FFE500}/*!@.text-colour-hover-brand-5:hover,\n.text-colour-brand-5*/.text-colour-hover-brand-5.sc-biggive-cookie-banner:hover,.text-colour-brand-5.sc-biggive-cookie-banner{color:#F07D00}/*!@.text-colour-hover-brand-6:hover,\n.text-colour-brand-6*/.text-colour-hover-brand-6.sc-biggive-cookie-banner:hover,.text-colour-brand-6.sc-biggive-cookie-banner{color:#CBC8C8}/*!@.text-colour-hover-brand-afa-pink:hover,\n.text-colour-brand-afa-pink*/.text-colour-hover-brand-afa-pink.sc-biggive-cookie-banner:hover,.text-colour-brand-afa-pink.sc-biggive-cookie-banner{color:#BF387D}/*!@.text-colour-hover-white:hover,\n.text-colour-white*/.text-colour-hover-white.sc-biggive-cookie-banner:hover,.text-colour-white.sc-biggive-cookie-banner{color:#FFFFFF}/*!@.text-colour-hover-black:hover,\n.text-colour-black*/.text-colour-hover-black.sc-biggive-cookie-banner:hover,.text-colour-black.sc-biggive-cookie-banner{color:#000000}/*!@.text-colour-hover-grey-extra-light:hover,\n.text-colour-grey-extra-light*/.text-colour-hover-grey-extra-light.sc-biggive-cookie-banner:hover,.text-colour-grey-extra-light.sc-biggive-cookie-banner{color:#D7D7D7}/*!@.text-colour-hover-grey-light:hover,\n.text-colour-grey-light*/.text-colour-hover-grey-light.sc-biggive-cookie-banner:hover,.text-colour-grey-light.sc-biggive-cookie-banner{color:#E8E8E8}/*!@.text-colour-hover-grey-medium:hover,\n.text-colour-grey-medium*/.text-colour-hover-grey-medium.sc-biggive-cookie-banner:hover,.text-colour-grey-medium.sc-biggive-cookie-banner{color:#8A8A8A}/*!@.text-colour-hover-grey-dark:hover,\n.text-colour-grey-dark*/.text-colour-hover-grey-dark.sc-biggive-cookie-banner:hover,.text-colour-grey-dark.sc-biggive-cookie-banner{color:#4A4A4A}/*!@:host*/.sc-biggive-cookie-banner-h{display:contents}/*!@h2:first-child*/h2.sc-biggive-cookie-banner:first-child{margin-top:0}/*!@div.cooke-consent-container*/div.cooke-consent-container.sc-biggive-cookie-banner{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:500px;padding:1em}/*!@div.button-group*/div.button-group.sc-biggive-cookie-banner{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){/*!@div.button-group*/div.button-group.sc-biggive-cookie-banner{flex-direction:row-reverse}}/*!@biggive-popup*/biggive-popup.sc-biggive-cookie-banner{font-size:17px;line-height:24px}/*!@biggive-popup div.content h5*/biggive-popup.sc-biggive-cookie-banner div.content.sc-biggive-cookie-banner h5.sc-biggive-cookie-banner{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}/*!@biggive-popup div.content div.radio-group*/biggive-popup.sc-biggive-cookie-banner div.content.sc-biggive-cookie-banner div.radio-group.sc-biggive-cookie-banner{margin-bottom:30px}";
|
|
7175
|
+
const biggiveCookieBannerCss = "/*!@a*/a.sc-biggive-cookie-banner{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-cookie-banner:hover{text-decoration:none}/*!@.background-colour-hover-primary:hover,\n.background-colour-primary*/.background-colour-hover-primary.sc-biggive-cookie-banner:hover,.background-colour-primary.sc-biggive-cookie-banner{background-color:#2C089B}/*!@.background-colour-hover-secondary:hover,\n.background-colour-secondary*/.background-colour-hover-secondary.sc-biggive-cookie-banner:hover,.background-colour-secondary.sc-biggive-cookie-banner{background-color:#2AF135}/*!@.background-colour-hover-tertiary:hover,\n.background-colour-tertiary*/.background-colour-hover-tertiary.sc-biggive-cookie-banner:hover,.background-colour-tertiary.sc-biggive-cookie-banner{background-color:#FF7272}/*!@.background-colour-hover-brand-1:hover,\n.background-colour-brand-1*/.background-colour-hover-brand-1.sc-biggive-cookie-banner:hover,.background-colour-brand-1.sc-biggive-cookie-banner{background-color:#B30510}/*!@.background-colour-hover-brand-2:hover,\n.background-colour-brand-2*/.background-colour-hover-brand-2.sc-biggive-cookie-banner:hover,.background-colour-brand-2.sc-biggive-cookie-banner{background-color:#6E0887}/*!@.background-colour-hover-brand-3:hover,\n.background-colour-brand-3*/.background-colour-hover-brand-3.sc-biggive-cookie-banner:hover,.background-colour-brand-3.sc-biggive-cookie-banner{background-color:#50B400}/*!@.background-colour-hover-brand-4:hover,\n.background-colour-brand-4*/.background-colour-hover-brand-4.sc-biggive-cookie-banner:hover,.background-colour-brand-4.sc-biggive-cookie-banner{background-color:#FFE500}/*!@.background-colour-hover-brand-5:hover,\n.background-colour-brand-5*/.background-colour-hover-brand-5.sc-biggive-cookie-banner:hover,.background-colour-brand-5.sc-biggive-cookie-banner{background-color:#F07D00}/*!@.background-colour-hover-brand-6:hover,\n.background-colour-brand-6*/.background-colour-hover-brand-6.sc-biggive-cookie-banner:hover,.background-colour-brand-6.sc-biggive-cookie-banner{background-color:#62CFC9}/*!@.background-colour-hover-brand-afa-pink:hover,\n.background-colour-brand-afa-pink*/.background-colour-hover-brand-afa-pink.sc-biggive-cookie-banner:hover,.background-colour-brand-afa-pink.sc-biggive-cookie-banner{background-color:#BF387D}/*!@.background-colour-hover-white:hover,\n.background-colour-white*/.background-colour-hover-white.sc-biggive-cookie-banner:hover,.background-colour-white.sc-biggive-cookie-banner{background-color:#FFFFFF}/*!@.background-colour-hover-black:hover,\n.background-colour-black*/.background-colour-hover-black.sc-biggive-cookie-banner:hover,.background-colour-black.sc-biggive-cookie-banner{background-color:#000000}/*!@.background-colour-hover-white:hover,\n.background-colour-white*/.background-colour-hover-white.sc-biggive-cookie-banner:hover,.background-colour-white.sc-biggive-cookie-banner{background-color:#FFFFFF}/*!@.background-colour-hover-grey-extra-light:hover,\n.background-colour-grey-extra-light*/.background-colour-hover-grey-extra-light.sc-biggive-cookie-banner:hover,.background-colour-grey-extra-light.sc-biggive-cookie-banner{background-color:#D7D7D7}/*!@.background-colour-hover-grey-light:hover,\n.background-colour-grey-light*/.background-colour-hover-grey-light.sc-biggive-cookie-banner:hover,.background-colour-grey-light.sc-biggive-cookie-banner{background-color:#E8E8E8}/*!@.background-colour-hover-grey-medium:hover,\n.background-colour-grey-medium*/.background-colour-hover-grey-medium.sc-biggive-cookie-banner:hover,.background-colour-grey-medium.sc-biggive-cookie-banner{background-color:#8A8A8A}/*!@.background-colour-hover-grey-dark:hover,\n.background-colour-grey-dark*/.background-colour-hover-grey-dark.sc-biggive-cookie-banner:hover,.background-colour-grey-dark.sc-biggive-cookie-banner{background-color:#4A4A4A}/*!@.fill-primary*/.fill-primary.sc-biggive-cookie-banner{fill:#2C089B}/*!@.fill-secondary*/.fill-secondary.sc-biggive-cookie-banner{fill:#2AF135}/*!@.fill-tertiary*/.fill-tertiary.sc-biggive-cookie-banner{fill:#FF7272}/*!@.fill-brand-1*/.fill-brand-1.sc-biggive-cookie-banner{fill:#B30510}/*!@.fill-brand-2*/.fill-brand-2.sc-biggive-cookie-banner{fill:#6E0887}/*!@.fill-brand-3*/.fill-brand-3.sc-biggive-cookie-banner{fill:#50B400}/*!@.fill-brand-4*/.fill-brand-4.sc-biggive-cookie-banner{fill:#FFE500}/*!@.fill-brand-5*/.fill-brand-5.sc-biggive-cookie-banner{fill:#F07D00}/*!@.fill-brand-6*/.fill-brand-6.sc-biggive-cookie-banner{fill:#CBC8C8}/*!@.fill-brand-afa-pink*/.fill-brand-afa-pink.sc-biggive-cookie-banner{fill:#BF387D}/*!@.fill-brand-mhf-turquoise*/.fill-brand-mhf-turquoise.sc-biggive-cookie-banner{fill:#62CFC9}/*!@.fill-white*/.fill-white.sc-biggive-cookie-banner{fill:#FFFFFF}/*!@.fill-black*/.fill-black.sc-biggive-cookie-banner{fill:#000000}/*!@.fill-grey-extra-light*/.fill-grey-extra-light.sc-biggive-cookie-banner{fill:#D7D7D7}/*!@.fill-grey-light*/.fill-grey-light.sc-biggive-cookie-banner{fill:#E8E8E8}/*!@.fill-grey-medium*/.fill-grey-medium.sc-biggive-cookie-banner{fill:#8A8A8A}/*!@.fill-grey-dark*/.fill-grey-dark.sc-biggive-cookie-banner{fill:#4A4A4A}/*!@.fill-red*/.fill-red.sc-biggive-cookie-banner{fill:red}/*!@.space-above-0*/.space-above-0.sc-biggive-cookie-banner{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-cookie-banner{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-cookie-banner{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-cookie-banner{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-cookie-banner{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-cookie-banner{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-cookie-banner{margin-top:60px}/*!@.space-below-0*/.space-below-0.sc-biggive-cookie-banner{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-cookie-banner{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-cookie-banner{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-cookie-banner{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-cookie-banner{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-cookie-banner{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-cookie-banner{margin-bottom:60px}/*!@.text-colour-hover-primary:hover,\n.text-colour-primary*/.text-colour-hover-primary.sc-biggive-cookie-banner:hover,.text-colour-primary.sc-biggive-cookie-banner{color:#2C089B}/*!@.text-colour-hover-secondary:hover,\n.text-colour-secondary*/.text-colour-hover-secondary.sc-biggive-cookie-banner:hover,.text-colour-secondary.sc-biggive-cookie-banner{color:#2AF135}/*!@.text-colour-hover-tertiary:hover,\n.text-colour-tertiary*/.text-colour-hover-tertiary.sc-biggive-cookie-banner:hover,.text-colour-tertiary.sc-biggive-cookie-banner{color:#FF7272}/*!@.text-colour-hover-brand-1:hover,\n.text-colour-brand-1*/.text-colour-hover-brand-1.sc-biggive-cookie-banner:hover,.text-colour-brand-1.sc-biggive-cookie-banner{color:#B30510}/*!@.text-colour-hover-brand-2:hover,\n.text-colour-brand-2*/.text-colour-hover-brand-2.sc-biggive-cookie-banner:hover,.text-colour-brand-2.sc-biggive-cookie-banner{color:#6E0887}/*!@.text-colour-hover-brand-3:hover,\n.text-colour-brand-3*/.text-colour-hover-brand-3.sc-biggive-cookie-banner:hover,.text-colour-brand-3.sc-biggive-cookie-banner{color:#50B400}/*!@.text-colour-hover-brand-4:hover,\n.text-colour-brand-4*/.text-colour-hover-brand-4.sc-biggive-cookie-banner:hover,.text-colour-brand-4.sc-biggive-cookie-banner{color:#FFE500}/*!@.text-colour-hover-brand-5:hover,\n.text-colour-brand-5*/.text-colour-hover-brand-5.sc-biggive-cookie-banner:hover,.text-colour-brand-5.sc-biggive-cookie-banner{color:#F07D00}/*!@.text-colour-hover-brand-6:hover,\n.text-colour-brand-6*/.text-colour-hover-brand-6.sc-biggive-cookie-banner:hover,.text-colour-brand-6.sc-biggive-cookie-banner{color:#CBC8C8}/*!@.text-colour-hover-brand-afa-pink:hover,\n.text-colour-brand-afa-pink*/.text-colour-hover-brand-afa-pink.sc-biggive-cookie-banner:hover,.text-colour-brand-afa-pink.sc-biggive-cookie-banner{color:#BF387D}/*!@.text-colour-hover-white:hover,\n.text-colour-white*/.text-colour-hover-white.sc-biggive-cookie-banner:hover,.text-colour-white.sc-biggive-cookie-banner{color:#FFFFFF}/*!@.text-colour-hover-black:hover,\n.text-colour-black*/.text-colour-hover-black.sc-biggive-cookie-banner:hover,.text-colour-black.sc-biggive-cookie-banner{color:#000000}/*!@.text-colour-hover-grey-extra-light:hover,\n.text-colour-grey-extra-light*/.text-colour-hover-grey-extra-light.sc-biggive-cookie-banner:hover,.text-colour-grey-extra-light.sc-biggive-cookie-banner{color:#D7D7D7}/*!@.text-colour-hover-grey-light:hover,\n.text-colour-grey-light*/.text-colour-hover-grey-light.sc-biggive-cookie-banner:hover,.text-colour-grey-light.sc-biggive-cookie-banner{color:#E8E8E8}/*!@.text-colour-hover-grey-medium:hover,\n.text-colour-grey-medium*/.text-colour-hover-grey-medium.sc-biggive-cookie-banner:hover,.text-colour-grey-medium.sc-biggive-cookie-banner{color:#8A8A8A}/*!@.text-colour-hover-grey-dark:hover,\n.text-colour-grey-dark*/.text-colour-hover-grey-dark.sc-biggive-cookie-banner:hover,.text-colour-grey-dark.sc-biggive-cookie-banner{color:#4A4A4A}/*!@:host*/.sc-biggive-cookie-banner-h{display:contents}/*!@h2:first-child*/h2.sc-biggive-cookie-banner:first-child{margin-top:0}/*!@div.cooke-consent-container*/div.cooke-consent-container.sc-biggive-cookie-banner{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:500px;padding:1em}/*!@div.button-group*/div.button-group.sc-biggive-cookie-banner{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){/*!@div.button-group*/div.button-group.sc-biggive-cookie-banner{flex-direction:row-reverse}}/*!@biggive-popup*/biggive-popup.sc-biggive-cookie-banner{font-size:17px;line-height:24px}/*!@biggive-popup div.content*/biggive-popup.sc-biggive-cookie-banner div.content.sc-biggive-cookie-banner{max-height:95vh;overflow:scroll}/*!@biggive-popup div.content h5*/biggive-popup.sc-biggive-cookie-banner div.content.sc-biggive-cookie-banner h5.sc-biggive-cookie-banner{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}/*!@biggive-popup div.content p*/biggive-popup.sc-biggive-cookie-banner div.content.sc-biggive-cookie-banner p.sc-biggive-cookie-banner{margin-top:5px;margin-bottom:8px}/*!@biggive-popup div.content div.radio-group*/biggive-popup.sc-biggive-cookie-banner div.content.sc-biggive-cookie-banner div.radio-group.sc-biggive-cookie-banner{margin-bottom:30px}";
|
|
7173
7176
|
|
|
7174
7177
|
class BiggiveCookieBanner {
|
|
7175
7178
|
constructor(hostRef) {
|
|
@@ -7182,11 +7185,12 @@ class BiggiveCookieBanner {
|
|
|
7182
7185
|
elementById.openFromOutside();
|
|
7183
7186
|
};
|
|
7184
7187
|
this.handleAcceptSelectedCookies = () => {
|
|
7185
|
-
var _a, _b;
|
|
7188
|
+
var _a, _b, _c;
|
|
7186
7189
|
const elementById = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('cookie-preferences-popup');
|
|
7187
7190
|
elementById.closeFromOutside();
|
|
7188
|
-
const
|
|
7189
|
-
this.
|
|
7191
|
+
const analyticsAndTestingRadio = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById('a-and-t-on');
|
|
7192
|
+
const thirdPartyRadio = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.getElementById('third-party-on');
|
|
7193
|
+
this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });
|
|
7190
7194
|
elementById.closeFromOutside();
|
|
7191
7195
|
};
|
|
7192
7196
|
this.handleAcceptAllClick = () => {
|
|
@@ -7197,7 +7201,7 @@ class BiggiveCookieBanner {
|
|
|
7197
7201
|
this.blogUriPrefix = undefined;
|
|
7198
7202
|
}
|
|
7199
7203
|
render() {
|
|
7200
|
-
return (hAsync("div", { class: "cooke-consent-container" }, hAsync("biggive-popup", { id: "cookie-preferences-popup" }, hAsync("div", { class: "content" }, hAsync("h4", { class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), hAsync("form", null, hAsync("div", { class: "radio-group" }, hAsync("h5", null, "Essential (
|
|
7204
|
+
return (hAsync("div", { class: "cooke-consent-container" }, hAsync("biggive-popup", { id: "cookie-preferences-popup" }, hAsync("div", { class: "content" }, hAsync("h4", { class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), hAsync("form", null, hAsync("div", { class: "radio-group" }, hAsync("h5", null, "Essential Cookies"), hAsync("p", null, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), hAsync("input", { type: "radio", name: "necassary", id: "necassary-off", disabled: true }), hAsync("label", { htmlFor: "necassary-on" }, "Off"), hAsync("input", { type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), hAsync("label", { htmlFor: "necassary-on" }, "On")), hAsync("div", { class: "radio-group" }, hAsync("h5", null, "Analytics & Testing Cookies"), hAsync("p", null, "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."), hAsync("p", null, "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."), hAsync("input", { type: "radio", name: "a-and-t", id: "a-and-t-off", checked: true }), hAsync("label", { htmlFor: "a-and-t-off" }, "Off"), hAsync("input", { type: "radio", name: "a-and-t", id: "a-and-t-on" }), hAsync("label", { htmlFor: "a-and-t-on" }, "On")), hAsync("div", { class: "radio-group" }, hAsync("h5", null, "Third-party Cookies "), hAsync("p", null, "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."), hAsync("input", { type: "radio", name: "third-party", id: "third-party-off", checked: true }), hAsync("label", { htmlFor: "third-party-off" }, "Off"), hAsync("input", { type: "radio", name: "third-party", id: "third-party-on" }), hAsync("label", { htmlFor: "third-party-on" }, "On")), hAsync("biggive-button", { "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 })))), hAsync("h2", null, "Our website uses cookies"), hAsync("p", null, "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."), hAsync("p", null, hAsync("a", { href: this.blogUriPrefix + '/privacy' }, "Find out more in our Privacy Policy")), hAsync("div", { class: "button-group" }, hAsync("biggive-button", { 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" }), hAsync("biggive-button", { 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" }))));
|
|
7201
7205
|
}
|
|
7202
7206
|
get el() { return getElement(this); }
|
|
7203
7207
|
static get style() { return biggiveCookieBannerCss; }
|
|
@@ -8345,6 +8349,9 @@ class BiggiveProgressBar {
|
|
|
8345
8349
|
this.counter = 100;
|
|
8346
8350
|
}
|
|
8347
8351
|
render() {
|
|
8352
|
+
if (this.counter === null || this.counter === undefined) {
|
|
8353
|
+
return null;
|
|
8354
|
+
}
|
|
8348
8355
|
return (hAsync("div", { class: 'progress-bar progress-bar-' + this.colourScheme + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "slider" }, hAsync("div", { class: "progress", style: { width: `${Math.min(this.counter, 100)}%` } })), hAsync("div", { class: "counter" }, this.counter, "%")));
|
|
8349
8356
|
}
|
|
8350
8357
|
static get style() { return biggiveProgressBarCss; }
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@biggive/components",
|
|
3
3
|
"_comment": "Version number below is automatically replaced during CircleCI build.",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "202309141604.0.0",
|
|
5
5
|
"description": "Big Give Components",
|
|
6
6
|
"main": "dist/index.cjs.js",
|
|
7
7
|
"module": "dist/index.js",
|