@biggive/components 1.0.113 → 1.0.115

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.
@@ -35,7 +35,8 @@ export class BiggiveCampaignCardFilterGrid {
35
35
  this.filterLocation = this.el.shadowRoot.getElementById('locations').selectedValue;
36
36
  this.filterFunding = this.el.shadowRoot.getElementById('funding').selectedValue;
37
37
  }
38
- handleSortByChanged() {
38
+ handleSortByChanged(event) {
39
+ this.sortBy = event.target.value;
39
40
  this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
40
41
  }
41
42
  handleApplyFilterButtonClick() {
@@ -56,7 +57,7 @@ export class BiggiveCampaignCardFilterGrid {
56
57
  this.el.shadowRoot.getElementById('filter-popup').open();
57
58
  }
58
59
  render() {
59
- return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), h("biggive-button", { onClick: () => this.handleSearchButtonPressed(), label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by", onDoSelectChange: () => this.handleSortByChanged() }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }))), h("div", { class: "filter-wrap" }, h("biggive-button", { class: "filter", onClick: () => this.handleFilterButtonClick() }, h("span", { class: "filter-icon" }, h("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.12042 0.76576C0.327224 0.298 0.766961 0 1.25014 0H14.7517C15.2361 0 15.6736 0.298 15.8799 0.76576C16.0893 1.23352 16.0237 1.787 15.6924 2.18745L10.0011 9.67328V13.929C10.0011 14.3341 9.7886 14.7058 9.44793 14.8866C9.1104 15.0674 8.7041 15.0306 8.40094 14.7862L6.40072 13.179C6.14756 12.9781 6.00067 12.66 6.00067 12.3218V9.67328L0.282594 2.18745C-0.023284 1.787 -0.0864161 1.23352 0.120451 0.76576H0.12042Z", fill: "white" }))), "Filters"), h("biggive-popup", { id: "filter-popup" }, h("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), h("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }, !this.categoryOptions
60
+ return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), h("biggive-button", { onClick: () => this.handleSearchButtonPressed(), label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by", onDoSelectChange: event => this.handleSortByChanged(event) }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }))), h("div", { class: "filter-wrap" }, h("biggive-button", { class: "filter", onClick: () => this.handleFilterButtonClick(), label: "Filters" }), h("biggive-popup", { id: "filter-popup" }, h("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), h("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }, !this.categoryOptions
60
61
  ? undefined
61
62
  : this.categoryOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder: "Beneficiary", id: "beneficiaries", "space-below": "2" }, !this.beneficiaryOptions
62
63
  ? undefined
@@ -15,7 +15,7 @@ export class BiggiveFooter {
15
15
  const navSecondary = this.getMenuUlContents('nav-secondary');
16
16
  const navTertiary = this.getMenuUlContents('nav-tertiary');
17
17
  const navPostscript = this.getMenuUlContents('nav-postscript');
18
- return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary" }, h("h5", null, h("slot", { name: "nav-primary-title" })), h("ul", null, navPrimary)), h("nav", { class: "nav nav-secondary" }, h("h5", null, h("slot", { name: "nav-secondary-title" })), h("ul", null, navSecondary)), h("nav", { class: "nav nav-tertiary" }, h("h5", null, h("slot", { name: "nav-tertiary-title" })), h("ul", null, navTertiary)), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "#", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "#", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png') }), h("nav", { class: "nav nav-postscript" }, h("ul", null, navPostscript))), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
18
+ return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary" }, h("h5", null, h("slot", { name: "nav-primary-title" })), h("ul", null, navPrimary)), h("nav", { class: "nav nav-secondary" }, h("h5", null, h("slot", { name: "nav-secondary-title" })), h("ul", null, navSecondary)), h("nav", { class: "nav nav-tertiary" }, h("h5", null, h("slot", { name: "nav-tertiary-title" })), h("ul", null, navTertiary)), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/philanthropists", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png') }), h("nav", { class: "nav nav-postscript" }, h("ul", null, navPostscript))), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
19
19
  }
20
20
  static get is() { return "biggive-footer"; }
21
21
  static get encapsulation() { return "shadow"; }
@@ -10,7 +10,7 @@ const BiggiveButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
10
10
  this.spaceBelow = 1;
11
11
  this.colourScheme = 'primary';
12
12
  this.label = 'Click me';
13
- this.url = '#';
13
+ this.url = undefined;
14
14
  this.fullWidth = false;
15
15
  this.size = 'medium';
16
16
  this.rounded = false;
@@ -46,7 +46,8 @@ const BiggiveCampaignCardFilterGrid$1 = /*@__PURE__*/ proxyCustomElement(class e
46
46
  this.filterLocation = this.el.shadowRoot.getElementById('locations').selectedValue;
47
47
  this.filterFunding = this.el.shadowRoot.getElementById('funding').selectedValue;
48
48
  }
49
- handleSortByChanged() {
49
+ handleSortByChanged(event) {
50
+ this.sortBy = event.target.value;
50
51
  this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
51
52
  }
52
53
  handleApplyFilterButtonClick() {
@@ -67,7 +68,7 @@ const BiggiveCampaignCardFilterGrid$1 = /*@__PURE__*/ proxyCustomElement(class e
67
68
  this.el.shadowRoot.getElementById('filter-popup').open();
68
69
  }
69
70
  render() {
70
- return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), h("biggive-button", { onClick: () => this.handleSearchButtonPressed(), label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by", onDoSelectChange: () => this.handleSortByChanged() }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }))), h("div", { class: "filter-wrap" }, h("biggive-button", { class: "filter", onClick: () => this.handleFilterButtonClick() }, h("span", { class: "filter-icon" }, h("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.12042 0.76576C0.327224 0.298 0.766961 0 1.25014 0H14.7517C15.2361 0 15.6736 0.298 15.8799 0.76576C16.0893 1.23352 16.0237 1.787 15.6924 2.18745L10.0011 9.67328V13.929C10.0011 14.3341 9.7886 14.7058 9.44793 14.8866C9.1104 15.0674 8.7041 15.0306 8.40094 14.7862L6.40072 13.179C6.14756 12.9781 6.00067 12.66 6.00067 12.3218V9.67328L0.282594 2.18745C-0.023284 1.787 -0.0864161 1.23352 0.120451 0.76576H0.12042Z", fill: "white" }))), "Filters"), h("biggive-popup", { id: "filter-popup" }, h("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), h("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }, !this.categoryOptions
71
+ return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), h("biggive-button", { onClick: () => this.handleSearchButtonPressed(), label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by", onDoSelectChange: event => this.handleSortByChanged(event) }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }))), h("div", { class: "filter-wrap" }, h("biggive-button", { class: "filter", onClick: () => this.handleFilterButtonClick(), label: "Filters" }), h("biggive-popup", { id: "filter-popup" }, h("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), h("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }, !this.categoryOptions
71
72
  ? undefined
72
73
  : this.categoryOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder: "Beneficiary", id: "beneficiaries", "space-below": "2" }, !this.beneficiaryOptions
73
74
  ? undefined
@@ -24,7 +24,7 @@ const BiggiveFooter$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
24
24
  const navSecondary = this.getMenuUlContents('nav-secondary');
25
25
  const navTertiary = this.getMenuUlContents('nav-tertiary');
26
26
  const navPostscript = this.getMenuUlContents('nav-postscript');
27
- return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary" }, h("h5", null, h("slot", { name: "nav-primary-title" })), h("ul", null, navPrimary)), h("nav", { class: "nav nav-secondary" }, h("h5", null, h("slot", { name: "nav-secondary-title" })), h("ul", null, navSecondary)), h("nav", { class: "nav nav-tertiary" }, h("h5", null, h("slot", { name: "nav-tertiary-title" })), h("ul", null, navTertiary)), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "#", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "#", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png') }), h("nav", { class: "nav nav-postscript" }, h("ul", null, navPostscript))), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
27
+ return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary" }, h("h5", null, h("slot", { name: "nav-primary-title" })), h("ul", null, navPrimary)), h("nav", { class: "nav nav-secondary" }, h("h5", null, h("slot", { name: "nav-secondary-title" })), h("ul", null, navSecondary)), h("nav", { class: "nav nav-tertiary" }, h("h5", null, h("slot", { name: "nav-tertiary-title" })), h("ul", null, navTertiary)), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/philanthropists", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png') }), h("nav", { class: "nav nav-postscript" }, h("ul", null, navPostscript))), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
28
28
  }
29
29
  get host() { return this; }
30
30
  static get style() { return biggiveFooterCss; }
@@ -23,7 +23,7 @@ const BiggiveButton = class {
23
23
  this.spaceBelow = 1;
24
24
  this.colourScheme = 'primary';
25
25
  this.label = 'Click me';
26
- this.url = '#';
26
+ this.url = undefined;
27
27
  this.fullWidth = false;
28
28
  this.size = 'medium';
29
29
  this.rounded = false;
@@ -148,7 +148,8 @@ const BiggiveCampaignCardFilterGrid = class {
148
148
  this.filterLocation = this.el.shadowRoot.getElementById('locations').selectedValue;
149
149
  this.filterFunding = this.el.shadowRoot.getElementById('funding').selectedValue;
150
150
  }
151
- handleSortByChanged() {
151
+ handleSortByChanged(event) {
152
+ this.sortBy = event.target.value;
152
153
  this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
153
154
  }
154
155
  handleApplyFilterButtonClick() {
@@ -169,7 +170,7 @@ const BiggiveCampaignCardFilterGrid = class {
169
170
  this.el.shadowRoot.getElementById('filter-popup').open();
170
171
  }
171
172
  render() {
172
- return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), h("biggive-button", { onClick: () => this.handleSearchButtonPressed(), label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by", onDoSelectChange: () => this.handleSortByChanged() }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }))), h("div", { class: "filter-wrap" }, h("biggive-button", { class: "filter", onClick: () => this.handleFilterButtonClick() }, h("span", { class: "filter-icon" }, h("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.12042 0.76576C0.327224 0.298 0.766961 0 1.25014 0H14.7517C15.2361 0 15.6736 0.298 15.8799 0.76576C16.0893 1.23352 16.0237 1.787 15.6924 2.18745L10.0011 9.67328V13.929C10.0011 14.3341 9.7886 14.7058 9.44793 14.8866C9.1104 15.0674 8.7041 15.0306 8.40094 14.7862L6.40072 13.179C6.14756 12.9781 6.00067 12.66 6.00067 12.3218V9.67328L0.282594 2.18745C-0.023284 1.787 -0.0864161 1.23352 0.120451 0.76576H0.12042Z", fill: "white" }))), "Filters"), h("biggive-popup", { id: "filter-popup" }, h("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), h("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }, !this.categoryOptions
173
+ return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), h("biggive-button", { onClick: () => this.handleSearchButtonPressed(), label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by", onDoSelectChange: event => this.handleSortByChanged(event) }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }))), h("div", { class: "filter-wrap" }, h("biggive-button", { class: "filter", onClick: () => this.handleFilterButtonClick(), label: "Filters" }), h("biggive-popup", { id: "filter-popup" }, h("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), h("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }, !this.categoryOptions
173
174
  ? undefined
174
175
  : this.categoryOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder: "Beneficiary", id: "beneficiaries", "space-below": "2" }, !this.beneficiaryOptions
175
176
  ? undefined
@@ -243,7 +244,7 @@ const BiggiveFooter = class {
243
244
  const navSecondary = this.getMenuUlContents('nav-secondary');
244
245
  const navTertiary = this.getMenuUlContents('nav-tertiary');
245
246
  const navPostscript = this.getMenuUlContents('nav-postscript');
246
- return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary" }, h("h5", null, h("slot", { name: "nav-primary-title" })), h("ul", null, navPrimary)), h("nav", { class: "nav nav-secondary" }, h("h5", null, h("slot", { name: "nav-secondary-title" })), h("ul", null, navSecondary)), h("nav", { class: "nav nav-tertiary" }, h("h5", null, h("slot", { name: "nav-tertiary-title" })), h("ul", null, navTertiary)), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "#", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "#", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png') }), h("nav", { class: "nav nav-postscript" }, h("ul", null, navPostscript))), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
247
+ return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary" }, h("h5", null, h("slot", { name: "nav-primary-title" })), h("ul", null, navPrimary)), h("nav", { class: "nav nav-secondary" }, h("h5", null, h("slot", { name: "nav-secondary-title" })), h("ul", null, navSecondary)), h("nav", { class: "nav nav-tertiary" }, h("h5", null, h("slot", { name: "nav-tertiary-title" })), h("ul", null, navTertiary)), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/philanthropists", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png') }), h("nav", { class: "nav nav-postscript" }, h("ul", null, navPostscript))), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
247
248
  }
248
249
  get host() { return getElement(this); }
249
250
  };
package/hydrate/index.js CHANGED
@@ -6374,7 +6374,7 @@ class BiggiveButton {
6374
6374
  this.spaceBelow = 1;
6375
6375
  this.colourScheme = 'primary';
6376
6376
  this.label = 'Click me';
6377
- this.url = '#';
6377
+ this.url = undefined;
6378
6378
  this.fullWidth = false;
6379
6379
  this.size = 'medium';
6380
6380
  this.rounded = false;
@@ -6570,7 +6570,8 @@ class BiggiveCampaignCardFilterGrid {
6570
6570
  this.filterLocation = this.el.shadowRoot.getElementById('locations').selectedValue;
6571
6571
  this.filterFunding = this.el.shadowRoot.getElementById('funding').selectedValue;
6572
6572
  }
6573
- handleSortByChanged() {
6573
+ handleSortByChanged(event) {
6574
+ this.sortBy = event.target.value;
6574
6575
  this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
6575
6576
  }
6576
6577
  handleApplyFilterButtonClick() {
@@ -6591,7 +6592,7 @@ class BiggiveCampaignCardFilterGrid {
6591
6592
  this.el.shadowRoot.getElementById('filter-popup').open();
6592
6593
  }
6593
6594
  render() {
6594
- return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "search-wrap" }, hAsync("h4", null, this.intro), hAsync("div", { class: "field-wrap" }, hAsync("div", { class: "input-wrap" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, hAsync("path", { d: faMagnifyingGlass.icon[4].toString() })), hAsync("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), hAsync("biggive-button", { onClick: () => this.handleSearchButtonPressed(), label: this.buttonText }))), hAsync("div", { class: "sort-filter-wrap" }, hAsync("div", { class: "sort-wrap" }, hAsync("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by", onDoSelectChange: () => this.handleSortByChanged() }, hAsync("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), hAsync("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }))), hAsync("div", { class: "filter-wrap" }, hAsync("biggive-button", { class: "filter", onClick: () => this.handleFilterButtonClick() }, hAsync("span", { class: "filter-icon" }, hAsync("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M0.12042 0.76576C0.327224 0.298 0.766961 0 1.25014 0H14.7517C15.2361 0 15.6736 0.298 15.8799 0.76576C16.0893 1.23352 16.0237 1.787 15.6924 2.18745L10.0011 9.67328V13.929C10.0011 14.3341 9.7886 14.7058 9.44793 14.8866C9.1104 15.0674 8.7041 15.0306 8.40094 14.7862L6.40072 13.179C6.14756 12.9781 6.00067 12.66 6.00067 12.3218V9.67328L0.282594 2.18745C-0.023284 1.787 -0.0864161 1.23352 0.120451 0.76576H0.12042Z", fill: "white" }))), "Filters"), hAsync("biggive-popup", { id: "filter-popup" }, hAsync("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), hAsync("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }, !this.categoryOptions
6595
+ return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "search-wrap" }, hAsync("h4", null, this.intro), hAsync("div", { class: "field-wrap" }, hAsync("div", { class: "input-wrap" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, hAsync("path", { d: faMagnifyingGlass.icon[4].toString() })), hAsync("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), hAsync("biggive-button", { onClick: () => this.handleSearchButtonPressed(), label: this.buttonText }))), hAsync("div", { class: "sort-filter-wrap" }, hAsync("div", { class: "sort-wrap" }, hAsync("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by", onDoSelectChange: event => this.handleSortByChanged(event) }, hAsync("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), hAsync("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }))), hAsync("div", { class: "filter-wrap" }, hAsync("biggive-button", { class: "filter", onClick: () => this.handleFilterButtonClick(), label: "Filters" }), hAsync("biggive-popup", { id: "filter-popup" }, hAsync("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), hAsync("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }, !this.categoryOptions
6595
6596
  ? undefined
6596
6597
  : this.categoryOptions.map(option => hAsync("biggive-form-field-select-option", { value: option, label: option }))), hAsync("biggive-form-field-select", { placeholder: "Beneficiary", id: "beneficiaries", "space-below": "2" }, !this.beneficiaryOptions
6597
6598
  ? undefined
@@ -6739,7 +6740,7 @@ class BiggiveFooter {
6739
6740
  const navSecondary = this.getMenuUlContents('nav-secondary');
6740
6741
  const navTertiary = this.getMenuUlContents('nav-tertiary');
6741
6742
  const navPostscript = this.getMenuUlContents('nav-postscript');
6742
- return (hAsync("footer", { class: "footer" }, hAsync("div", { class: "row row-top" }, hAsync("nav", { class: "nav nav-primary" }, hAsync("h5", null, hAsync("slot", { name: "nav-primary-title" })), hAsync("ul", null, navPrimary)), hAsync("nav", { class: "nav nav-secondary" }, hAsync("h5", null, hAsync("slot", { name: "nav-secondary-title" })), hAsync("ul", null, navSecondary)), hAsync("nav", { class: "nav nav-tertiary" }, hAsync("h5", null, hAsync("slot", { name: "nav-tertiary-title" })), hAsync("ul", null, navTertiary)), hAsync("div", { class: "button-wrap" }, hAsync("biggive-button", { "colour-scheme": "white", url: "#", label: "For charities" }), hAsync("biggive-button", { "colour-scheme": "white", url: "#", label: "For funders" }))), hAsync("div", { class: "row row-bottom" }, hAsync("div", { class: "postscript-wrap" }, hAsync("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png') }), hAsync("nav", { class: "nav nav-postscript" }, hAsync("ul", null, navPostscript))), hAsync("div", { class: "social-icon-wrap" }, hAsync("slot", { name: "social-icons" })), hAsync("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
6743
+ return (hAsync("footer", { class: "footer" }, hAsync("div", { class: "row row-top" }, hAsync("nav", { class: "nav nav-primary" }, hAsync("h5", null, hAsync("slot", { name: "nav-primary-title" })), hAsync("ul", null, navPrimary)), hAsync("nav", { class: "nav nav-secondary" }, hAsync("h5", null, hAsync("slot", { name: "nav-secondary-title" })), hAsync("ul", null, navSecondary)), hAsync("nav", { class: "nav nav-tertiary" }, hAsync("h5", null, hAsync("slot", { name: "nav-tertiary-title" })), hAsync("ul", null, navTertiary)), hAsync("div", { class: "button-wrap" }, hAsync("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/charities", label: "For charities" }), hAsync("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/philanthropists", label: "For funders" }))), hAsync("div", { class: "row row-bottom" }, hAsync("div", { class: "postscript-wrap" }, hAsync("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png') }), hAsync("nav", { class: "nav nav-postscript" }, hAsync("ul", null, navPostscript))), hAsync("div", { class: "social-icon-wrap" }, hAsync("slot", { name: "social-icons" })), hAsync("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
6743
6744
  }
6744
6745
  get host() { return getElement(this); }
6745
6746
  static get style() { return biggiveFooterCss; }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@biggive/components",
3
- "version": "1.0.113",
3
+ "version": "1.0.115",
4
4
  "description": "Big Give Components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",