@biggive/components 1.0.192 → 1.0.193
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-05b285de.entry.js +1 -0
- package/dist/biggive/p-1237d29c.entry.js +1 -0
- package/dist/biggive/{p-81055ccd.js → p-2b1627af.js} +1 -1
- package/dist/biggive/p-623e065e.entry.js +1 -0
- package/dist/biggive/p-7d24b098.entry.js +1 -0
- package/dist/biggive/p-8a87012a.entry.js +1 -0
- package/dist/biggive/p-c3ddd884.entry.js +1 -0
- package/dist/biggive/p-eacc1d69.entry.js +1 -0
- package/dist/biggive/p-ffd638d8.entry.js +1 -0
- package/dist/cjs/biggive-article-card.cjs.entry.js +8 -8
- package/dist/cjs/biggive-back-to-top_27.cjs.entry.js +75 -69
- package/dist/cjs/biggive-basic-card.cjs.entry.js +5 -5
- package/dist/cjs/biggive-beneficiary-icon.cjs.entry.js +2 -2
- package/dist/cjs/biggive-category-icon.cjs.entry.js +3 -3
- package/dist/cjs/biggive-icon-group.cjs.entry.js +1 -1
- package/dist/cjs/biggive-nav-item.cjs.entry.js +3 -3
- package/dist/cjs/biggive-search.cjs.entry.js +1 -1
- package/dist/cjs/{fontawesome-icons-560e6ab7.js → fontawesome-icons-72c728f1.js} +4 -4
- package/dist/collection/components/biggive-article-card/biggive-article-card.js +16 -24
- package/dist/collection/components/biggive-basic-card/biggive-basic-card.js +10 -15
- package/dist/collection/components/biggive-beneficiary-icon/biggive-beneficiary-icon.js +2 -3
- package/dist/collection/components/biggive-branded-image/biggive-branded-image.js +8 -12
- package/dist/collection/components/biggive-button/biggive-button.js +1 -2
- package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.js +16 -24
- package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.css +1 -1
- package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js +20 -30
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js +17 -15
- package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.css +1 -1
- package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.js +24 -36
- package/dist/collection/components/biggive-category-icon/biggive-category-icon.js +4 -6
- package/dist/collection/components/biggive-form-field-select/biggive-form-field-select.js +10 -13
- package/dist/collection/components/biggive-form-field-select-option/biggive-form-field-select-option.js +6 -8
- package/dist/collection/components/biggive-hero-image/biggive-hero-image.js +17 -25
- package/dist/collection/components/biggive-icon-group/biggive-icon-group.js +2 -3
- package/dist/collection/components/biggive-image-feature/biggive-image-feature.js +10 -15
- package/dist/collection/components/biggive-main-menu/biggive-main-menu.js +2 -1
- package/dist/collection/components/biggive-main-menu/biggive-main-menu.stories.js +1 -1
- package/dist/collection/components/biggive-misc-icon/biggive-misc-icon.js +3 -5
- package/dist/collection/components/biggive-nav-item/biggive-nav-item.js +6 -9
- package/dist/collection/components/biggive-page-section/biggive-page-section.js +2 -3
- package/dist/collection/components/biggive-search/biggive-search.js +2 -3
- package/dist/collection/components/biggive-totalizer/biggive-totalizer.js +5 -3
- package/dist/collection/components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item.js +4 -6
- package/dist/collection/components/biggive-video-feature/biggive-video-feature.js +10 -15
- package/dist/collection/util/fontawesome-icons.js +4 -4
- package/dist/components/biggive-article-card.js +8 -8
- package/dist/components/biggive-basic-card.js +5 -5
- package/dist/components/biggive-beneficiary-icon.js +1 -1
- package/dist/components/biggive-branded-image.js +4 -4
- package/dist/components/biggive-call-to-action.js +8 -8
- package/dist/components/biggive-campaign-card-filter-grid.js +3 -1
- package/dist/components/biggive-campaign-card.js +11 -11
- package/dist/components/biggive-campaign-highlights.js +13 -13
- package/dist/components/biggive-category-icon.js +2 -2
- package/dist/components/biggive-form-field-select-option2.js +4 -4
- package/dist/components/biggive-form-field-select2.js +3 -3
- package/dist/components/biggive-hero-image.js +8 -8
- package/dist/components/biggive-icon-group.js +1 -1
- package/dist/components/biggive-image-feature.js +5 -5
- package/dist/components/biggive-main-menu.js +2 -1
- package/dist/components/biggive-misc-icon2.js +1 -1
- package/dist/components/biggive-nav-item.js +3 -3
- package/dist/components/biggive-page-section.js +1 -1
- package/dist/components/biggive-search.js +1 -1
- package/dist/components/biggive-totalizer-ticker-item.js +2 -2
- package/dist/components/biggive-totalizer.js +4 -1
- package/dist/components/biggive-video-feature.js +5 -5
- package/dist/components/fontawesome-icons.js +4 -4
- package/dist/esm/biggive-article-card.entry.js +8 -8
- package/dist/esm/biggive-back-to-top_27.entry.js +75 -69
- package/dist/esm/biggive-basic-card.entry.js +5 -5
- package/dist/esm/biggive-beneficiary-icon.entry.js +2 -2
- package/dist/esm/biggive-category-icon.entry.js +3 -3
- package/dist/esm/biggive-icon-group.entry.js +1 -1
- package/dist/esm/biggive-nav-item.entry.js +3 -3
- package/dist/esm/biggive-search.entry.js +1 -1
- package/dist/esm/{fontawesome-icons-0af46a96.js → fontawesome-icons-ec5d0760.js} +4 -4
- package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.d.ts +12 -12
- package/dist/types/components/biggive-form-field-select/biggive-form-field-select.d.ts +2 -2
- package/dist/types/components/biggive-form-field-select-option/biggive-form-field-select-option.d.ts +2 -2
- package/dist/types/components.d.ts +22 -22
- package/hydrate/index.js +99 -93
- package/package.json +1 -1
- package/dist/biggive/p-0bad0e6e.entry.js +0 -1
- package/dist/biggive/p-4edb9703.entry.js +0 -1
- package/dist/biggive/p-6a43e041.entry.js +0 -1
- package/dist/biggive/p-6f5fc921.entry.js +0 -1
- package/dist/biggive/p-72317053.entry.js +0 -1
- package/dist/biggive/p-b892b1d6.entry.js +0 -1
- package/dist/biggive/p-ee001f1e.entry.js +0 -1
- package/dist/biggive/p-ee8d5a11.entry.js +0 -1
|
@@ -5,14 +5,14 @@ export class BiggiveArticleCard {
|
|
|
5
5
|
this.backgroundColour = 'white';
|
|
6
6
|
this.backgroundColourHover = 'tertiary';
|
|
7
7
|
this.textColour = 'black';
|
|
8
|
-
this.slug =
|
|
9
|
-
this.date =
|
|
10
|
-
this.mainTitle =
|
|
11
|
-
this.imageUrl =
|
|
12
|
-
this.imageAltText =
|
|
13
|
-
this.imageLabel =
|
|
14
|
-
this.buttonLabel =
|
|
15
|
-
this.buttonUrl =
|
|
8
|
+
this.slug = undefined;
|
|
9
|
+
this.date = undefined;
|
|
10
|
+
this.mainTitle = undefined;
|
|
11
|
+
this.imageUrl = undefined;
|
|
12
|
+
this.imageAltText = undefined;
|
|
13
|
+
this.imageLabel = undefined;
|
|
14
|
+
this.buttonLabel = undefined;
|
|
15
|
+
this.buttonUrl = undefined;
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
18
|
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: 'sleeve background-colour-' + this.backgroundColour + ' background-colour-hover-' + this.backgroundColourHover + ' text-colour-' + this.textColour }, h("div", { class: "content-wrap" }, this.slug != '' ? h("div", { class: "slug text-colour-primary" }, this.slug) : null, this.date != '' ? h("div", { class: "date" }, this.date) : null, h("h3", { class: "title" }, h("a", { href: this.buttonUrl }, this.mainTitle)), this.imageUrl != '' ? (h("div", { class: "image-group" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.imageUrl + "')" } }, h("img", { src: this.imageUrl, alt: this.imageAltText, title: this.imageAltText })), h("div", { class: "image-label" }, this.imageLabel))) : null, this.buttonLabel != null && this.buttonUrl != null ? (h("div", { class: "button-wrap align-right" }, h("biggive-button", { "colour-scheme": 'clear-primary', url: this.buttonUrl, label: this.buttonLabel }))) : null))));
|
|
@@ -118,8 +118,7 @@ export class BiggiveArticleCard {
|
|
|
118
118
|
"text": "Slug"
|
|
119
119
|
},
|
|
120
120
|
"attribute": "slug",
|
|
121
|
-
"reflect": false
|
|
122
|
-
"defaultValue": "null"
|
|
121
|
+
"reflect": false
|
|
123
122
|
},
|
|
124
123
|
"date": {
|
|
125
124
|
"type": "string",
|
|
@@ -136,8 +135,7 @@ export class BiggiveArticleCard {
|
|
|
136
135
|
"text": "Date"
|
|
137
136
|
},
|
|
138
137
|
"attribute": "date",
|
|
139
|
-
"reflect": false
|
|
140
|
-
"defaultValue": "null"
|
|
138
|
+
"reflect": false
|
|
141
139
|
},
|
|
142
140
|
"mainTitle": {
|
|
143
141
|
"type": "string",
|
|
@@ -154,8 +152,7 @@ export class BiggiveArticleCard {
|
|
|
154
152
|
"text": "Main title"
|
|
155
153
|
},
|
|
156
154
|
"attribute": "main-title",
|
|
157
|
-
"reflect": false
|
|
158
|
-
"defaultValue": "null"
|
|
155
|
+
"reflect": false
|
|
159
156
|
},
|
|
160
157
|
"imageUrl": {
|
|
161
158
|
"type": "string",
|
|
@@ -172,8 +169,7 @@ export class BiggiveArticleCard {
|
|
|
172
169
|
"text": "Image URL"
|
|
173
170
|
},
|
|
174
171
|
"attribute": "image-url",
|
|
175
|
-
"reflect": false
|
|
176
|
-
"defaultValue": "null"
|
|
172
|
+
"reflect": false
|
|
177
173
|
},
|
|
178
174
|
"imageAltText": {
|
|
179
175
|
"type": "string",
|
|
@@ -190,8 +186,7 @@ export class BiggiveArticleCard {
|
|
|
190
186
|
"text": "Image Alt Text"
|
|
191
187
|
},
|
|
192
188
|
"attribute": "image-alt-text",
|
|
193
|
-
"reflect": false
|
|
194
|
-
"defaultValue": "null"
|
|
189
|
+
"reflect": false
|
|
195
190
|
},
|
|
196
191
|
"imageLabel": {
|
|
197
192
|
"type": "string",
|
|
@@ -208,8 +203,7 @@ export class BiggiveArticleCard {
|
|
|
208
203
|
"text": "Image Label"
|
|
209
204
|
},
|
|
210
205
|
"attribute": "image-label",
|
|
211
|
-
"reflect": false
|
|
212
|
-
"defaultValue": "null"
|
|
206
|
+
"reflect": false
|
|
213
207
|
},
|
|
214
208
|
"buttonLabel": {
|
|
215
209
|
"type": "string",
|
|
@@ -226,8 +220,7 @@ export class BiggiveArticleCard {
|
|
|
226
220
|
"text": "Button label"
|
|
227
221
|
},
|
|
228
222
|
"attribute": "button-label",
|
|
229
|
-
"reflect": false
|
|
230
|
-
"defaultValue": "null"
|
|
223
|
+
"reflect": false
|
|
231
224
|
},
|
|
232
225
|
"buttonUrl": {
|
|
233
226
|
"type": "string",
|
|
@@ -244,8 +237,7 @@ export class BiggiveArticleCard {
|
|
|
244
237
|
"text": "Button URL"
|
|
245
238
|
},
|
|
246
239
|
"attribute": "button-url",
|
|
247
|
-
"reflect": false
|
|
248
|
-
"defaultValue": "null"
|
|
240
|
+
"reflect": false
|
|
249
241
|
}
|
|
250
242
|
};
|
|
251
243
|
}
|
|
@@ -6,13 +6,13 @@ export class BiggiveBasicCard {
|
|
|
6
6
|
this.backgroundImageUrl = '';
|
|
7
7
|
this.cardColour = 'white';
|
|
8
8
|
this.textColour = 'black';
|
|
9
|
-
this.mainTitle =
|
|
10
|
-
this.subtitle =
|
|
11
|
-
this.teaser =
|
|
9
|
+
this.mainTitle = undefined;
|
|
10
|
+
this.subtitle = undefined;
|
|
11
|
+
this.teaser = undefined;
|
|
12
12
|
this.icon = true;
|
|
13
13
|
this.iconColour = 'primary';
|
|
14
|
-
this.buttonLabel =
|
|
15
|
-
this.buttonUrl =
|
|
14
|
+
this.buttonLabel = undefined;
|
|
15
|
+
this.buttonUrl = undefined;
|
|
16
16
|
this.buttonColourScheme = 'clear-primary';
|
|
17
17
|
this.clipBottomLeftCorner = true;
|
|
18
18
|
this.clipTopRightCorner = true;
|
|
@@ -146,8 +146,7 @@ export class BiggiveBasicCard {
|
|
|
146
146
|
"text": "Main title"
|
|
147
147
|
},
|
|
148
148
|
"attribute": "main-title",
|
|
149
|
-
"reflect": false
|
|
150
|
-
"defaultValue": "null"
|
|
149
|
+
"reflect": false
|
|
151
150
|
},
|
|
152
151
|
"subtitle": {
|
|
153
152
|
"type": "string",
|
|
@@ -164,8 +163,7 @@ export class BiggiveBasicCard {
|
|
|
164
163
|
"text": "Subtitle title"
|
|
165
164
|
},
|
|
166
165
|
"attribute": "subtitle",
|
|
167
|
-
"reflect": false
|
|
168
|
-
"defaultValue": "null"
|
|
166
|
+
"reflect": false
|
|
169
167
|
},
|
|
170
168
|
"teaser": {
|
|
171
169
|
"type": "string",
|
|
@@ -182,8 +180,7 @@ export class BiggiveBasicCard {
|
|
|
182
180
|
"text": "Teaser"
|
|
183
181
|
},
|
|
184
182
|
"attribute": "teaser",
|
|
185
|
-
"reflect": false
|
|
186
|
-
"defaultValue": "null"
|
|
183
|
+
"reflect": false
|
|
187
184
|
},
|
|
188
185
|
"icon": {
|
|
189
186
|
"type": "boolean",
|
|
@@ -236,8 +233,7 @@ export class BiggiveBasicCard {
|
|
|
236
233
|
"text": "Button label"
|
|
237
234
|
},
|
|
238
235
|
"attribute": "button-label",
|
|
239
|
-
"reflect": false
|
|
240
|
-
"defaultValue": "null"
|
|
236
|
+
"reflect": false
|
|
241
237
|
},
|
|
242
238
|
"buttonUrl": {
|
|
243
239
|
"type": "string",
|
|
@@ -254,8 +250,7 @@ export class BiggiveBasicCard {
|
|
|
254
250
|
"text": "Button URL"
|
|
255
251
|
},
|
|
256
252
|
"attribute": "button-url",
|
|
257
|
-
"reflect": false
|
|
258
|
-
"defaultValue": "null"
|
|
253
|
+
"reflect": false
|
|
259
254
|
},
|
|
260
255
|
"buttonColourScheme": {
|
|
261
256
|
"type": "string",
|
|
@@ -5,7 +5,7 @@ export class BiggiveBeneficiaryIcon {
|
|
|
5
5
|
this.backgroundColour = 'primary';
|
|
6
6
|
this.iconColour = 'white';
|
|
7
7
|
this.icon = 'Other';
|
|
8
|
-
this.label =
|
|
8
|
+
this.label = undefined;
|
|
9
9
|
this.url = '#';
|
|
10
10
|
}
|
|
11
11
|
getBeneficiaryIcon() {
|
|
@@ -97,8 +97,7 @@ export class BiggiveBeneficiaryIcon {
|
|
|
97
97
|
"text": "Label"
|
|
98
98
|
},
|
|
99
99
|
"attribute": "label",
|
|
100
|
-
"reflect": false
|
|
101
|
-
"defaultValue": "null"
|
|
100
|
+
"reflect": false
|
|
102
101
|
},
|
|
103
102
|
"url": {
|
|
104
103
|
"type": "string",
|
|
@@ -4,10 +4,10 @@ export class BiggiveBrandedImage {
|
|
|
4
4
|
this.spaceBelow = 0;
|
|
5
5
|
this.imageUrl = '';
|
|
6
6
|
this.logoUrl = '';
|
|
7
|
-
this.slug =
|
|
8
|
-
this.charityName =
|
|
9
|
-
this.charityLocation =
|
|
10
|
-
this.charityUrl =
|
|
7
|
+
this.slug = undefined;
|
|
8
|
+
this.charityName = undefined;
|
|
9
|
+
this.charityLocation = undefined;
|
|
10
|
+
this.charityUrl = undefined;
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
13
|
return (h("div", { class: 'container space-below-' + this.spaceBelow }, this.slug ? h("div", { class: "slug" }, this.slug) : null, this.imageUrl !== undefined && this.imageUrl !== null ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl }))) : null, this.logoUrl !== undefined && this.logoUrl !== null ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? (h("a", { id: "charityName", href: this.charityUrl, target: "_blank" }, this.charityName)) : null, this.charityLocation !== undefined && this.charityLocation !== null ? h("div", { class: "charity-info" }, this.charityLocation) : null));
|
|
@@ -95,8 +95,7 @@ export class BiggiveBrandedImage {
|
|
|
95
95
|
"text": "Slug"
|
|
96
96
|
},
|
|
97
97
|
"attribute": "slug",
|
|
98
|
-
"reflect": false
|
|
99
|
-
"defaultValue": "null"
|
|
98
|
+
"reflect": false
|
|
100
99
|
},
|
|
101
100
|
"charityName": {
|
|
102
101
|
"type": "string",
|
|
@@ -113,8 +112,7 @@ export class BiggiveBrandedImage {
|
|
|
113
112
|
"text": "Charity name"
|
|
114
113
|
},
|
|
115
114
|
"attribute": "charity-name",
|
|
116
|
-
"reflect": false
|
|
117
|
-
"defaultValue": "null"
|
|
115
|
+
"reflect": false
|
|
118
116
|
},
|
|
119
117
|
"charityLocation": {
|
|
120
118
|
"type": "string",
|
|
@@ -131,8 +129,7 @@ export class BiggiveBrandedImage {
|
|
|
131
129
|
"text": "Charity location"
|
|
132
130
|
},
|
|
133
131
|
"attribute": "charity-location",
|
|
134
|
-
"reflect": false
|
|
135
|
-
"defaultValue": "null"
|
|
132
|
+
"reflect": false
|
|
136
133
|
},
|
|
137
134
|
"charityUrl": {
|
|
138
135
|
"type": "string",
|
|
@@ -149,8 +146,7 @@ export class BiggiveBrandedImage {
|
|
|
149
146
|
"text": "Link to the charity's website"
|
|
150
147
|
},
|
|
151
148
|
"attribute": "charity-url",
|
|
152
|
-
"reflect": false
|
|
153
|
-
"defaultValue": "null"
|
|
149
|
+
"reflect": false
|
|
154
150
|
}
|
|
155
151
|
};
|
|
156
152
|
}
|
|
@@ -6,20 +6,20 @@ export class BiggiveCallToAction {
|
|
|
6
6
|
this.defaultTextColour = 'primary';
|
|
7
7
|
this.slugSize = 4;
|
|
8
8
|
this.slugColour = '';
|
|
9
|
-
this.slug =
|
|
9
|
+
this.slug = undefined;
|
|
10
10
|
this.mainTitleColour = '';
|
|
11
11
|
this.mainTitleSize = 2;
|
|
12
|
-
this.mainTitle =
|
|
12
|
+
this.mainTitle = undefined;
|
|
13
13
|
this.subtitleSize = 4;
|
|
14
14
|
this.subtitleColour = '';
|
|
15
|
-
this.subtitle =
|
|
15
|
+
this.subtitle = undefined;
|
|
16
16
|
this.teaserColour = '';
|
|
17
|
-
this.teaser =
|
|
18
|
-
this.primaryButtonUrl =
|
|
19
|
-
this.primaryButtonLabel =
|
|
17
|
+
this.teaser = undefined;
|
|
18
|
+
this.primaryButtonUrl = undefined;
|
|
19
|
+
this.primaryButtonLabel = undefined;
|
|
20
20
|
this.primaryButtonColourScheme = 'primary';
|
|
21
|
-
this.secondaryButtonUrl =
|
|
22
|
-
this.secondaryButtonLabel =
|
|
21
|
+
this.secondaryButtonUrl = undefined;
|
|
22
|
+
this.secondaryButtonLabel = undefined;
|
|
23
23
|
this.secondaryButtonColourScheme = 'primary';
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
@@ -144,8 +144,7 @@ export class BiggiveCallToAction {
|
|
|
144
144
|
"text": "Slug"
|
|
145
145
|
},
|
|
146
146
|
"attribute": "slug",
|
|
147
|
-
"reflect": false
|
|
148
|
-
"defaultValue": "null"
|
|
147
|
+
"reflect": false
|
|
149
148
|
},
|
|
150
149
|
"mainTitleColour": {
|
|
151
150
|
"type": "string",
|
|
@@ -198,8 +197,7 @@ export class BiggiveCallToAction {
|
|
|
198
197
|
"text": "Main title"
|
|
199
198
|
},
|
|
200
199
|
"attribute": "main-title",
|
|
201
|
-
"reflect": false
|
|
202
|
-
"defaultValue": "null"
|
|
200
|
+
"reflect": false
|
|
203
201
|
},
|
|
204
202
|
"subtitleSize": {
|
|
205
203
|
"type": "number",
|
|
@@ -252,8 +250,7 @@ export class BiggiveCallToAction {
|
|
|
252
250
|
"text": "Subtitle"
|
|
253
251
|
},
|
|
254
252
|
"attribute": "subtitle",
|
|
255
|
-
"reflect": false
|
|
256
|
-
"defaultValue": "null"
|
|
253
|
+
"reflect": false
|
|
257
254
|
},
|
|
258
255
|
"teaserColour": {
|
|
259
256
|
"type": "string",
|
|
@@ -288,8 +285,7 @@ export class BiggiveCallToAction {
|
|
|
288
285
|
"text": "Teaser"
|
|
289
286
|
},
|
|
290
287
|
"attribute": "teaser",
|
|
291
|
-
"reflect": false
|
|
292
|
-
"defaultValue": "null"
|
|
288
|
+
"reflect": false
|
|
293
289
|
},
|
|
294
290
|
"primaryButtonUrl": {
|
|
295
291
|
"type": "string",
|
|
@@ -306,8 +302,7 @@ export class BiggiveCallToAction {
|
|
|
306
302
|
"text": "Primary button Url"
|
|
307
303
|
},
|
|
308
304
|
"attribute": "primary-button-url",
|
|
309
|
-
"reflect": false
|
|
310
|
-
"defaultValue": "null"
|
|
305
|
+
"reflect": false
|
|
311
306
|
},
|
|
312
307
|
"primaryButtonLabel": {
|
|
313
308
|
"type": "string",
|
|
@@ -324,8 +319,7 @@ export class BiggiveCallToAction {
|
|
|
324
319
|
"text": "Primary button Label"
|
|
325
320
|
},
|
|
326
321
|
"attribute": "primary-button-label",
|
|
327
|
-
"reflect": false
|
|
328
|
-
"defaultValue": "null"
|
|
322
|
+
"reflect": false
|
|
329
323
|
},
|
|
330
324
|
"primaryButtonColourScheme": {
|
|
331
325
|
"type": "string",
|
|
@@ -360,8 +354,7 @@ export class BiggiveCallToAction {
|
|
|
360
354
|
"text": "Secondary button Url"
|
|
361
355
|
},
|
|
362
356
|
"attribute": "secondary-button-url",
|
|
363
|
-
"reflect": false
|
|
364
|
-
"defaultValue": "null"
|
|
357
|
+
"reflect": false
|
|
365
358
|
},
|
|
366
359
|
"secondaryButtonLabel": {
|
|
367
360
|
"type": "string",
|
|
@@ -378,8 +371,7 @@ export class BiggiveCallToAction {
|
|
|
378
371
|
"text": "Secondary button Label"
|
|
379
372
|
},
|
|
380
373
|
"attribute": "secondary-button-label",
|
|
381
|
-
"reflect": false
|
|
382
|
-
"defaultValue": "null"
|
|
374
|
+
"reflect": false
|
|
383
375
|
},
|
|
384
376
|
"secondaryButtonColourScheme": {
|
|
385
377
|
"type": "string",
|
|
@@ -5,20 +5,20 @@ export class BiggiveCampaignCard {
|
|
|
5
5
|
this.doCardGeneralClick.emit({ event, url: this.moreInfoButtonUrl });
|
|
6
6
|
};
|
|
7
7
|
this.spaceBelow = 4;
|
|
8
|
-
this.campaignType =
|
|
9
|
-
this.banner =
|
|
10
|
-
this.campaignTitle =
|
|
11
|
-
this.organisationName =
|
|
12
|
-
this.primaryFigureLabel =
|
|
13
|
-
this.primaryFigureAmount =
|
|
14
|
-
this.secondaryFigureLabel =
|
|
15
|
-
this.secondaryFigureAmount =
|
|
8
|
+
this.campaignType = undefined;
|
|
9
|
+
this.banner = undefined;
|
|
10
|
+
this.campaignTitle = undefined;
|
|
11
|
+
this.organisationName = undefined;
|
|
12
|
+
this.primaryFigureLabel = undefined;
|
|
13
|
+
this.primaryFigureAmount = undefined;
|
|
14
|
+
this.secondaryFigureLabel = undefined;
|
|
15
|
+
this.secondaryFigureAmount = undefined;
|
|
16
16
|
this.progressBarCounter = 100;
|
|
17
17
|
this.donateButtonLabel = 'Donate now';
|
|
18
|
-
this.donateButtonUrl =
|
|
18
|
+
this.donateButtonUrl = undefined;
|
|
19
19
|
this.donateButtonColourScheme = 'primary';
|
|
20
20
|
this.moreInfoButtonLabel = 'Find out more';
|
|
21
|
-
this.moreInfoButtonUrl =
|
|
21
|
+
this.moreInfoButtonUrl = undefined;
|
|
22
22
|
this.moreInfoButtonColourScheme = 'clear-primary';
|
|
23
23
|
this.isFutureCampaign = false;
|
|
24
24
|
this.isPastCampaign = false;
|
|
@@ -74,8 +74,7 @@ export class BiggiveCampaignCard {
|
|
|
74
74
|
"text": "e.g. \"Match Funded\"."
|
|
75
75
|
},
|
|
76
76
|
"attribute": "campaign-type",
|
|
77
|
-
"reflect": false
|
|
78
|
-
"defaultValue": "null"
|
|
77
|
+
"reflect": false
|
|
79
78
|
},
|
|
80
79
|
"banner": {
|
|
81
80
|
"type": "string",
|
|
@@ -92,8 +91,7 @@ export class BiggiveCampaignCard {
|
|
|
92
91
|
"text": "Full URL of a banner image."
|
|
93
92
|
},
|
|
94
93
|
"attribute": "banner",
|
|
95
|
-
"reflect": false
|
|
96
|
-
"defaultValue": "null"
|
|
94
|
+
"reflect": false
|
|
97
95
|
},
|
|
98
96
|
"campaignTitle": {
|
|
99
97
|
"type": "string",
|
|
@@ -110,8 +108,7 @@ export class BiggiveCampaignCard {
|
|
|
110
108
|
"text": "Display name of the charity's specific time-bound fundraising campaign."
|
|
111
109
|
},
|
|
112
110
|
"attribute": "campaign-title",
|
|
113
|
-
"reflect": false
|
|
114
|
-
"defaultValue": "null"
|
|
111
|
+
"reflect": false
|
|
115
112
|
},
|
|
116
113
|
"organisationName": {
|
|
117
114
|
"type": "string",
|
|
@@ -128,8 +125,7 @@ export class BiggiveCampaignCard {
|
|
|
128
125
|
"text": "Display name of the charity or non-profit."
|
|
129
126
|
},
|
|
130
127
|
"attribute": "organisation-name",
|
|
131
|
-
"reflect": false
|
|
132
|
-
"defaultValue": "null"
|
|
128
|
+
"reflect": false
|
|
133
129
|
},
|
|
134
130
|
"primaryFigureLabel": {
|
|
135
131
|
"type": "string",
|
|
@@ -146,8 +142,7 @@ export class BiggiveCampaignCard {
|
|
|
146
142
|
"text": "Label for the primary figure"
|
|
147
143
|
},
|
|
148
144
|
"attribute": "primary-figure-label",
|
|
149
|
-
"reflect": false
|
|
150
|
-
"defaultValue": "null"
|
|
145
|
+
"reflect": false
|
|
151
146
|
},
|
|
152
147
|
"primaryFigureAmount": {
|
|
153
148
|
"type": "string",
|
|
@@ -164,8 +159,7 @@ export class BiggiveCampaignCard {
|
|
|
164
159
|
"text": "Amount for the primary figure, formatted with currency symbol"
|
|
165
160
|
},
|
|
166
161
|
"attribute": "primary-figure-amount",
|
|
167
|
-
"reflect": false
|
|
168
|
-
"defaultValue": "null"
|
|
162
|
+
"reflect": false
|
|
169
163
|
},
|
|
170
164
|
"secondaryFigureLabel": {
|
|
171
165
|
"type": "string",
|
|
@@ -182,8 +176,7 @@ export class BiggiveCampaignCard {
|
|
|
182
176
|
"text": "Label for the secondary figure"
|
|
183
177
|
},
|
|
184
178
|
"attribute": "secondary-figure-label",
|
|
185
|
-
"reflect": false
|
|
186
|
-
"defaultValue": "null"
|
|
179
|
+
"reflect": false
|
|
187
180
|
},
|
|
188
181
|
"secondaryFigureAmount": {
|
|
189
182
|
"type": "string",
|
|
@@ -200,8 +193,7 @@ export class BiggiveCampaignCard {
|
|
|
200
193
|
"text": "Amount for the secondary figure, formatted with currency symbol"
|
|
201
194
|
},
|
|
202
195
|
"attribute": "secondary-figure-amount",
|
|
203
|
-
"reflect": false
|
|
204
|
-
"defaultValue": "null"
|
|
196
|
+
"reflect": false
|
|
205
197
|
},
|
|
206
198
|
"progressBarCounter": {
|
|
207
199
|
"type": "number",
|
|
@@ -254,8 +246,7 @@ export class BiggiveCampaignCard {
|
|
|
254
246
|
"text": "Donate button url"
|
|
255
247
|
},
|
|
256
248
|
"attribute": "donate-button-url",
|
|
257
|
-
"reflect": false
|
|
258
|
-
"defaultValue": "null"
|
|
249
|
+
"reflect": false
|
|
259
250
|
},
|
|
260
251
|
"donateButtonColourScheme": {
|
|
261
252
|
"type": "string",
|
|
@@ -308,8 +299,7 @@ export class BiggiveCampaignCard {
|
|
|
308
299
|
"text": "More information button url"
|
|
309
300
|
},
|
|
310
301
|
"attribute": "more-info-button-url",
|
|
311
|
-
"reflect": false
|
|
312
|
-
"defaultValue": "null"
|
|
302
|
+
"reflect": false
|
|
313
303
|
},
|
|
314
304
|
"moreInfoButtonColourScheme": {
|
|
315
305
|
"type": "string",
|
|
@@ -81,6 +81,7 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
81
81
|
filterFunding: this.selectedFilterFunding,
|
|
82
82
|
filterLocation: this.selectedFilterLocation,
|
|
83
83
|
};
|
|
84
|
+
// @ts-ignore
|
|
84
85
|
return event;
|
|
85
86
|
}
|
|
86
87
|
doOptionSelectCompletedHandler(event) {
|
|
@@ -117,7 +118,8 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
117
118
|
this.selectedFilterCategory !== null || this.selectedFilterBeneficiary !== null || this.selectedFilterFunding !== null || this.selectedFilterLocation !== null;
|
|
118
119
|
}
|
|
119
120
|
render() {
|
|
120
|
-
|
|
121
|
+
var _a;
|
|
122
|
+
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: (_a = this.searchText) !== null && _a !== void 0 ? _a : '', class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "clear-all" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon icon-clear-all", viewBox: "0 0 512 512" }, h("path", { d: faFilterSlash.icon[4].toString() })), h("a", { onClick: this.handleClearAll }, "Clear all")), h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, id: "sort-by" }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }))), h("div", { class: "filter-wrap" }, h("biggive-button", { class: "filter", colourScheme: this.filtersApplied ? 'secondary' : 'primary', onClick: this.handleFilterButtonClick, label: "Filters", fullWidth: true, "space-below": "0" }), h("biggive-popup", { id: "filter-popup" }, h("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), h("biggive-form-field-select", { placeholder: this.categoriesPlaceHolderText, selectedLabel: this.selectedFilterCategory, id: "categories", "space-below": "2" }, this.categoryOptions.length === 0
|
|
121
123
|
? undefined
|
|
122
124
|
: (Array.isArray(this.categoryOptions) ? this.categoryOptions : JSON.parse(this.categoryOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option })))), h("biggive-form-field-select", { placeholder: this.beneficiariesPlaceHolderText, selectedLabel: this.selectedFilterBeneficiary, id: "beneficiaries", "space-below": "2" }, this.beneficiaryOptions.length === 0
|
|
123
125
|
? undefined
|
|
@@ -181,8 +183,8 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
181
183
|
"type": "string",
|
|
182
184
|
"mutable": false,
|
|
183
185
|
"complexType": {
|
|
184
|
-
"original": "string",
|
|
185
|
-
"resolved": "string",
|
|
186
|
+
"original": "string | null",
|
|
187
|
+
"resolved": "null | string",
|
|
186
188
|
"references": {}
|
|
187
189
|
},
|
|
188
190
|
"required": false,
|
|
@@ -307,8 +309,8 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
307
309
|
"type": "string",
|
|
308
310
|
"mutable": false,
|
|
309
311
|
"complexType": {
|
|
310
|
-
"original": "'Most raised' | 'Match funds remaining' | 'Relevance'",
|
|
311
|
-
"resolved": "\"Match funds remaining\" | \"Most raised\" | \"Relevance\"",
|
|
312
|
+
"original": "'Most raised' | 'Match funds remaining' | 'Relevance' | null",
|
|
313
|
+
"resolved": "\"Match funds remaining\" | \"Most raised\" | \"Relevance\" | null",
|
|
312
314
|
"references": {}
|
|
313
315
|
},
|
|
314
316
|
"required": false,
|
|
@@ -325,8 +327,8 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
325
327
|
"type": "string",
|
|
326
328
|
"mutable": false,
|
|
327
329
|
"complexType": {
|
|
328
|
-
"original": "string",
|
|
329
|
-
"resolved": "string",
|
|
330
|
+
"original": "string | null",
|
|
331
|
+
"resolved": "null | string",
|
|
330
332
|
"references": {}
|
|
331
333
|
},
|
|
332
334
|
"required": false,
|
|
@@ -343,8 +345,8 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
343
345
|
"type": "string",
|
|
344
346
|
"mutable": false,
|
|
345
347
|
"complexType": {
|
|
346
|
-
"original": "string",
|
|
347
|
-
"resolved": "string",
|
|
348
|
+
"original": "string | null",
|
|
349
|
+
"resolved": "null | string",
|
|
348
350
|
"references": {}
|
|
349
351
|
},
|
|
350
352
|
"required": false,
|
|
@@ -361,8 +363,8 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
361
363
|
"type": "string",
|
|
362
364
|
"mutable": false,
|
|
363
365
|
"complexType": {
|
|
364
|
-
"original": "string",
|
|
365
|
-
"resolved": "string",
|
|
366
|
+
"original": "string | null",
|
|
367
|
+
"resolved": "null | string",
|
|
366
368
|
"references": {}
|
|
367
369
|
},
|
|
368
370
|
"required": false,
|
|
@@ -379,8 +381,8 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
379
381
|
"type": "string",
|
|
380
382
|
"mutable": false,
|
|
381
383
|
"complexType": {
|
|
382
|
-
"original": "string",
|
|
383
|
-
"resolved": "string",
|
|
384
|
+
"original": "string | null",
|
|
385
|
+
"resolved": "null | string",
|
|
384
386
|
"references": {}
|
|
385
387
|
},
|
|
386
388
|
"required": false,
|
|
@@ -412,8 +414,8 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
412
414
|
"text": "This event `doSearchAndFilterUpdate` event is emitted and propogates to the parent\ncomponent which handles it"
|
|
413
415
|
},
|
|
414
416
|
"complexType": {
|
|
415
|
-
"original": "{\n searchText: string;\n sortBy: string;\n filterCategory: string;\n filterBeneficiary: string;\n filterLocation: string;\n filterFunding: string;\n }",
|
|
416
|
-
"resolved": "{ searchText: string; sortBy: string; filterCategory: string; filterBeneficiary: string; filterLocation: string; filterFunding: string; }",
|
|
417
|
+
"original": "{\n searchText: string | null;\n sortBy: string | null;\n filterCategory: string | null;\n filterBeneficiary: string | null;\n filterLocation: string | null;\n filterFunding: string | null;\n }",
|
|
418
|
+
"resolved": "{ searchText: string | null; sortBy: string | null; filterCategory: string | null; filterBeneficiary: string | null; filterLocation: string | null; filterFunding: string | null; }",
|
|
417
419
|
"references": {}
|
|
418
420
|
}
|
|
419
421
|
}];
|