@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.
@@ -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
- let event = new SearchAndFilterEvent();
23
- event.searchText = this.searchText;
24
- event.sortBy = this.sortBy;
25
- event.filterCategory = this.filterCategory;
26
- event.filterBeneficiary = this.filterBeneficiary;
27
- event.filterFunding = this.filterFunding;
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": "SearchAndFilterEvent",
254
- "resolved": "SearchAndFilterEvent",
254
+ "original": "CustomSearchAndFilterEvent",
255
+ "resolved": "CustomSearchAndFilterEvent",
255
256
  "references": {
256
- "SearchAndFilterEvent": {
257
+ "CustomSearchAndFilterEvent": {
257
258
  "location": "import",
258
- "path": "./CustomSearchAndFilterEvent"
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.length > 0 ? (h("div", { class: "image-wrap", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } }, h("img", { src: this.mainImage }))) : null))));
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
- let event = new SearchAndFilterEvent();
35
- event.searchText = this.searchText;
36
- event.sortBy = this.sortBy;
37
- event.filterCategory = this.filterCategory;
38
- event.filterBeneficiary = this.filterBeneficiary;
39
- event.filterFunding = this.filterFunding;
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.length > 0 ? (h("div", { class: "image-wrap", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } }, h("img", { src: this.mainImage }))) : null))));
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
- let event = new SearchAndFilterEvent();
138
- event.searchText = this.searchText;
139
- event.sortBy = this.sortBy;
140
- event.filterCategory = this.filterCategory;
141
- event.filterBeneficiary = this.filterBeneficiary;
142
- event.filterFunding = this.filterFunding;
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.length > 0 ? (h("div", { class: "image-wrap", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } }, h("img", { src: this.mainImage }))) : null))));
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,4 +1,4 @@
1
- export declare class SearchAndFilterEvent {
1
+ export interface CustomSearchAndFilterEvent {
2
2
  searchText: string;
3
3
  sortBy: string;
4
4
  filterCategory: string;
@@ -1,12 +1,12 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
- import { SearchAndFilterEvent } from './CustomSearchAndFilterEvent';
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<SearchAndFilterEvent>;
9
+ doSearchAndFilterUpdate: EventEmitter<CustomSearchAndFilterEvent>;
10
10
  searchText: string;
11
11
  sortBy: string;
12
12
  filterCategory: string;
@@ -22,7 +22,7 @@ export declare class BiggiveHeroImage {
22
22
  /**
23
23
  * Full URL of a main hero image.
24
24
  */
25
- mainImage: string;
25
+ mainImage: string | null;
26
26
  /**
27
27
  * Horizontal alignment of image
28
28
  */
@@ -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 { SearchAndFilterEvent } from "./components/biggive-campaign-card-filter-grid/CustomSearchAndFilterEvent";
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<SearchAndFilterEvent>) => void;
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
  */
@@ -1 +1,2 @@
1
1
  export * from './components';
2
+ export { CustomSearchAndFilterEvent } from './CustomSearchAndFilterEvent';
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
- let event = new SearchAndFilterEvent();
6559
- event.searchText = this.searchText;
6560
- event.sortBy = this.sortBy;
6561
- event.filterCategory = this.filterCategory;
6562
- event.filterBeneficiary = this.filterBeneficiary;
6563
- event.filterFunding = this.filterFunding;
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.length > 0 ? (hAsync("div", { class: "image-wrap", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } }, hAsync("img", { src: this.mainImage }))) : null))));
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 {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@biggive/components",
3
- "version": "1.0.104",
3
+ "version": "1.0.106",
4
4
  "description": "Big Give Components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",