@biggive/components 1.0.104 → 1.0.106
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-83e0096d.entry.js +1 -0
- package/dist/cjs/biggive-back-to-top_23.cjs.entry.js +10 -11
- package/dist/collection/CustomSearchAndFilterEvent.js +1 -0
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js +12 -11
- package/dist/collection/components/biggive-hero-image/biggive-hero-image.js +4 -4
- package/dist/components/biggive-campaign-card-filter-grid.js +8 -9
- package/dist/components/biggive-hero-image.js +2 -2
- package/dist/esm/biggive-back-to-top_23.entry.js +10 -11
- package/dist/types/{components/biggive-campaign-card-filter-grid/CustomSearchAndFilterEvent.d.ts → CustomSearchAndFilterEvent.d.ts} +1 -1
- package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.d.ts +2 -2
- package/dist/types/components/biggive-hero-image/biggive-hero-image.d.ts +1 -1
- package/dist/types/components.d.ts +4 -4
- package/dist/types/interfaces.d.ts +1 -0
- package/hydrate/index.js +10 -11
- package/package.json +1 -1
- package/dist/biggive/p-04086857.entry.js +0 -1
- package/dist/collection/components/biggive-campaign-card-filter-grid/CustomSearchAndFilterEvent.js +0 -2
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { h } from '@stencil/core';
|
|
2
2
|
import { faMagnifyingGlass } from '@fortawesome/pro-solid-svg-icons';
|
|
3
|
-
import { SearchAndFilterEvent } from './CustomSearchAndFilterEvent';
|
|
4
3
|
export class BiggiveCampaignCardFilterGrid {
|
|
5
4
|
constructor() {
|
|
6
5
|
this.searchText = null;
|
|
@@ -19,12 +18,14 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
19
18
|
this.fundingOptions = null;
|
|
20
19
|
}
|
|
21
20
|
getSearchAndFilterObject() {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
21
|
+
const event = {
|
|
22
|
+
searchText: this.searchText,
|
|
23
|
+
sortBy: this.sortBy,
|
|
24
|
+
filterCategory: this.filterCategory,
|
|
25
|
+
filterBeneficiary: this.filterBeneficiary,
|
|
26
|
+
filterFunding: this.filterFunding,
|
|
27
|
+
filterLocation: this.filterLocation,
|
|
28
|
+
};
|
|
28
29
|
return event;
|
|
29
30
|
}
|
|
30
31
|
doOptionSelectCompletedHandler() {
|
|
@@ -250,12 +251,12 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
250
251
|
"text": "This event `doSearchAndFilterUpdate` event is emitted and propogates to the parent\ncomponent which handles it"
|
|
251
252
|
},
|
|
252
253
|
"complexType": {
|
|
253
|
-
"original": "
|
|
254
|
-
"resolved": "
|
|
254
|
+
"original": "CustomSearchAndFilterEvent",
|
|
255
|
+
"resolved": "CustomSearchAndFilterEvent",
|
|
255
256
|
"references": {
|
|
256
|
-
"
|
|
257
|
+
"CustomSearchAndFilterEvent": {
|
|
257
258
|
"location": "import",
|
|
258
|
-
"path": "
|
|
259
|
+
"path": "../../CustomSearchAndFilterEvent"
|
|
259
260
|
}
|
|
260
261
|
}
|
|
261
262
|
}
|
|
@@ -7,7 +7,7 @@ export class BiggiveHeroImage {
|
|
|
7
7
|
this.slug = null;
|
|
8
8
|
this.slugColour = null;
|
|
9
9
|
this.logo = '';
|
|
10
|
-
this.mainImage =
|
|
10
|
+
this.mainImage = null;
|
|
11
11
|
this.mainImageAlignHorizontal = 'center';
|
|
12
12
|
this.mainImageAlignVertical = 'center';
|
|
13
13
|
this.mainTitle = null;
|
|
@@ -21,7 +21,7 @@ export class BiggiveHeroImage {
|
|
|
21
21
|
render() {
|
|
22
22
|
return (h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, this.logo.length > 0 ? (h("div", { class: "logo image-wrap", style: { 'background-image': 'url(' + this.logo + ')' } }, h("img", { src: this.logo }))) : null, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
|
|
23
23
|
? h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
|
|
24
|
-
: null), h("div", { class: "graphic-wrap" }, this.mainImage
|
|
24
|
+
: null), h("div", { class: "graphic-wrap" }, this.mainImage !== null ? (h("div", { class: "image-wrap", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } }, h("img", { src: this.mainImage }))) : null))));
|
|
25
25
|
}
|
|
26
26
|
static get is() { return "biggive-hero-image"; }
|
|
27
27
|
static get encapsulation() { return "shadow"; }
|
|
@@ -131,7 +131,7 @@ export class BiggiveHeroImage {
|
|
|
131
131
|
"type": "string",
|
|
132
132
|
"mutable": false,
|
|
133
133
|
"complexType": {
|
|
134
|
-
"original": "string",
|
|
134
|
+
"original": "string|null",
|
|
135
135
|
"resolved": "string",
|
|
136
136
|
"references": {}
|
|
137
137
|
},
|
|
@@ -143,7 +143,7 @@ export class BiggiveHeroImage {
|
|
|
143
143
|
},
|
|
144
144
|
"attribute": "main-image",
|
|
145
145
|
"reflect": false,
|
|
146
|
-
"defaultValue": "
|
|
146
|
+
"defaultValue": "null"
|
|
147
147
|
},
|
|
148
148
|
"mainImageAlignHorizontal": {
|
|
149
149
|
"type": "string",
|
|
@@ -4,9 +4,6 @@ import { d as defineCustomElement$4 } from './biggive-form-field-select2.js';
|
|
|
4
4
|
import { d as defineCustomElement$3 } from './biggive-form-field-select-option2.js';
|
|
5
5
|
import { d as defineCustomElement$2 } from './biggive-popup2.js';
|
|
6
6
|
|
|
7
|
-
class SearchAndFilterEvent {
|
|
8
|
-
}
|
|
9
|
-
|
|
10
7
|
const biggiveCampaignCardFilterGridCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:50px;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:content}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .search-wrap{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.25));background-color:#FFFFFF;padding:15px 30px;margin-bottom:60px}.container .search-wrap h4{margin-bottom:15px}.container .search-wrap .field-wrap{display:flex;justify-content:space-between}.container .search-wrap .field-wrap .input-wrap{padding-bottom:5px;border-bottom:1px solid #000000;margin-right:30px;flex-grow:1}.container .search-wrap .field-wrap .input-wrap input{border:0}.container .search-wrap .field-wrap button{padding:5px 30px}.sort-filter-wrap{display:flex;align-items:flex-end;margin-bottom:30px;text-align:right}.sort-filter-wrap .sort-wrap{margin-left:auto}.sort-filter-wrap .filter-wrap{margin-left:15px}.sort-filter-wrap .filter-wrap .button.filter{padding-left:60px;padding-right:30px}.sort-filter-wrap .filter-wrap .button.filter .filter-icon{content:\"\";display:block;position:absolute;left:25px;top:17px;width:13px;height:13px}.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg{width:100%;height:auto;vertical-align:top}.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg:hover{fill:#2C089B}.icon{height:1rem;width:2rem;vertical-align:-0.125rem;margin:auto}.icon>path{fill:#2C089B}";
|
|
11
8
|
|
|
12
9
|
const BiggiveCampaignCardFilterGrid$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
@@ -31,12 +28,14 @@ const BiggiveCampaignCardFilterGrid$1 = /*@__PURE__*/ proxyCustomElement(class e
|
|
|
31
28
|
this.fundingOptions = null;
|
|
32
29
|
}
|
|
33
30
|
getSearchAndFilterObject() {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
31
|
+
const event = {
|
|
32
|
+
searchText: this.searchText,
|
|
33
|
+
sortBy: this.sortBy,
|
|
34
|
+
filterCategory: this.filterCategory,
|
|
35
|
+
filterBeneficiary: this.filterBeneficiary,
|
|
36
|
+
filterFunding: this.filterFunding,
|
|
37
|
+
filterLocation: this.filterLocation,
|
|
38
|
+
};
|
|
40
39
|
return event;
|
|
41
40
|
}
|
|
42
41
|
doOptionSelectCompletedHandler() {
|
|
@@ -13,7 +13,7 @@ const BiggiveHeroImage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
|
|
|
13
13
|
this.slug = null;
|
|
14
14
|
this.slugColour = null;
|
|
15
15
|
this.logo = '';
|
|
16
|
-
this.mainImage =
|
|
16
|
+
this.mainImage = null;
|
|
17
17
|
this.mainImageAlignHorizontal = 'center';
|
|
18
18
|
this.mainImageAlignVertical = 'center';
|
|
19
19
|
this.mainTitle = null;
|
|
@@ -27,7 +27,7 @@ const BiggiveHeroImage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
|
|
|
27
27
|
render() {
|
|
28
28
|
return (h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, this.logo.length > 0 ? (h("div", { class: "logo image-wrap", style: { 'background-image': 'url(' + this.logo + ')' } }, h("img", { src: this.logo }))) : null, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
|
|
29
29
|
? h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
|
|
30
|
-
: null), h("div", { class: "graphic-wrap" }, this.mainImage
|
|
30
|
+
: null), h("div", { class: "graphic-wrap" }, this.mainImage !== null ? (h("div", { class: "image-wrap", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } }, h("img", { src: this.mainImage }))) : null))));
|
|
31
31
|
}
|
|
32
32
|
static get style() { return biggiveHeroImageCss; }
|
|
33
33
|
}, [1, "biggive-hero-image", {
|
|
@@ -109,9 +109,6 @@ const BiggiveCampaignCard = class {
|
|
|
109
109
|
};
|
|
110
110
|
BiggiveCampaignCard.style = biggiveCampaignCardCss;
|
|
111
111
|
|
|
112
|
-
class SearchAndFilterEvent {
|
|
113
|
-
}
|
|
114
|
-
|
|
115
112
|
const biggiveCampaignCardFilterGridCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:50px;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:content}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .search-wrap{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.25));background-color:#FFFFFF;padding:15px 30px;margin-bottom:60px}.container .search-wrap h4{margin-bottom:15px}.container .search-wrap .field-wrap{display:flex;justify-content:space-between}.container .search-wrap .field-wrap .input-wrap{padding-bottom:5px;border-bottom:1px solid #000000;margin-right:30px;flex-grow:1}.container .search-wrap .field-wrap .input-wrap input{border:0}.container .search-wrap .field-wrap button{padding:5px 30px}.sort-filter-wrap{display:flex;align-items:flex-end;margin-bottom:30px;text-align:right}.sort-filter-wrap .sort-wrap{margin-left:auto}.sort-filter-wrap .filter-wrap{margin-left:15px}.sort-filter-wrap .filter-wrap .button.filter{padding-left:60px;padding-right:30px}.sort-filter-wrap .filter-wrap .button.filter .filter-icon{content:\"\";display:block;position:absolute;left:25px;top:17px;width:13px;height:13px}.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg{width:100%;height:auto;vertical-align:top}.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg:hover{fill:#2C089B}.icon{height:1rem;width:2rem;vertical-align:-0.125rem;margin:auto}.icon>path{fill:#2C089B}";
|
|
116
113
|
|
|
117
114
|
const BiggiveCampaignCardFilterGrid = class {
|
|
@@ -134,12 +131,14 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
134
131
|
this.fundingOptions = null;
|
|
135
132
|
}
|
|
136
133
|
getSearchAndFilterObject() {
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
134
|
+
const event = {
|
|
135
|
+
searchText: this.searchText,
|
|
136
|
+
sortBy: this.sortBy,
|
|
137
|
+
filterCategory: this.filterCategory,
|
|
138
|
+
filterBeneficiary: this.filterBeneficiary,
|
|
139
|
+
filterFunding: this.filterFunding,
|
|
140
|
+
filterLocation: this.filterLocation,
|
|
141
|
+
};
|
|
143
142
|
return event;
|
|
144
143
|
}
|
|
145
144
|
doOptionSelectCompletedHandler() {
|
|
@@ -415,7 +414,7 @@ const BiggiveHeroImage = class {
|
|
|
415
414
|
this.slug = null;
|
|
416
415
|
this.slugColour = null;
|
|
417
416
|
this.logo = '';
|
|
418
|
-
this.mainImage =
|
|
417
|
+
this.mainImage = null;
|
|
419
418
|
this.mainImageAlignHorizontal = 'center';
|
|
420
419
|
this.mainImageAlignVertical = 'center';
|
|
421
420
|
this.mainTitle = null;
|
|
@@ -429,7 +428,7 @@ const BiggiveHeroImage = class {
|
|
|
429
428
|
render() {
|
|
430
429
|
return (h("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, this.logo.length > 0 ? (h("div", { class: "logo image-wrap", style: { 'background-image': 'url(' + this.logo + ')' } }, h("img", { src: this.logo }))) : null, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
|
|
431
430
|
? h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
|
|
432
|
-
: null), h("div", { class: "graphic-wrap" }, this.mainImage
|
|
431
|
+
: null), h("div", { class: "graphic-wrap" }, this.mainImage !== null ? (h("div", { class: "image-wrap", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } }, h("img", { src: this.mainImage }))) : null))));
|
|
433
432
|
}
|
|
434
433
|
};
|
|
435
434
|
BiggiveHeroImage.style = biggiveHeroImageCss;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
-
import {
|
|
2
|
+
import { CustomSearchAndFilterEvent } from '../../CustomSearchAndFilterEvent';
|
|
3
3
|
export declare class BiggiveCampaignCardFilterGrid {
|
|
4
4
|
el: any;
|
|
5
5
|
/**
|
|
6
6
|
* This event `doSearchAndFilterUpdate` event is emitted and propogates to the parent
|
|
7
7
|
* component which handles it
|
|
8
8
|
*/
|
|
9
|
-
doSearchAndFilterUpdate: EventEmitter<
|
|
9
|
+
doSearchAndFilterUpdate: EventEmitter<CustomSearchAndFilterEvent>;
|
|
10
10
|
searchText: string;
|
|
11
11
|
sortBy: string;
|
|
12
12
|
filterCategory: string;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* It contains typing information for all components that exist in this project.
|
|
6
6
|
*/
|
|
7
7
|
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
|
|
8
|
-
import {
|
|
8
|
+
import { CustomSearchAndFilterEvent } from "./CustomSearchAndFilterEvent";
|
|
9
9
|
export namespace Components {
|
|
10
10
|
interface BiggiveArticleCard {
|
|
11
11
|
/**
|
|
@@ -569,7 +569,7 @@ export namespace Components {
|
|
|
569
569
|
/**
|
|
570
570
|
* Full URL of a main hero image.
|
|
571
571
|
*/
|
|
572
|
-
"mainImage": string;
|
|
572
|
+
"mainImage": string|null;
|
|
573
573
|
/**
|
|
574
574
|
* Horizontal alignment of image
|
|
575
575
|
*/
|
|
@@ -1619,7 +1619,7 @@ declare namespace LocalJSX {
|
|
|
1619
1619
|
/**
|
|
1620
1620
|
* This event `doSearchAndFilterUpdate` event is emitted and propogates to the parent component which handles it
|
|
1621
1621
|
*/
|
|
1622
|
-
"onDoSearchAndFilterUpdate"?: (event: BiggiveCampaignCardFilterGridCustomEvent<
|
|
1622
|
+
"onDoSearchAndFilterUpdate"?: (event: BiggiveCampaignCardFilterGridCustomEvent<CustomSearchAndFilterEvent>) => void;
|
|
1623
1623
|
/**
|
|
1624
1624
|
* Defines the text displayed as the placeholder in the input field before the user types anything
|
|
1625
1625
|
*/
|
|
@@ -1827,7 +1827,7 @@ declare namespace LocalJSX {
|
|
|
1827
1827
|
/**
|
|
1828
1828
|
* Full URL of a main hero image.
|
|
1829
1829
|
*/
|
|
1830
|
-
"mainImage"?: string;
|
|
1830
|
+
"mainImage"?: string|null;
|
|
1831
1831
|
/**
|
|
1832
1832
|
* Horizontal alignment of image
|
|
1833
1833
|
*/
|
package/hydrate/index.js
CHANGED
|
@@ -6530,9 +6530,6 @@ class BiggiveCampaignCard {
|
|
|
6530
6530
|
}; }
|
|
6531
6531
|
}
|
|
6532
6532
|
|
|
6533
|
-
class SearchAndFilterEvent {
|
|
6534
|
-
}
|
|
6535
|
-
|
|
6536
6533
|
const biggiveCampaignCardFilterGridCss = "/*!@body*/body.sc-biggive-campaign-card-filter-grid{background-color:#D7D7D7}/*!@h1, h3, h3, h4, h5, h6*/h1.sc-biggive-campaign-card-filter-grid,h3.sc-biggive-campaign-card-filter-grid,h4.sc-biggive-campaign-card-filter-grid,h5.sc-biggive-campaign-card-filter-grid,h6.sc-biggive-campaign-card-filter-grid{margin-bottom:0}/*!@h1, .heading-1*/h1.sc-biggive-campaign-card-filter-grid,.heading-1.sc-biggive-campaign-card-filter-grid{font-size:50px;line-height:60px;font-weight:bold}/*!@h2, .heading-2*/h2.sc-biggive-campaign-card-filter-grid,.heading-2.sc-biggive-campaign-card-filter-grid{font-size:38px;line-height:45px;font-weight:bold}/*!@h3, .heading-3*/h3.sc-biggive-campaign-card-filter-grid,.heading-3.sc-biggive-campaign-card-filter-grid{font-size:25px;line-height:32px;font-weight:bold}/*!@h4, .heading-4*/h4.sc-biggive-campaign-card-filter-grid,.heading-4.sc-biggive-campaign-card-filter-grid{font-size:20px;line-height:24px;font-weight:bold}/*!@h5, .heading-5*/h5.sc-biggive-campaign-card-filter-grid,.heading-5.sc-biggive-campaign-card-filter-grid{font-size:17px;line-height:24px;font-weight:bold}/*!@a*/a.sc-biggive-campaign-card-filter-grid{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-campaign-card-filter-grid:hover{text-decoration:none}/*!@.colour-primary*/.colour-primary.sc-biggive-campaign-card-filter-grid{color:#2C089B}/*!@.colour-secondary*/.colour-secondary.sc-biggive-campaign-card-filter-grid{color:#2AF135}/*!@.colour-tertiary*/.colour-tertiary.sc-biggive-campaign-card-filter-grid{color:#FF7272}/*!@.colour-white*/.colour-white.sc-biggive-campaign-card-filter-grid{color:#FFFFFF}/*!@.colour-black*/.colour-black.sc-biggive-campaign-card-filter-grid{color:#000000}/*!@.text-colour-hover-primary:hover,\n.text-colour-primary*/.text-colour-hover-primary.sc-biggive-campaign-card-filter-grid:hover,.text-colour-primary.sc-biggive-campaign-card-filter-grid{color:#2C089B}/*!@.text-colour-hover-secondary:hover,\n.text-colour-secondary*/.text-colour-hover-secondary.sc-biggive-campaign-card-filter-grid:hover,.text-colour-secondary.sc-biggive-campaign-card-filter-grid{color:#2AF135}/*!@.text-colour-hover-tertiary:hover,\n.text-colour-tertiary*/.text-colour-hover-tertiary.sc-biggive-campaign-card-filter-grid:hover,.text-colour-tertiary.sc-biggive-campaign-card-filter-grid{color:#FF7272}/*!@.text-colour-hover-white:hover,\n.text-colour-white*/.text-colour-hover-white.sc-biggive-campaign-card-filter-grid:hover,.text-colour-white.sc-biggive-campaign-card-filter-grid{color:#FFFFFF}/*!@.text-colour-hover-black:hover,\n.text-colour-black*/.text-colour-hover-black.sc-biggive-campaign-card-filter-grid:hover,.text-colour-black.sc-biggive-campaign-card-filter-grid{color:#000000}/*!@.fill-primary*/.fill-primary.sc-biggive-campaign-card-filter-grid{fill:#2C089B}/*!@.fill-secondary*/.fill-secondary.sc-biggive-campaign-card-filter-grid{fill:#2AF135}/*!@.fill-tertiary*/.fill-tertiary.sc-biggive-campaign-card-filter-grid{fill:#FF7272}/*!@.fill-white*/.fill-white.sc-biggive-campaign-card-filter-grid{fill:#FFFFFF}/*!@.fill-black*/.fill-black.sc-biggive-campaign-card-filter-grid{fill:#000000}/*!@.fill-red*/.fill-red.sc-biggive-campaign-card-filter-grid{fill:red}/*!@.background-colour-hover-primary:hover,\n.background-colour-primary*/.background-colour-hover-primary.sc-biggive-campaign-card-filter-grid:hover,.background-colour-primary.sc-biggive-campaign-card-filter-grid{background-color:#2C089B}/*!@.background-colour-hover-secondary:hover,\n.background-colour-secondary*/.background-colour-hover-secondary.sc-biggive-campaign-card-filter-grid:hover,.background-colour-secondary.sc-biggive-campaign-card-filter-grid{background-color:#2AF135}/*!@.background-colour-hover-tertiary:hover,\n.background-colour-tertiary*/.background-colour-hover-tertiary.sc-biggive-campaign-card-filter-grid:hover,.background-colour-tertiary.sc-biggive-campaign-card-filter-grid{background-color:#FF7272}/*!@.background-colour-hover-white:hover,\n.background-colour-white*/.background-colour-hover-white.sc-biggive-campaign-card-filter-grid:hover,.background-colour-white.sc-biggive-campaign-card-filter-grid{background-color:#FFFFFF}/*!@.background-colour-hover-black:hover,\n.background-colour-black*/.background-colour-hover-black.sc-biggive-campaign-card-filter-grid:hover,.background-colour-black.sc-biggive-campaign-card-filter-grid{background-color:#000000}/*!@.input-wrap*/.input-wrap.sc-biggive-campaign-card-filter-grid{display:flex;justify-content:space-between}/*!@.input-text*/.input-text.sc-biggive-campaign-card-filter-grid{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*/.input-text.sc-biggive-campaign-card-filter-grid:focus{outline:0}/*!@.input-text:placeholder*/.input-text.sc-biggive-campaign-card-filter-grid:placeholder{color:#4A4A4A}/*!@.button*/.button.sc-biggive-campaign-card-filter-grid{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*/.button.sc-biggive-campaign-card-filter-grid:hover{background-color:#FFFFFF;color:#000000}/*!@.button.size-small*/.button.size-small.sc-biggive-campaign-card-filter-grid{font-size:13px;line-height:17px;padding:5px 15px}/*!@.button.button.rounded-true*/.button.button.rounded-true.sc-biggive-campaign-card-filter-grid{border-radius:27.5px}/*!@.button.button.rounded-true.size-small*/.button.button.rounded-true.size-small.sc-biggive-campaign-card-filter-grid{border-radius:20px}/*!@.button-primary*/.button-primary.sc-biggive-campaign-card-filter-grid{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}/*!@.button-primary:hover*/.button-primary.sc-biggive-campaign-card-filter-grid:hover{color:#2C089B;background-color:#FFFFFF}/*!@.button-secondary*/.button-secondary.sc-biggive-campaign-card-filter-grid{color:#2C089B;background-color:#2AF135;border-color:#2AF135}/*!@.button-secondary:hover*/.button-secondary.sc-biggive-campaign-card-filter-grid:hover{background-color:#FFFFFF}/*!@.button-tertiary*/.button-tertiary.sc-biggive-campaign-card-filter-grid{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}/*!@.button-tertiary:hover*/.button-tertiary.sc-biggive-campaign-card-filter-grid:hover{background-color:#FFFFFF}/*!@.button-white*/.button-white.sc-biggive-campaign-card-filter-grid{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}/*!@.button-white:hover*/.button-white.sc-biggive-campaign-card-filter-grid:hover{color:#FFFFFF;background-color:#2C089B}/*!@.button-black*/.button-black.sc-biggive-campaign-card-filter-grid{color:#FFFFFF;background-color:#000000;border-color:#000000}/*!@.button-black:hover*/.button-black.sc-biggive-campaign-card-filter-grid:hover{color:#000000;background-color:#FFFFFF}/*!@.button-clear-primary*/.button-clear-primary.sc-biggive-campaign-card-filter-grid{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-primary:hover*/.button-clear-primary.sc-biggive-campaign-card-filter-grid:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-secondary*/.button-clear-secondary.sc-biggive-campaign-card-filter-grid{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-secondary:hover*/.button-clear-secondary.sc-biggive-campaign-card-filter-grid:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-tertiary*/.button-clear-tertiary.sc-biggive-campaign-card-filter-grid{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-tertiary:hover*/.button-clear-tertiary.sc-biggive-campaign-card-filter-grid:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-white*/.button-clear-white.sc-biggive-campaign-card-filter-grid{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-white:hover*/.button-clear-white.sc-biggive-campaign-card-filter-grid:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}/*!@.button-rounded*/.button-rounded.sc-biggive-campaign-card-filter-grid{border-radius:27.5px}/*!@.button-rounded.size-small*/.button-rounded.size-small.sc-biggive-campaign-card-filter-grid{border-radius:20px}/*!@.progress-bar*/.progress-bar.sc-biggive-campaign-card-filter-grid{display:flex}/*!@.progress-bar .slider*/.progress-bar.sc-biggive-campaign-card-filter-grid .slider.sc-biggive-campaign-card-filter-grid{margin:auto 15px auto 0;position:relative;flex-grow:1}/*!@.progress-bar .slider:before*/.progress-bar.sc-biggive-campaign-card-filter-grid .slider.sc-biggive-campaign-card-filter-grid:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}/*!@.progress-bar .slider .progress*/.progress-bar.sc-biggive-campaign-card-filter-grid .slider.sc-biggive-campaign-card-filter-grid .progress.sc-biggive-campaign-card-filter-grid{position:relative;border-radius:4px;background-color:#000000;height:8px}/*!@.progress-bar .counter*/.progress-bar.sc-biggive-campaign-card-filter-grid .counter.sc-biggive-campaign-card-filter-grid{font-weight:700;color:#000000;font-size:14px;line-height:18px}/*!@.progress-bar-primary .slider .progress*/.progress-bar-primary.sc-biggive-campaign-card-filter-grid .slider.sc-biggive-campaign-card-filter-grid .progress.sc-biggive-campaign-card-filter-grid{background-color:#2C089B}/*!@.progress-bar-primary .counter*/.progress-bar-primary.sc-biggive-campaign-card-filter-grid .counter.sc-biggive-campaign-card-filter-grid{color:#2C089B}/*!@.progress-bar-secondary .slider .progress*/.progress-bar-secondary.sc-biggive-campaign-card-filter-grid .slider.sc-biggive-campaign-card-filter-grid .progress.sc-biggive-campaign-card-filter-grid{background-color:#2AF135}/*!@.progress-bar-secondary .counter*/.progress-bar-secondary.sc-biggive-campaign-card-filter-grid .counter.sc-biggive-campaign-card-filter-grid{color:#2AF135}/*!@.video-wrap*/.video-wrap.sc-biggive-campaign-card-filter-grid{position:relative;padding-bottom:56.25%}/*!@.video-wrap iframe,\n.video-wrap video*/.video-wrap.sc-biggive-campaign-card-filter-grid iframe.sc-biggive-campaign-card-filter-grid,.video-wrap.sc-biggive-campaign-card-filter-grid video.sc-biggive-campaign-card-filter-grid{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}/*!@.image-wrap img*/.image-wrap.sc-biggive-campaign-card-filter-grid img.sc-biggive-campaign-card-filter-grid{width:100%;height:auto}/*!@.align-left*/.align-left.sc-biggive-campaign-card-filter-grid{text-align:left}/*!@.align-right*/.align-right.sc-biggive-campaign-card-filter-grid{text-align:right}/*!@.align-center*/.align-center.sc-biggive-campaign-card-filter-grid{text-align:center}/*!@.align-justify*/.align-justify.sc-biggive-campaign-card-filter-grid{text-align:justify}/*!@.space-below-0*/.space-below-0.sc-biggive-campaign-card-filter-grid{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-campaign-card-filter-grid{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-campaign-card-filter-grid{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-campaign-card-filter-grid{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-campaign-card-filter-grid{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-campaign-card-filter-grid{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-campaign-card-filter-grid{margin-bottom:60px}/*!@.space-above-0*/.space-above-0.sc-biggive-campaign-card-filter-grid{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-campaign-card-filter-grid{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-campaign-card-filter-grid{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-campaign-card-filter-grid{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-campaign-card-filter-grid{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-campaign-card-filter-grid{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-campaign-card-filter-grid{margin-top:60px}/*!@.horizontal-padding-1*/.horizontal-padding-1.sc-biggive-campaign-card-filter-grid{padding-left:5px;padding-right:5px}/*!@.horizontal-padding-2*/.horizontal-padding-2.sc-biggive-campaign-card-filter-grid{padding-left:10px;padding-right:10px}/*!@.horizontal-padding-3*/.horizontal-padding-3.sc-biggive-campaign-card-filter-grid{padding-left:15px;padding-right:15px}/*!@.horizontal-padding-4*/.horizontal-padding-4.sc-biggive-campaign-card-filter-grid{padding-left:30px;padding-right:30px}/*!@.horizontal-padding-5*/.horizontal-padding-5.sc-biggive-campaign-card-filter-grid{padding-left:45px;padding-right:45px}/*!@.horizontal-padding-6*/.horizontal-padding-6.sc-biggive-campaign-card-filter-grid{padding-left:60px;padding-right:60px}/*!@.vertical-padding-1*/.vertical-padding-1.sc-biggive-campaign-card-filter-grid{padding-top:5px;padding-bottom:5px}/*!@.vertical-padding-2*/.vertical-padding-2.sc-biggive-campaign-card-filter-grid{padding-top:10px;padding-bottom:10px}/*!@.vertical-padding-3*/.vertical-padding-3.sc-biggive-campaign-card-filter-grid{padding-top:15px;padding-bottom:15px}/*!@.vertical-padding-4*/.vertical-padding-4.sc-biggive-campaign-card-filter-grid{padding-top:30px;padding-bottom:30px}/*!@.vertical-padding-5*/.vertical-padding-5.sc-biggive-campaign-card-filter-grid{padding-top:45px;padding-bottom:45px}/*!@.vertical-padding-6*/.vertical-padding-6.sc-biggive-campaign-card-filter-grid{padding-top:60px;padding-bottom:60px}/*!@:host*/.sc-biggive-campaign-card-filter-grid-h{display:content}/*!@.container*/.container.sc-biggive-campaign-card-filter-grid{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}/*!@.container .search-wrap*/.container.sc-biggive-campaign-card-filter-grid .search-wrap.sc-biggive-campaign-card-filter-grid{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.25));background-color:#FFFFFF;padding:15px 30px;margin-bottom:60px}/*!@.container .search-wrap h4*/.container.sc-biggive-campaign-card-filter-grid .search-wrap.sc-biggive-campaign-card-filter-grid h4.sc-biggive-campaign-card-filter-grid{margin-bottom:15px}/*!@.container .search-wrap .field-wrap*/.container.sc-biggive-campaign-card-filter-grid .search-wrap.sc-biggive-campaign-card-filter-grid .field-wrap.sc-biggive-campaign-card-filter-grid{display:flex;justify-content:space-between}/*!@.container .search-wrap .field-wrap .input-wrap*/.container.sc-biggive-campaign-card-filter-grid .search-wrap.sc-biggive-campaign-card-filter-grid .field-wrap.sc-biggive-campaign-card-filter-grid .input-wrap.sc-biggive-campaign-card-filter-grid{padding-bottom:5px;border-bottom:1px solid #000000;margin-right:30px;flex-grow:1}/*!@.container .search-wrap .field-wrap .input-wrap input*/.container.sc-biggive-campaign-card-filter-grid .search-wrap.sc-biggive-campaign-card-filter-grid .field-wrap.sc-biggive-campaign-card-filter-grid .input-wrap.sc-biggive-campaign-card-filter-grid input.sc-biggive-campaign-card-filter-grid{border:0}/*!@.container .search-wrap .field-wrap button*/.container.sc-biggive-campaign-card-filter-grid .search-wrap.sc-biggive-campaign-card-filter-grid .field-wrap.sc-biggive-campaign-card-filter-grid button.sc-biggive-campaign-card-filter-grid{padding:5px 30px}/*!@.sort-filter-wrap*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid{display:flex;align-items:flex-end;margin-bottom:30px;text-align:right}/*!@.sort-filter-wrap .sort-wrap*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .sort-wrap.sc-biggive-campaign-card-filter-grid{margin-left:auto}/*!@.sort-filter-wrap .filter-wrap*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid{margin-left:15px}/*!@.sort-filter-wrap .filter-wrap .button.filter*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid .button.filter.sc-biggive-campaign-card-filter-grid{padding-left:60px;padding-right:30px}/*!@.sort-filter-wrap .filter-wrap .button.filter .filter-icon*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid .button.filter.sc-biggive-campaign-card-filter-grid .filter-icon.sc-biggive-campaign-card-filter-grid{content:\"\";display:block;position:absolute;left:25px;top:17px;width:13px;height:13px}/*!@.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid .button.filter.sc-biggive-campaign-card-filter-grid .filter-icon.sc-biggive-campaign-card-filter-grid svg.sc-biggive-campaign-card-filter-grid{width:100%;height:auto;vertical-align:top}/*!@.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg:hover*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid .button.filter.sc-biggive-campaign-card-filter-grid .filter-icon.sc-biggive-campaign-card-filter-grid svg.sc-biggive-campaign-card-filter-grid:hover{fill:#2C089B}/*!@.icon*/.icon.sc-biggive-campaign-card-filter-grid{height:1rem;width:2rem;vertical-align:-0.125rem;margin:auto}/*!@.icon > path*/.icon.sc-biggive-campaign-card-filter-grid>path.sc-biggive-campaign-card-filter-grid{fill:#2C089B}";
|
|
6537
6534
|
|
|
6538
6535
|
class BiggiveCampaignCardFilterGrid {
|
|
@@ -6555,12 +6552,14 @@ class BiggiveCampaignCardFilterGrid {
|
|
|
6555
6552
|
this.fundingOptions = null;
|
|
6556
6553
|
}
|
|
6557
6554
|
getSearchAndFilterObject() {
|
|
6558
|
-
|
|
6559
|
-
|
|
6560
|
-
|
|
6561
|
-
|
|
6562
|
-
|
|
6563
|
-
|
|
6555
|
+
const event = {
|
|
6556
|
+
searchText: this.searchText,
|
|
6557
|
+
sortBy: this.sortBy,
|
|
6558
|
+
filterCategory: this.filterCategory,
|
|
6559
|
+
filterBeneficiary: this.filterBeneficiary,
|
|
6560
|
+
filterFunding: this.filterFunding,
|
|
6561
|
+
filterLocation: this.filterLocation,
|
|
6562
|
+
};
|
|
6564
6563
|
return event;
|
|
6565
6564
|
}
|
|
6566
6565
|
doOptionSelectCompletedHandler() {
|
|
@@ -7028,7 +7027,7 @@ class BiggiveHeroImage {
|
|
|
7028
7027
|
this.slug = null;
|
|
7029
7028
|
this.slugColour = null;
|
|
7030
7029
|
this.logo = '';
|
|
7031
|
-
this.mainImage =
|
|
7030
|
+
this.mainImage = null;
|
|
7032
7031
|
this.mainImageAlignHorizontal = 'center';
|
|
7033
7032
|
this.mainImageAlignVertical = 'center';
|
|
7034
7033
|
this.mainTitle = null;
|
|
@@ -7042,7 +7041,7 @@ class BiggiveHeroImage {
|
|
|
7042
7041
|
render() {
|
|
7043
7042
|
return (hAsync("div", { class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "content-wrap" }, this.logo.length > 0 ? (hAsync("div", { class: "logo image-wrap", style: { 'background-image': 'url(' + this.logo + ')' } }, hAsync("img", { src: this.logo }))) : null, hAsync("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), hAsync("h1", { class: 'main-title text-colour-' + this.mainTitleColour }, this.mainTitle), hAsync("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null
|
|
7044
7043
|
? hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
|
|
7045
|
-
: null), hAsync("div", { class: "graphic-wrap" }, this.mainImage
|
|
7044
|
+
: null), hAsync("div", { class: "graphic-wrap" }, this.mainImage !== null ? (hAsync("div", { class: "image-wrap", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } }, hAsync("img", { src: this.mainImage }))) : null))));
|
|
7046
7045
|
}
|
|
7047
7046
|
static get style() { return biggiveHeroImageCss; }
|
|
7048
7047
|
static get cmpMeta() { return {
|