@biggive/components 1.0.143 → 1.0.144
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-47161d8b.entry.js +1 -0
- package/dist/cjs/biggive-back-to-top_26.cjs.entry.js +3 -3
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.css +16 -12
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js +2 -2
- package/dist/components/biggive-campaign-card-filter-grid.js +3 -3
- package/dist/esm/biggive-back-to-top_26.entry.js +3 -3
- package/hydrate/index.js +3 -3
- package/package.json +1 -1
- package/dist/biggive/p-9fe50e13.entry.js +0 -1
|
@@ -117,7 +117,7 @@ const BiggiveCampaignCard = class {
|
|
|
117
117
|
};
|
|
118
118
|
BiggiveCampaignCard.style = biggiveCampaignCardCss;
|
|
119
119
|
|
|
120
|
-
const biggiveCampaignCardFilterGridCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:47px;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;justify-content:flex-end;margin-bottom:30px;text-align:right}.sort-filter-wrap #clearFilters{margin:auto 0 auto auto}.sort-filter-wrap #clearFilters:hover{cursor:pointer}.sort-filter-wrap .sort-wrap{margin-left:15px}.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}@media screen and (max-width:
|
|
120
|
+
const biggiveCampaignCardFilterGridCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:47px;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;justify-content:flex-end;margin-bottom:30px;text-align:right}.sort-filter-wrap #clearFilters{margin:auto 0 auto auto}.sort-filter-wrap #clearFilters:hover{cursor:pointer}.sort-filter-wrap .sort-wrap{margin-left:15px}.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}.sort-filter-wrap .filter-wrap #clearFilters{position:absolute;margin-top:20px}.icon{height:1rem;width:2rem;vertical-align:-0.125rem;margin:auto}.icon>path{fill:#2C089B}@media screen and (max-width: 450px){.sort-filter-wrap .filter-wrap #clearFilters{font-size:15px}}@media screen and (max-width: 350px){.sort-filter-wrap{justify-content:space-between}.sort-filter-wrap .sort-wrap{margin-left:0px}.sort-filter-wrap .filter-wrap{margin-left:3px}.sort-filter-wrap .filter-wrap #clearFilters{margin-top:0px;max-width:15px}}";
|
|
121
121
|
|
|
122
122
|
const BiggiveCampaignCardFilterGrid = class {
|
|
123
123
|
constructor(hostRef) {
|
|
@@ -199,7 +199,7 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
199
199
|
}
|
|
200
200
|
}
|
|
201
201
|
render() {
|
|
202
|
-
return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "search-wrap" }, index.h("h4", null, this.intro), index.h("div", { class: "field-wrap" }, index.h("div", { class: "input-wrap" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, index.h("path", { d: index$1.faMagnifyingGlass.icon[4].toString() })), index.h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), index.h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), index.h("div", { class: "sort-filter-wrap" }, index.h("
|
|
202
|
+
return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "search-wrap" }, index.h("h4", null, this.intro), index.h("div", { class: "field-wrap" }, index.h("div", { class: "input-wrap" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, index.h("path", { d: index$1.faMagnifyingGlass.icon[4].toString() })), index.h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), index.h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), index.h("div", { class: "sort-filter-wrap" }, index.h("div", { class: "sort-wrap" }, index.h("biggive-form-field-select", { placeholder: "Sort by", selectedLabel: this.selectedSortByOption, id: "sort-by" }, index.h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), index.h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), index.h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }))), index.h("div", { class: "filter-wrap" }, index.h("biggive-button", { class: "filter", onClick: this.handleFilterButtonClick, label: "Filters", fullWidth: true }), index.h("biggive-popup", { id: "filter-popup" }, index.h("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), index.h("biggive-form-field-select", { placeholder: "Category", selectedLabel: this.selectedFilterCategory, id: "categories", "space-below": "2" }, this.categoryOptions.length === 0
|
|
203
203
|
? undefined
|
|
204
204
|
: this.categoryOptions.map(option => index.h("biggive-form-field-select-option", { value: option, label: option }))), index.h("biggive-form-field-select", { placeholder: "Beneficiary", selectedLabel: this.selectedFilterBeneficiary, id: "beneficiaries", "space-below": "2" }, this.beneficiaryOptions.length === 0
|
|
205
205
|
? undefined
|
|
@@ -207,7 +207,7 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
207
207
|
? undefined
|
|
208
208
|
: this.locationOptions.map(option => index.h("biggive-form-field-select-option", { value: option, label: option }))), index.h("biggive-form-field-select", { placeholder: "Funding", selectedLabel: this.selectedFilterFunding, id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
|
|
209
209
|
? undefined
|
|
210
|
-
: this.fundingOptions.map(option => index.h("biggive-form-field-select-option", { value: option, label: option }))), index.h("div", { class: "align-right" }, index.h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick }))))), index.h("div", { class: "campaign-grid" }, index.h("slot", { name: "campaign-grid" })))));
|
|
210
|
+
: this.fundingOptions.map(option => index.h("biggive-form-field-select-option", { value: option, label: option }))), index.h("a", { onClick: this.handleClearFiltersClicked, id: "clearFilters" }, "Clear Filters"), index.h("div", { class: "align-right" }, index.h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick }))))), index.h("div", { class: "campaign-grid" }, index.h("slot", { name: "campaign-grid" })))));
|
|
211
211
|
}
|
|
212
212
|
get el() { return index.getElement(this); }
|
|
213
213
|
};
|
|
@@ -578,6 +578,10 @@ a:hover {
|
|
|
578
578
|
.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg:hover {
|
|
579
579
|
fill: #2C089B;
|
|
580
580
|
}
|
|
581
|
+
.sort-filter-wrap .filter-wrap #clearFilters {
|
|
582
|
+
position: absolute;
|
|
583
|
+
margin-top: 20px;
|
|
584
|
+
}
|
|
581
585
|
|
|
582
586
|
.icon {
|
|
583
587
|
height: 1rem;
|
|
@@ -589,23 +593,23 @@ a:hover {
|
|
|
589
593
|
fill: #2C089B;
|
|
590
594
|
}
|
|
591
595
|
|
|
592
|
-
@media screen and (max-width:
|
|
593
|
-
.sort-filter-wrap {
|
|
594
|
-
|
|
595
|
-
}
|
|
596
|
-
.sort-filter-wrap #clearFilters {
|
|
597
|
-
flex: 1 0 100%;
|
|
598
|
-
padding-top: 10px;
|
|
596
|
+
@media screen and (max-width: 450px) {
|
|
597
|
+
.sort-filter-wrap .filter-wrap #clearFilters {
|
|
598
|
+
font-size: 15px;
|
|
599
599
|
}
|
|
600
600
|
}
|
|
601
|
-
@media screen and (max-width:
|
|
601
|
+
@media screen and (max-width: 350px) {
|
|
602
602
|
.sort-filter-wrap {
|
|
603
|
-
|
|
603
|
+
justify-content: space-between;
|
|
604
604
|
}
|
|
605
605
|
.sort-filter-wrap .sort-wrap {
|
|
606
|
-
|
|
606
|
+
margin-left: 0px;
|
|
607
|
+
}
|
|
608
|
+
.sort-filter-wrap .filter-wrap {
|
|
609
|
+
margin-left: 3px;
|
|
607
610
|
}
|
|
608
|
-
.sort-filter-wrap .
|
|
609
|
-
|
|
611
|
+
.sort-filter-wrap .filter-wrap #clearFilters {
|
|
612
|
+
margin-top: 0px;
|
|
613
|
+
max-width: 15px;
|
|
610
614
|
}
|
|
611
615
|
}
|
|
@@ -77,7 +77,7 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
79
|
render() {
|
|
80
|
-
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: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("
|
|
80
|
+
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: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), 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", selectedLabel: this.selectedSortByOption, id: "sort-by" }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }))), h("div", { class: "filter-wrap" }, h("biggive-button", { class: "filter", onClick: this.handleFilterButtonClick, label: "Filters", fullWidth: true }), 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", selectedLabel: this.selectedFilterCategory, id: "categories", "space-below": "2" }, this.categoryOptions.length === 0
|
|
81
81
|
? undefined
|
|
82
82
|
: this.categoryOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder: "Beneficiary", selectedLabel: this.selectedFilterBeneficiary, id: "beneficiaries", "space-below": "2" }, this.beneficiaryOptions.length === 0
|
|
83
83
|
? undefined
|
|
@@ -85,7 +85,7 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
85
85
|
? undefined
|
|
86
86
|
: this.locationOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder: "Funding", selectedLabel: this.selectedFilterFunding, id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
|
|
87
87
|
? undefined
|
|
88
|
-
: this.fundingOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("div", { class: "align-right" }, h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick }))))), h("div", { class: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
|
|
88
|
+
: this.fundingOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("a", { onClick: this.handleClearFiltersClicked, id: "clearFilters" }, "Clear Filters"), h("div", { class: "align-right" }, h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick }))))), h("div", { class: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
|
|
89
89
|
}
|
|
90
90
|
static get is() { return "biggive-campaign-card-filter-grid"; }
|
|
91
91
|
static get encapsulation() { return "shadow"; }
|
|
@@ -5,7 +5,7 @@ import { d as defineCustomElement$4 } from './biggive-form-field-select2.js';
|
|
|
5
5
|
import { d as defineCustomElement$3 } from './biggive-form-field-select-option2.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './biggive-popup2.js';
|
|
7
7
|
|
|
8
|
-
const biggiveCampaignCardFilterGridCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:47px;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;justify-content:flex-end;margin-bottom:30px;text-align:right}.sort-filter-wrap #clearFilters{margin:auto 0 auto auto}.sort-filter-wrap #clearFilters:hover{cursor:pointer}.sort-filter-wrap .sort-wrap{margin-left:15px}.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}@media screen and (max-width:
|
|
8
|
+
const biggiveCampaignCardFilterGridCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:47px;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;justify-content:flex-end;margin-bottom:30px;text-align:right}.sort-filter-wrap #clearFilters{margin:auto 0 auto auto}.sort-filter-wrap #clearFilters:hover{cursor:pointer}.sort-filter-wrap .sort-wrap{margin-left:15px}.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}.sort-filter-wrap .filter-wrap #clearFilters{position:absolute;margin-top:20px}.icon{height:1rem;width:2rem;vertical-align:-0.125rem;margin:auto}.icon>path{fill:#2C089B}@media screen and (max-width: 450px){.sort-filter-wrap .filter-wrap #clearFilters{font-size:15px}}@media screen and (max-width: 350px){.sort-filter-wrap{justify-content:space-between}.sort-filter-wrap .sort-wrap{margin-left:0px}.sort-filter-wrap .filter-wrap{margin-left:3px}.sort-filter-wrap .filter-wrap #clearFilters{margin-top:0px;max-width:15px}}";
|
|
9
9
|
|
|
10
10
|
const BiggiveCampaignCardFilterGrid$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
11
11
|
constructor() {
|
|
@@ -89,7 +89,7 @@ const BiggiveCampaignCardFilterGrid$1 = /*@__PURE__*/ proxyCustomElement(class e
|
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
91
|
render() {
|
|
92
|
-
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: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("
|
|
92
|
+
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: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), 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", selectedLabel: this.selectedSortByOption, id: "sort-by" }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }))), h("div", { class: "filter-wrap" }, h("biggive-button", { class: "filter", onClick: this.handleFilterButtonClick, label: "Filters", fullWidth: true }), 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", selectedLabel: this.selectedFilterCategory, id: "categories", "space-below": "2" }, this.categoryOptions.length === 0
|
|
93
93
|
? undefined
|
|
94
94
|
: this.categoryOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder: "Beneficiary", selectedLabel: this.selectedFilterBeneficiary, id: "beneficiaries", "space-below": "2" }, this.beneficiaryOptions.length === 0
|
|
95
95
|
? undefined
|
|
@@ -97,7 +97,7 @@ const BiggiveCampaignCardFilterGrid$1 = /*@__PURE__*/ proxyCustomElement(class e
|
|
|
97
97
|
? undefined
|
|
98
98
|
: this.locationOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder: "Funding", selectedLabel: this.selectedFilterFunding, id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
|
|
99
99
|
? undefined
|
|
100
|
-
: this.fundingOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("div", { class: "align-right" }, h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick }))))), h("div", { class: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
|
|
100
|
+
: this.fundingOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("a", { onClick: this.handleClearFiltersClicked, id: "clearFilters" }, "Clear Filters"), h("div", { class: "align-right" }, h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick }))))), h("div", { class: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
|
|
101
101
|
}
|
|
102
102
|
get el() { return this; }
|
|
103
103
|
static get style() { return biggiveCampaignCardFilterGridCss; }
|
|
@@ -113,7 +113,7 @@ const BiggiveCampaignCard = class {
|
|
|
113
113
|
};
|
|
114
114
|
BiggiveCampaignCard.style = biggiveCampaignCardCss;
|
|
115
115
|
|
|
116
|
-
const biggiveCampaignCardFilterGridCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:47px;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;justify-content:flex-end;margin-bottom:30px;text-align:right}.sort-filter-wrap #clearFilters{margin:auto 0 auto auto}.sort-filter-wrap #clearFilters:hover{cursor:pointer}.sort-filter-wrap .sort-wrap{margin-left:15px}.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}@media screen and (max-width:
|
|
116
|
+
const biggiveCampaignCardFilterGridCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:47px;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;justify-content:flex-end;margin-bottom:30px;text-align:right}.sort-filter-wrap #clearFilters{margin:auto 0 auto auto}.sort-filter-wrap #clearFilters:hover{cursor:pointer}.sort-filter-wrap .sort-wrap{margin-left:15px}.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}.sort-filter-wrap .filter-wrap #clearFilters{position:absolute;margin-top:20px}.icon{height:1rem;width:2rem;vertical-align:-0.125rem;margin:auto}.icon>path{fill:#2C089B}@media screen and (max-width: 450px){.sort-filter-wrap .filter-wrap #clearFilters{font-size:15px}}@media screen and (max-width: 350px){.sort-filter-wrap{justify-content:space-between}.sort-filter-wrap .sort-wrap{margin-left:0px}.sort-filter-wrap .filter-wrap{margin-left:3px}.sort-filter-wrap .filter-wrap #clearFilters{margin-top:0px;max-width:15px}}";
|
|
117
117
|
|
|
118
118
|
const BiggiveCampaignCardFilterGrid = class {
|
|
119
119
|
constructor(hostRef) {
|
|
@@ -195,7 +195,7 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
195
195
|
}
|
|
196
196
|
}
|
|
197
197
|
render() {
|
|
198
|
-
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: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("
|
|
198
|
+
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: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), 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", selectedLabel: this.selectedSortByOption, id: "sort-by" }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }))), h("div", { class: "filter-wrap" }, h("biggive-button", { class: "filter", onClick: this.handleFilterButtonClick, label: "Filters", fullWidth: true }), 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", selectedLabel: this.selectedFilterCategory, id: "categories", "space-below": "2" }, this.categoryOptions.length === 0
|
|
199
199
|
? undefined
|
|
200
200
|
: this.categoryOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder: "Beneficiary", selectedLabel: this.selectedFilterBeneficiary, id: "beneficiaries", "space-below": "2" }, this.beneficiaryOptions.length === 0
|
|
201
201
|
? undefined
|
|
@@ -203,7 +203,7 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
203
203
|
? undefined
|
|
204
204
|
: this.locationOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder: "Funding", selectedLabel: this.selectedFilterFunding, id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
|
|
205
205
|
? undefined
|
|
206
|
-
: this.fundingOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("div", { class: "align-right" }, h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick }))))), h("div", { class: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
|
|
206
|
+
: this.fundingOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("a", { onClick: this.handleClearFiltersClicked, id: "clearFilters" }, "Clear Filters"), h("div", { class: "align-right" }, h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick }))))), h("div", { class: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
|
|
207
207
|
}
|
|
208
208
|
get el() { return getElement(this); }
|
|
209
209
|
};
|
package/hydrate/index.js
CHANGED
|
@@ -6526,7 +6526,7 @@ class BiggiveCampaignCard {
|
|
|
6526
6526
|
}; }
|
|
6527
6527
|
}
|
|
6528
6528
|
|
|
6529
|
-
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:47px;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;justify-content:flex-end;margin-bottom:30px;text-align:right}/*!@.sort-filter-wrap #clearFilters*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid #clearFilters.sc-biggive-campaign-card-filter-grid{margin:auto 0 auto auto}/*!@.sort-filter-wrap #clearFilters:hover*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid #clearFilters.sc-biggive-campaign-card-filter-grid:hover{cursor:pointer}/*!@.sort-filter-wrap .sort-wrap*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .sort-wrap.sc-biggive-campaign-card-filter-grid{margin-left:15px}/*!@.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}@media screen and (max-width: 768px){/*!@.sort-filter-wrap*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid{flex-wrap:wrap-reverse}/*!@.sort-filter-wrap #clearFilters*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid #clearFilters.sc-biggive-campaign-card-filter-grid{flex:1 0 100%;padding-top:10px}}@media screen and (max-width: 475px){/*!@.sort-filter-wrap*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid{flex-wrap:wrap-reverse}/*!@.sort-filter-wrap .sort-wrap*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .sort-wrap.sc-biggive-campaign-card-filter-grid{padding-top:10px}/*!@.sort-filter-wrap .sort-wrap, .sort-filter-wrap .filter-wrap*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .sort-wrap.sc-biggive-campaign-card-filter-grid,.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid{flex:1 0 100%}}";
|
|
6529
|
+
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:47px;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;justify-content:flex-end;margin-bottom:30px;text-align:right}/*!@.sort-filter-wrap #clearFilters*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid #clearFilters.sc-biggive-campaign-card-filter-grid{margin:auto 0 auto auto}/*!@.sort-filter-wrap #clearFilters:hover*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid #clearFilters.sc-biggive-campaign-card-filter-grid:hover{cursor:pointer}/*!@.sort-filter-wrap .sort-wrap*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .sort-wrap.sc-biggive-campaign-card-filter-grid{margin-left:15px}/*!@.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}/*!@.sort-filter-wrap .filter-wrap #clearFilters*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid #clearFilters.sc-biggive-campaign-card-filter-grid{position:absolute;margin-top:20px}/*!@.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}@media screen and (max-width: 450px){/*!@.sort-filter-wrap .filter-wrap #clearFilters*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid #clearFilters.sc-biggive-campaign-card-filter-grid{font-size:15px}}@media screen and (max-width: 350px){/*!@.sort-filter-wrap*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid{justify-content:space-between}/*!@.sort-filter-wrap .sort-wrap*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .sort-wrap.sc-biggive-campaign-card-filter-grid{margin-left:0px}/*!@.sort-filter-wrap .filter-wrap*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid{margin-left:3px}/*!@.sort-filter-wrap .filter-wrap #clearFilters*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid #clearFilters.sc-biggive-campaign-card-filter-grid{margin-top:0px;max-width:15px}}";
|
|
6530
6530
|
|
|
6531
6531
|
class BiggiveCampaignCardFilterGrid {
|
|
6532
6532
|
constructor(hostRef) {
|
|
@@ -6608,7 +6608,7 @@ class BiggiveCampaignCardFilterGrid {
|
|
|
6608
6608
|
}
|
|
6609
6609
|
}
|
|
6610
6610
|
render() {
|
|
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("
|
|
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("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
|
|
6612
6612
|
? undefined
|
|
6613
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
|
|
6614
6614
|
? undefined
|
|
@@ -6616,7 +6616,7 @@ class BiggiveCampaignCardFilterGrid {
|
|
|
6616
6616
|
? undefined
|
|
6617
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
|
|
6618
6618
|
? undefined
|
|
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" })))));
|
|
6619
|
+
: this.fundingOptions.map(option => hAsync("biggive-form-field-select-option", { value: option, label: option }))), hAsync("a", { onClick: this.handleClearFiltersClicked, id: "clearFilters" }, "Clear Filters"), hAsync("div", { class: "align-right" }, hAsync("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick }))))), hAsync("div", { class: "campaign-grid" }, hAsync("slot", { name: "campaign-grid" })))));
|
|
6620
6620
|
}
|
|
6621
6621
|
get el() { return getElement(this); }
|
|
6622
6622
|
static get style() { return biggiveCampaignCardFilterGridCss; }
|