@biggive/components 1.0.142 → 1.0.143
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-9fe50e13.entry.js +1 -0
- package/dist/cjs/biggive-back-to-top_26.cjs.entry.js +9 -5
- package/dist/cjs/biggive.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js +83 -7
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.stories.js +52 -1
- package/dist/components/biggive-campaign-card-filter-grid.js +14 -6
- package/dist/esm/biggive-back-to-top_26.entry.js +9 -5
- package/dist/esm/biggive.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.d.ts +17 -1
- package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.stories.d.ts +35 -0
- package/dist/types/components.d.ts +34 -2
- package/hydrate/index.js +14 -6
- package/package.json +1 -1
- package/dist/biggive/p-4e2b7b59.entry.js +0 -1
package/dist/esm/loader.js
CHANGED
|
@@ -10,7 +10,7 @@ const patchEsm = () => {
|
|
|
10
10
|
const defineCustomElements = (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
12
12
|
return patchEsm().then(() => {
|
|
13
|
-
return bootstrapLazy([["biggive-back-to-top_26",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[16],"beneficiaryOptions":[16],"locationOptions":[16],"fundingOptions":[16],"
|
|
13
|
+
return bootstrapLazy([["biggive-back-to-top_26",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[16],"beneficiaryOptions":[16],"locationOptions":[16],"fundingOptions":[16],"selectedSortByOption":[1,"selected-sort-by-option"],"selectedFilterCategory":[1,"selected-filter-category"],"selectedFilterBeneficiary":[1,"selected-filter-beneficiary"],"selectedFilterLocation":[1,"selected-filter-location"],"selectedFilterFunding":[1,"selected-filter-funding"]},[[0,"doSelectChange","doOptionSelectCompletedHandler"]]],[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"]}],[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"],"championName":[1,"champion-name"],"championUrl":[1,"champion-url"]}],[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}],[1,"biggive-footer"],[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"mainImage":[1,"main-image"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-back-to-top"],[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"],"charityUrl":[1,"charity-url"]}],[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"columnGap":[2,"column-gap"]}],[1,"biggive-header",{"spaceBelow":[2,"space-below"],"logoUrl":[1,"logo-url"]}],[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1]}],[1,"biggive-page-column"],[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}],[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"]}],[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1]}],[0,"biggive-social-icon",{"service":[1],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"url":[1]}],[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}],[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}],[1,"biggive-form-field-select",{"selectedValue":[1,"selected-value"],"selectedLabel":[1,"selected-label"],"spaceBelow":[2,"space-below"],"placeholder":[1]},[[0,"doOptionSelect","doOptionSelectCompletedHandler"]]],[1,"biggive-form-field-select-option",{"label":[1],"value":[1],"selectedValue":[32],"selectedLabel":[32]}],[0,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}],[1,"biggive-popup",{"openFromOutside":[64],"closeFromOutside":[64]}],[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}],[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4]}]]],["biggive-article-card",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundColourHover":[1,"background-colour-hover"],"textColour":[1,"text-colour"],"slug":[1],"date":[1],"mainTitle":[1,"main-title"],"imageUrl":[1,"image-url"],"imageLabel":[1,"image-label"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"]}]]],["biggive-basic-card",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainTitle":[1,"main-title"],"subtitle":[1],"iconColour":[1,"icon-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["biggive-search",[[1,"biggive-search",{"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"]}]]],["biggive-beneficiary-icon",[[0,"biggive-beneficiary-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-boxed-content",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["biggive-category-icon",[[0,"biggive-category-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-form",[[1,"biggive-form"]]],["biggive-formatted-text",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-icon-group",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["biggive-image",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["biggive-nav-group",[[1,"biggive-nav-group",{"inline":[4]}]]],["biggive-nav-item",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["biggive-popup-standalone",[[1,"biggive-popup-standalone"]]],["biggive-tab",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["biggive-tabbed-content",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-text-input",[[1,"biggive-text-input"]]],["biggive-video",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]]], options);
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
|
|
@@ -73,7 +73,23 @@ export declare class BiggiveCampaignCardFilterGrid {
|
|
|
73
73
|
* two pages is loaded directly with URL parameters - in such a scenario the dropdown
|
|
74
74
|
* shows that it's pre-selected. DON-558.
|
|
75
75
|
*/
|
|
76
|
-
|
|
76
|
+
selectedSortByOption: 'Most raised' | 'Match funds remaining' | 'Relevance';
|
|
77
|
+
/**
|
|
78
|
+
* For injecting the chosen category to filter by, as per the comment above for `selectedSortByOption`.
|
|
79
|
+
*/
|
|
80
|
+
selectedFilterCategory: string;
|
|
81
|
+
/**
|
|
82
|
+
* For injecting the chosen beneficiary to filter by, as per the comment above for `selectedSortByOption`.
|
|
83
|
+
*/
|
|
84
|
+
selectedFilterBeneficiary: string;
|
|
85
|
+
/**
|
|
86
|
+
* For injecting the chosen location to filter by, as per the comment above for `selectedSortByOption`.
|
|
87
|
+
*/
|
|
88
|
+
selectedFilterLocation: string;
|
|
89
|
+
/**
|
|
90
|
+
* For injecting the chosen funding to filter by, as per the comment above for `selectedSortByOption`.
|
|
91
|
+
*/
|
|
92
|
+
selectedFilterFunding: string;
|
|
77
93
|
private getSearchAndFilterObject;
|
|
78
94
|
doOptionSelectCompletedHandler(event: any): void;
|
|
79
95
|
private handleApplyFilterButtonClick;
|
|
@@ -16,6 +16,41 @@ declare const _default: {
|
|
|
16
16
|
searchText: {
|
|
17
17
|
name: string;
|
|
18
18
|
};
|
|
19
|
+
selectedSortByOption: {
|
|
20
|
+
name: string;
|
|
21
|
+
options: string[];
|
|
22
|
+
control: {
|
|
23
|
+
type: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
selectedFilterCategory: {
|
|
27
|
+
name: string;
|
|
28
|
+
options: string[];
|
|
29
|
+
control: {
|
|
30
|
+
type: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
selectedFilterBeneficiary: {
|
|
34
|
+
name: string;
|
|
35
|
+
options: string[];
|
|
36
|
+
control: {
|
|
37
|
+
type: string;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
selectedFilterLocation: {
|
|
41
|
+
name: string;
|
|
42
|
+
options: string[];
|
|
43
|
+
control: {
|
|
44
|
+
type: string;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
selectedFilterFunding: {
|
|
48
|
+
name: string;
|
|
49
|
+
options: string[];
|
|
50
|
+
control: {
|
|
51
|
+
type: string;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
19
54
|
};
|
|
20
55
|
};
|
|
21
56
|
export default _default;
|
|
@@ -385,10 +385,26 @@ export namespace Components {
|
|
|
385
385
|
* Optional search text prop. Useful for pre-populating the search field when the page is loaded with a search term already existing in the URL. This can happen when sharing links, or if a donor goes to a campaign page after searching, and then returns to the search results. In such a case, the search box text will clear, unless we use this prop to populate it on rendering. DON-652.
|
|
386
386
|
*/
|
|
387
387
|
"searchText": string;
|
|
388
|
+
/**
|
|
389
|
+
* For injecting the chosen beneficiary to filter by, as per the comment above for `selectedSortByOption`.
|
|
390
|
+
*/
|
|
391
|
+
"selectedFilterBeneficiary": string;
|
|
392
|
+
/**
|
|
393
|
+
* For injecting the chosen category to filter by, as per the comment above for `selectedSortByOption`.
|
|
394
|
+
*/
|
|
395
|
+
"selectedFilterCategory": string;
|
|
396
|
+
/**
|
|
397
|
+
* For injecting the chosen funding to filter by, as per the comment above for `selectedSortByOption`.
|
|
398
|
+
*/
|
|
399
|
+
"selectedFilterFunding": string;
|
|
400
|
+
/**
|
|
401
|
+
* For injecting the chosen location to filter by, as per the comment above for `selectedSortByOption`.
|
|
402
|
+
*/
|
|
403
|
+
"selectedFilterLocation": string;
|
|
388
404
|
/**
|
|
389
405
|
* This helps us inject a pre-selected dropdown value from outside of this component. This is especially helpful for the Meta campaign and Explore pages, where searching by text whipes out previous sort options and re-uses Relevance, or where one of those two pages is loaded directly with URL parameters - in such a scenario the dropdown shows that it's pre-selected. DON-558.
|
|
390
406
|
*/
|
|
391
|
-
"
|
|
407
|
+
"selectedSortByOption": 'Most raised' | 'Match funds remaining' | 'Relevance';
|
|
392
408
|
/**
|
|
393
409
|
* Space below component
|
|
394
410
|
*/
|
|
@@ -1682,10 +1698,26 @@ declare namespace LocalJSX {
|
|
|
1682
1698
|
* Optional search text prop. Useful for pre-populating the search field when the page is loaded with a search term already existing in the URL. This can happen when sharing links, or if a donor goes to a campaign page after searching, and then returns to the search results. In such a case, the search box text will clear, unless we use this prop to populate it on rendering. DON-652.
|
|
1683
1699
|
*/
|
|
1684
1700
|
"searchText"?: string;
|
|
1701
|
+
/**
|
|
1702
|
+
* For injecting the chosen beneficiary to filter by, as per the comment above for `selectedSortByOption`.
|
|
1703
|
+
*/
|
|
1704
|
+
"selectedFilterBeneficiary"?: string;
|
|
1705
|
+
/**
|
|
1706
|
+
* For injecting the chosen category to filter by, as per the comment above for `selectedSortByOption`.
|
|
1707
|
+
*/
|
|
1708
|
+
"selectedFilterCategory"?: string;
|
|
1709
|
+
/**
|
|
1710
|
+
* For injecting the chosen funding to filter by, as per the comment above for `selectedSortByOption`.
|
|
1711
|
+
*/
|
|
1712
|
+
"selectedFilterFunding"?: string;
|
|
1713
|
+
/**
|
|
1714
|
+
* For injecting the chosen location to filter by, as per the comment above for `selectedSortByOption`.
|
|
1715
|
+
*/
|
|
1716
|
+
"selectedFilterLocation"?: string;
|
|
1685
1717
|
/**
|
|
1686
1718
|
* This helps us inject a pre-selected dropdown value from outside of this component. This is especially helpful for the Meta campaign and Explore pages, where searching by text whipes out previous sort options and re-uses Relevance, or where one of those two pages is loaded directly with URL parameters - in such a scenario the dropdown shows that it's pre-selected. DON-558.
|
|
1687
1719
|
*/
|
|
1688
|
-
"
|
|
1720
|
+
"selectedSortByOption"?: 'Most raised' | 'Match funds remaining' | 'Relevance';
|
|
1689
1721
|
/**
|
|
1690
1722
|
* Space below component
|
|
1691
1723
|
*/
|
package/hydrate/index.js
CHANGED
|
@@ -6570,7 +6570,11 @@ class BiggiveCampaignCardFilterGrid {
|
|
|
6570
6570
|
this.beneficiaryOptions = [];
|
|
6571
6571
|
this.locationOptions = [];
|
|
6572
6572
|
this.fundingOptions = [];
|
|
6573
|
-
this.
|
|
6573
|
+
this.selectedSortByOption = null;
|
|
6574
|
+
this.selectedFilterCategory = null;
|
|
6575
|
+
this.selectedFilterBeneficiary = null;
|
|
6576
|
+
this.selectedFilterLocation = null;
|
|
6577
|
+
this.selectedFilterFunding = null;
|
|
6574
6578
|
}
|
|
6575
6579
|
getSearchAndFilterObject() {
|
|
6576
6580
|
const event = {
|
|
@@ -6604,13 +6608,13 @@ class BiggiveCampaignCardFilterGrid {
|
|
|
6604
6608
|
}
|
|
6605
6609
|
}
|
|
6606
6610
|
render() {
|
|
6607
|
-
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: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), hAsync("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), hAsync("div", { class: "sort-filter-wrap" }, hAsync("a", { onClick: this.handleClearFiltersClicked, id: "clearFilters" }, "Clear Filters"), hAsync("div", { class: "sort-wrap" }, hAsync("biggive-form-field-select", { placeholder: "Sort by", selectedLabel: this.
|
|
6611
|
+
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: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), hAsync("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), hAsync("div", { class: "sort-filter-wrap" }, hAsync("a", { onClick: this.handleClearFiltersClicked, id: "clearFilters" }, "Clear Filters"), hAsync("div", { class: "sort-wrap" }, hAsync("biggive-form-field-select", { placeholder: "Sort by", selectedLabel: this.selectedSortByOption, id: "sort-by" }, hAsync("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), hAsync("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), hAsync("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }))), hAsync("div", { class: "filter-wrap" }, hAsync("biggive-button", { class: "filter", onClick: this.handleFilterButtonClick, label: "Filters", fullWidth: true }), 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", selectedLabel: this.selectedFilterCategory, id: "categories", "space-below": "2" }, this.categoryOptions.length === 0
|
|
6608
6612
|
? undefined
|
|
6609
|
-
: 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.length === 0
|
|
6613
|
+
: this.categoryOptions.map(option => hAsync("biggive-form-field-select-option", { value: option, label: option }))), hAsync("biggive-form-field-select", { placeholder: "Beneficiary", selectedLabel: this.selectedFilterBeneficiary, id: "beneficiaries", "space-below": "2" }, this.beneficiaryOptions.length === 0
|
|
6610
6614
|
? undefined
|
|
6611
|
-
: this.beneficiaryOptions.map(option => hAsync("biggive-form-field-select-option", { value: option, label: option }))), hAsync("biggive-form-field-select", { placeholder: "Location", id: "locations", "space-below": "2" }, this.locationOptions.length === 0
|
|
6615
|
+
: this.beneficiaryOptions.map(option => hAsync("biggive-form-field-select-option", { value: option, label: option }))), hAsync("biggive-form-field-select", { placeholder: "Location", selectedLabel: this.selectedFilterLocation, id: "locations", "space-below": "2" }, this.locationOptions.length === 0
|
|
6612
6616
|
? undefined
|
|
6613
|
-
: this.locationOptions.map(option => hAsync("biggive-form-field-select-option", { value: option, label: option }))), hAsync("biggive-form-field-select", { placeholder: "Funding", id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
|
|
6617
|
+
: this.locationOptions.map(option => hAsync("biggive-form-field-select-option", { value: option, label: option }))), hAsync("biggive-form-field-select", { placeholder: "Funding", selectedLabel: this.selectedFilterFunding, id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
|
|
6614
6618
|
? undefined
|
|
6615
6619
|
: this.fundingOptions.map(option => hAsync("biggive-form-field-select-option", { value: option, label: option }))), hAsync("div", { class: "align-right" }, hAsync("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick }))))), hAsync("div", { class: "campaign-grid" }, hAsync("slot", { name: "campaign-grid" })))));
|
|
6616
6620
|
}
|
|
@@ -6629,7 +6633,11 @@ class BiggiveCampaignCardFilterGrid {
|
|
|
6629
6633
|
"beneficiaryOptions": [16],
|
|
6630
6634
|
"locationOptions": [16],
|
|
6631
6635
|
"fundingOptions": [16],
|
|
6632
|
-
"
|
|
6636
|
+
"selectedSortByOption": [1, "selected-sort-by-option"],
|
|
6637
|
+
"selectedFilterCategory": [1, "selected-filter-category"],
|
|
6638
|
+
"selectedFilterBeneficiary": [1, "selected-filter-beneficiary"],
|
|
6639
|
+
"selectedFilterLocation": [1, "selected-filter-location"],
|
|
6640
|
+
"selectedFilterFunding": [1, "selected-filter-funding"]
|
|
6633
6641
|
},
|
|
6634
6642
|
"$listeners$": [[0, "doSelectChange", "doOptionSelectCompletedHandler"]],
|
|
6635
6643
|
"$lazyBundleId$": "-",
|