@biggive/components 1.0.102 → 1.0.103
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-04086857.entry.js +1 -0
- package/dist/cjs/biggive-back-to-top_23.cjs.entry.js +14 -10
- package/dist/cjs/biggive.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/biggive-campaign-card-filter-grid/CustomSearchAndFilterEvent.js +3 -0
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js +20 -122
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.stories.js +1 -1
- package/dist/components/biggive-campaign-card-filter-grid.js +14 -16
- package/dist/esm/biggive-back-to-top_23.entry.js +14 -10
- package/dist/esm/biggive.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/biggive-campaign-card-filter-grid/CustomSearchAndFilterEvent.d.ts +9 -0
- package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.d.ts +4 -2
- package/dist/types/components.d.ts +2 -14
- package/hydrate/index.js +14 -16
- package/package.json +1 -1
- package/dist/biggive/p-d9e4d74b.entry.js +0 -1
package/dist/esm/loader.js
CHANGED
|
@@ -10,7 +10,7 @@ const patchEsm = () => {
|
|
|
10
10
|
const defineCustomElements = (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
12
12
|
return patchEsm().then(() => {
|
|
13
|
-
return bootstrapLazy([["biggive-back-to-top_23",[[1,"biggive-campaign-card-filter-grid",{"
|
|
13
|
+
return bootstrapLazy([["biggive-back-to-top_23",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[16],"beneficiaryOptions":[16],"locationOptions":[16],"fundingOptions":[16]},[[0,"doSelectChange","doOptionSelectCompletedHandler"]]],[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"currencyCode":[1,"currency-code"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[2,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[2,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"]}],[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"currencyCode":[1,"currency-code"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[2,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[2,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"]}],[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}],[1,"biggive-footer"],[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"mainImage":[1,"main-image"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-back-to-top"],[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"columnGap":[2,"column-gap"]}],[1,"biggive-header",{"spaceBelow":[2,"space-below"],"logoUrl":[1,"logo-url"]}],[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1]}],[1,"biggive-page-column"],[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}],[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"]}],[0,"biggive-social-icon",{"service":[1],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"url":[1]}],[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"currencyCode":[1,"currency-code"],"includingGiftAid":[4,"including-gift-aid"],"totalMatchFunds":[2,"total-match-funds"],"totalRaised":[2,"total-raised"]}],[1,"biggive-form-field-select",{"selectedValue":[1,"selected-value"],"selectedLabel":[1,"selected-label"],"spaceBelow":[2,"space-below"],"placeholder":[1]},[[0,"doOptionSelect","doOptionSelectCompletedHandler"]]],[1,"biggive-form-field-select-option",{"label":[1],"value":[1],"selectedValue":[32],"selectedLabel":[32]}],[0,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}],[1,"biggive-popup",{"open":[64]}],[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}],[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4]}]]],["biggive-article-card",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundColourHover":[1,"background-colour-hover"],"textColour":[1,"text-colour"],"slug":[1],"date":[1],"mainTitle":[1,"main-title"],"imageUrl":[1,"image-url"],"imageLabel":[1,"image-label"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"]}]]],["biggive-basic-card",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainTitle":[1,"main-title"],"subtitle":[1],"iconColour":[1,"icon-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["biggive-beneficiary-icon",[[0,"biggive-beneficiary-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-boxed-content",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["biggive-branded-image",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1]}]]],["biggive-category-icon",[[0,"biggive-category-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-form",[[1,"biggive-form"]]],["biggive-formatted-text",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-icon-group",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["biggive-image",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["biggive-nav-group",[[1,"biggive-nav-group",{"inline":[4]}]]],["biggive-nav-item",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["biggive-quote",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1]}]]],["biggive-search",[[1,"biggive-search",{"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"searchText":[32]}]]],["biggive-tab",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["biggive-tabbed-content",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-text-input",[[1,"biggive-text-input"]]],["biggive-video",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]]], options);
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
+
import SearchAndFilterEvent from './CustomSearchAndFilterEvent';
|
|
2
3
|
export declare class BiggiveCampaignCardFilterGrid {
|
|
3
4
|
el: any;
|
|
4
5
|
/**
|
|
5
|
-
* This event `
|
|
6
|
+
* This event `doSearchAndFilterUpdate` event is emitted and propogates to the parent
|
|
6
7
|
* component which handles it
|
|
7
8
|
*/
|
|
8
|
-
doSearchAndFilterUpdate: EventEmitter<
|
|
9
|
+
doSearchAndFilterUpdate: EventEmitter<SearchAndFilterEvent>;
|
|
9
10
|
searchText: string;
|
|
10
11
|
sortBy: string;
|
|
11
12
|
filterCategory: string;
|
|
@@ -49,6 +50,7 @@ export declare class BiggiveCampaignCardFilterGrid {
|
|
|
49
50
|
doOptionSelectCompletedHandler(): void;
|
|
50
51
|
private handleApplyFilterButtonClick;
|
|
51
52
|
private handleSearchButtonPressed;
|
|
53
|
+
private handleSearchTextChanged;
|
|
52
54
|
private handleEnterPressed;
|
|
53
55
|
private handleFilterButtonClick;
|
|
54
56
|
render(): any;
|
|
@@ -357,10 +357,6 @@ export namespace Components {
|
|
|
357
357
|
* JSON array of category key/values
|
|
358
358
|
*/
|
|
359
359
|
"categoryOptions": string[];
|
|
360
|
-
"filterBeneficiary": string;
|
|
361
|
-
"filterCategory": string;
|
|
362
|
-
"filterFunding": string;
|
|
363
|
-
"filterLocation": string;
|
|
364
360
|
/**
|
|
365
361
|
* JSON array of funding key/values
|
|
366
362
|
*/
|
|
@@ -377,8 +373,6 @@ export namespace Components {
|
|
|
377
373
|
* Defines the text displayed as the placeholder in the input field before the user types anything
|
|
378
374
|
*/
|
|
379
375
|
"placeholderText": string;
|
|
380
|
-
"searchText": string;
|
|
381
|
-
"sortBy": string;
|
|
382
376
|
/**
|
|
383
377
|
* Space below component
|
|
384
378
|
*/
|
|
@@ -1609,10 +1603,6 @@ declare namespace LocalJSX {
|
|
|
1609
1603
|
* JSON array of category key/values
|
|
1610
1604
|
*/
|
|
1611
1605
|
"categoryOptions"?: string[];
|
|
1612
|
-
"filterBeneficiary"?: string;
|
|
1613
|
-
"filterCategory"?: string;
|
|
1614
|
-
"filterFunding"?: string;
|
|
1615
|
-
"filterLocation"?: string;
|
|
1616
1606
|
/**
|
|
1617
1607
|
* JSON array of funding key/values
|
|
1618
1608
|
*/
|
|
@@ -1626,15 +1616,13 @@ declare namespace LocalJSX {
|
|
|
1626
1616
|
*/
|
|
1627
1617
|
"locationOptions"?: string[];
|
|
1628
1618
|
/**
|
|
1629
|
-
* This event `
|
|
1619
|
+
* This event `doSearchAndFilterUpdate` event is emitted and propogates to the parent component which handles it
|
|
1630
1620
|
*/
|
|
1631
|
-
"onDoSearchAndFilterUpdate"?: (event: BiggiveCampaignCardFilterGridCustomEvent<
|
|
1621
|
+
"onDoSearchAndFilterUpdate"?: (event: BiggiveCampaignCardFilterGridCustomEvent<SearchAndFilterEvent>) => void;
|
|
1632
1622
|
/**
|
|
1633
1623
|
* Defines the text displayed as the placeholder in the input field before the user types anything
|
|
1634
1624
|
*/
|
|
1635
1625
|
"placeholderText"?: string;
|
|
1636
|
-
"searchText"?: string;
|
|
1637
|
-
"sortBy"?: string;
|
|
1638
1626
|
/**
|
|
1639
1627
|
* Space below component
|
|
1640
1628
|
*/
|
package/hydrate/index.js
CHANGED
|
@@ -6530,6 +6530,9 @@ class BiggiveCampaignCard {
|
|
|
6530
6530
|
}; }
|
|
6531
6531
|
}
|
|
6532
6532
|
|
|
6533
|
+
class SearchAndFilterEvent {
|
|
6534
|
+
}
|
|
6535
|
+
|
|
6533
6536
|
const biggiveCampaignCardFilterGridCss = "/*!@body*/body.sc-biggive-campaign-card-filter-grid{background-color:#D7D7D7}/*!@h1, h3, h3, h4, h5, h6*/h1.sc-biggive-campaign-card-filter-grid,h3.sc-biggive-campaign-card-filter-grid,h4.sc-biggive-campaign-card-filter-grid,h5.sc-biggive-campaign-card-filter-grid,h6.sc-biggive-campaign-card-filter-grid{margin-bottom:0}/*!@h1, .heading-1*/h1.sc-biggive-campaign-card-filter-grid,.heading-1.sc-biggive-campaign-card-filter-grid{font-size:50px;line-height:60px;font-weight:bold}/*!@h2, .heading-2*/h2.sc-biggive-campaign-card-filter-grid,.heading-2.sc-biggive-campaign-card-filter-grid{font-size:38px;line-height:45px;font-weight:bold}/*!@h3, .heading-3*/h3.sc-biggive-campaign-card-filter-grid,.heading-3.sc-biggive-campaign-card-filter-grid{font-size:25px;line-height:32px;font-weight:bold}/*!@h4, .heading-4*/h4.sc-biggive-campaign-card-filter-grid,.heading-4.sc-biggive-campaign-card-filter-grid{font-size:20px;line-height:24px;font-weight:bold}/*!@h5, .heading-5*/h5.sc-biggive-campaign-card-filter-grid,.heading-5.sc-biggive-campaign-card-filter-grid{font-size:17px;line-height:24px;font-weight:bold}/*!@a*/a.sc-biggive-campaign-card-filter-grid{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-campaign-card-filter-grid:hover{text-decoration:none}/*!@.colour-primary*/.colour-primary.sc-biggive-campaign-card-filter-grid{color:#2C089B}/*!@.colour-secondary*/.colour-secondary.sc-biggive-campaign-card-filter-grid{color:#2AF135}/*!@.colour-tertiary*/.colour-tertiary.sc-biggive-campaign-card-filter-grid{color:#FF7272}/*!@.colour-white*/.colour-white.sc-biggive-campaign-card-filter-grid{color:#FFFFFF}/*!@.colour-black*/.colour-black.sc-biggive-campaign-card-filter-grid{color:#000000}/*!@.text-colour-hover-primary:hover,\n.text-colour-primary*/.text-colour-hover-primary.sc-biggive-campaign-card-filter-grid:hover,.text-colour-primary.sc-biggive-campaign-card-filter-grid{color:#2C089B}/*!@.text-colour-hover-secondary:hover,\n.text-colour-secondary*/.text-colour-hover-secondary.sc-biggive-campaign-card-filter-grid:hover,.text-colour-secondary.sc-biggive-campaign-card-filter-grid{color:#2AF135}/*!@.text-colour-hover-tertiary:hover,\n.text-colour-tertiary*/.text-colour-hover-tertiary.sc-biggive-campaign-card-filter-grid:hover,.text-colour-tertiary.sc-biggive-campaign-card-filter-grid{color:#FF7272}/*!@.text-colour-hover-white:hover,\n.text-colour-white*/.text-colour-hover-white.sc-biggive-campaign-card-filter-grid:hover,.text-colour-white.sc-biggive-campaign-card-filter-grid{color:#FFFFFF}/*!@.text-colour-hover-black:hover,\n.text-colour-black*/.text-colour-hover-black.sc-biggive-campaign-card-filter-grid:hover,.text-colour-black.sc-biggive-campaign-card-filter-grid{color:#000000}/*!@.fill-primary*/.fill-primary.sc-biggive-campaign-card-filter-grid{fill:#2C089B}/*!@.fill-secondary*/.fill-secondary.sc-biggive-campaign-card-filter-grid{fill:#2AF135}/*!@.fill-tertiary*/.fill-tertiary.sc-biggive-campaign-card-filter-grid{fill:#FF7272}/*!@.fill-white*/.fill-white.sc-biggive-campaign-card-filter-grid{fill:#FFFFFF}/*!@.fill-black*/.fill-black.sc-biggive-campaign-card-filter-grid{fill:#000000}/*!@.fill-red*/.fill-red.sc-biggive-campaign-card-filter-grid{fill:red}/*!@.background-colour-hover-primary:hover,\n.background-colour-primary*/.background-colour-hover-primary.sc-biggive-campaign-card-filter-grid:hover,.background-colour-primary.sc-biggive-campaign-card-filter-grid{background-color:#2C089B}/*!@.background-colour-hover-secondary:hover,\n.background-colour-secondary*/.background-colour-hover-secondary.sc-biggive-campaign-card-filter-grid:hover,.background-colour-secondary.sc-biggive-campaign-card-filter-grid{background-color:#2AF135}/*!@.background-colour-hover-tertiary:hover,\n.background-colour-tertiary*/.background-colour-hover-tertiary.sc-biggive-campaign-card-filter-grid:hover,.background-colour-tertiary.sc-biggive-campaign-card-filter-grid{background-color:#FF7272}/*!@.background-colour-hover-white:hover,\n.background-colour-white*/.background-colour-hover-white.sc-biggive-campaign-card-filter-grid:hover,.background-colour-white.sc-biggive-campaign-card-filter-grid{background-color:#FFFFFF}/*!@.background-colour-hover-black:hover,\n.background-colour-black*/.background-colour-hover-black.sc-biggive-campaign-card-filter-grid:hover,.background-colour-black.sc-biggive-campaign-card-filter-grid{background-color:#000000}/*!@.input-wrap*/.input-wrap.sc-biggive-campaign-card-filter-grid{display:flex;justify-content:space-between}/*!@.input-text*/.input-text.sc-biggive-campaign-card-filter-grid{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}/*!@.input-text:focus*/.input-text.sc-biggive-campaign-card-filter-grid:focus{outline:0}/*!@.input-text:placeholder*/.input-text.sc-biggive-campaign-card-filter-grid:placeholder{color:#4A4A4A}/*!@.button*/.button.sc-biggive-campaign-card-filter-grid{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}/*!@.button:hover*/.button.sc-biggive-campaign-card-filter-grid:hover{background-color:#FFFFFF;color:#000000}/*!@.button.size-small*/.button.size-small.sc-biggive-campaign-card-filter-grid{font-size:13px;line-height:17px;padding:5px 15px}/*!@.button.button.rounded-true*/.button.button.rounded-true.sc-biggive-campaign-card-filter-grid{border-radius:27.5px}/*!@.button.button.rounded-true.size-small*/.button.button.rounded-true.size-small.sc-biggive-campaign-card-filter-grid{border-radius:20px}/*!@.button-primary*/.button-primary.sc-biggive-campaign-card-filter-grid{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}/*!@.button-primary:hover*/.button-primary.sc-biggive-campaign-card-filter-grid:hover{color:#2C089B;background-color:#FFFFFF}/*!@.button-secondary*/.button-secondary.sc-biggive-campaign-card-filter-grid{color:#2C089B;background-color:#2AF135;border-color:#2AF135}/*!@.button-secondary:hover*/.button-secondary.sc-biggive-campaign-card-filter-grid:hover{background-color:#FFFFFF}/*!@.button-tertiary*/.button-tertiary.sc-biggive-campaign-card-filter-grid{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}/*!@.button-tertiary:hover*/.button-tertiary.sc-biggive-campaign-card-filter-grid:hover{background-color:#FFFFFF}/*!@.button-white*/.button-white.sc-biggive-campaign-card-filter-grid{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}/*!@.button-white:hover*/.button-white.sc-biggive-campaign-card-filter-grid:hover{color:#FFFFFF;background-color:#2C089B}/*!@.button-black*/.button-black.sc-biggive-campaign-card-filter-grid{color:#FFFFFF;background-color:#000000;border-color:#000000}/*!@.button-black:hover*/.button-black.sc-biggive-campaign-card-filter-grid:hover{color:#000000;background-color:#FFFFFF}/*!@.button-clear-primary*/.button-clear-primary.sc-biggive-campaign-card-filter-grid{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-primary:hover*/.button-clear-primary.sc-biggive-campaign-card-filter-grid:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-secondary*/.button-clear-secondary.sc-biggive-campaign-card-filter-grid{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-secondary:hover*/.button-clear-secondary.sc-biggive-campaign-card-filter-grid:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-tertiary*/.button-clear-tertiary.sc-biggive-campaign-card-filter-grid{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-tertiary:hover*/.button-clear-tertiary.sc-biggive-campaign-card-filter-grid:hover{text-decoration:none;background-color:transparent}/*!@.button-clear-white*/.button-clear-white.sc-biggive-campaign-card-filter-grid{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}/*!@.button-clear-white:hover*/.button-clear-white.sc-biggive-campaign-card-filter-grid:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}/*!@.button-rounded*/.button-rounded.sc-biggive-campaign-card-filter-grid{border-radius:27.5px}/*!@.button-rounded.size-small*/.button-rounded.size-small.sc-biggive-campaign-card-filter-grid{border-radius:20px}/*!@.progress-bar*/.progress-bar.sc-biggive-campaign-card-filter-grid{display:flex}/*!@.progress-bar .slider*/.progress-bar.sc-biggive-campaign-card-filter-grid .slider.sc-biggive-campaign-card-filter-grid{margin:auto 15px auto 0;position:relative;flex-grow:1}/*!@.progress-bar .slider:before*/.progress-bar.sc-biggive-campaign-card-filter-grid .slider.sc-biggive-campaign-card-filter-grid:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}/*!@.progress-bar .slider .progress*/.progress-bar.sc-biggive-campaign-card-filter-grid .slider.sc-biggive-campaign-card-filter-grid .progress.sc-biggive-campaign-card-filter-grid{position:relative;border-radius:4px;background-color:#000000;height:8px}/*!@.progress-bar .counter*/.progress-bar.sc-biggive-campaign-card-filter-grid .counter.sc-biggive-campaign-card-filter-grid{font-weight:700;color:#000000;font-size:14px;line-height:18px}/*!@.progress-bar-primary .slider .progress*/.progress-bar-primary.sc-biggive-campaign-card-filter-grid .slider.sc-biggive-campaign-card-filter-grid .progress.sc-biggive-campaign-card-filter-grid{background-color:#2C089B}/*!@.progress-bar-primary .counter*/.progress-bar-primary.sc-biggive-campaign-card-filter-grid .counter.sc-biggive-campaign-card-filter-grid{color:#2C089B}/*!@.progress-bar-secondary .slider .progress*/.progress-bar-secondary.sc-biggive-campaign-card-filter-grid .slider.sc-biggive-campaign-card-filter-grid .progress.sc-biggive-campaign-card-filter-grid{background-color:#2AF135}/*!@.progress-bar-secondary .counter*/.progress-bar-secondary.sc-biggive-campaign-card-filter-grid .counter.sc-biggive-campaign-card-filter-grid{color:#2AF135}/*!@.video-wrap*/.video-wrap.sc-biggive-campaign-card-filter-grid{position:relative;padding-bottom:56.25%}/*!@.video-wrap iframe,\n.video-wrap video*/.video-wrap.sc-biggive-campaign-card-filter-grid iframe.sc-biggive-campaign-card-filter-grid,.video-wrap.sc-biggive-campaign-card-filter-grid video.sc-biggive-campaign-card-filter-grid{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}/*!@.image-wrap img*/.image-wrap.sc-biggive-campaign-card-filter-grid img.sc-biggive-campaign-card-filter-grid{width:100%;height:auto}/*!@.align-left*/.align-left.sc-biggive-campaign-card-filter-grid{text-align:left}/*!@.align-right*/.align-right.sc-biggive-campaign-card-filter-grid{text-align:right}/*!@.align-center*/.align-center.sc-biggive-campaign-card-filter-grid{text-align:center}/*!@.align-justify*/.align-justify.sc-biggive-campaign-card-filter-grid{text-align:justify}/*!@.space-below-0*/.space-below-0.sc-biggive-campaign-card-filter-grid{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-campaign-card-filter-grid{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-campaign-card-filter-grid{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-campaign-card-filter-grid{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-campaign-card-filter-grid{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-campaign-card-filter-grid{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-campaign-card-filter-grid{margin-bottom:60px}/*!@.space-above-0*/.space-above-0.sc-biggive-campaign-card-filter-grid{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-campaign-card-filter-grid{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-campaign-card-filter-grid{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-campaign-card-filter-grid{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-campaign-card-filter-grid{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-campaign-card-filter-grid{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-campaign-card-filter-grid{margin-top:60px}/*!@.horizontal-padding-1*/.horizontal-padding-1.sc-biggive-campaign-card-filter-grid{padding-left:5px;padding-right:5px}/*!@.horizontal-padding-2*/.horizontal-padding-2.sc-biggive-campaign-card-filter-grid{padding-left:10px;padding-right:10px}/*!@.horizontal-padding-3*/.horizontal-padding-3.sc-biggive-campaign-card-filter-grid{padding-left:15px;padding-right:15px}/*!@.horizontal-padding-4*/.horizontal-padding-4.sc-biggive-campaign-card-filter-grid{padding-left:30px;padding-right:30px}/*!@.horizontal-padding-5*/.horizontal-padding-5.sc-biggive-campaign-card-filter-grid{padding-left:45px;padding-right:45px}/*!@.horizontal-padding-6*/.horizontal-padding-6.sc-biggive-campaign-card-filter-grid{padding-left:60px;padding-right:60px}/*!@.vertical-padding-1*/.vertical-padding-1.sc-biggive-campaign-card-filter-grid{padding-top:5px;padding-bottom:5px}/*!@.vertical-padding-2*/.vertical-padding-2.sc-biggive-campaign-card-filter-grid{padding-top:10px;padding-bottom:10px}/*!@.vertical-padding-3*/.vertical-padding-3.sc-biggive-campaign-card-filter-grid{padding-top:15px;padding-bottom:15px}/*!@.vertical-padding-4*/.vertical-padding-4.sc-biggive-campaign-card-filter-grid{padding-top:30px;padding-bottom:30px}/*!@.vertical-padding-5*/.vertical-padding-5.sc-biggive-campaign-card-filter-grid{padding-top:45px;padding-bottom:45px}/*!@.vertical-padding-6*/.vertical-padding-6.sc-biggive-campaign-card-filter-grid{padding-top:60px;padding-bottom:60px}/*!@:host*/.sc-biggive-campaign-card-filter-grid-h{display:content}/*!@.container*/.container.sc-biggive-campaign-card-filter-grid{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}/*!@.container .search-wrap*/.container.sc-biggive-campaign-card-filter-grid .search-wrap.sc-biggive-campaign-card-filter-grid{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.25));background-color:#FFFFFF;padding:15px 30px;margin-bottom:60px}/*!@.container .search-wrap h4*/.container.sc-biggive-campaign-card-filter-grid .search-wrap.sc-biggive-campaign-card-filter-grid h4.sc-biggive-campaign-card-filter-grid{margin-bottom:15px}/*!@.container .search-wrap .field-wrap*/.container.sc-biggive-campaign-card-filter-grid .search-wrap.sc-biggive-campaign-card-filter-grid .field-wrap.sc-biggive-campaign-card-filter-grid{display:flex;justify-content:space-between}/*!@.container .search-wrap .field-wrap .input-wrap*/.container.sc-biggive-campaign-card-filter-grid .search-wrap.sc-biggive-campaign-card-filter-grid .field-wrap.sc-biggive-campaign-card-filter-grid .input-wrap.sc-biggive-campaign-card-filter-grid{padding-bottom:5px;border-bottom:1px solid #000000;margin-right:30px;flex-grow:1}/*!@.container .search-wrap .field-wrap .input-wrap input*/.container.sc-biggive-campaign-card-filter-grid .search-wrap.sc-biggive-campaign-card-filter-grid .field-wrap.sc-biggive-campaign-card-filter-grid .input-wrap.sc-biggive-campaign-card-filter-grid input.sc-biggive-campaign-card-filter-grid{border:0}/*!@.container .search-wrap .field-wrap button*/.container.sc-biggive-campaign-card-filter-grid .search-wrap.sc-biggive-campaign-card-filter-grid .field-wrap.sc-biggive-campaign-card-filter-grid button.sc-biggive-campaign-card-filter-grid{padding:5px 30px}/*!@.sort-filter-wrap*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid{display:flex;align-items:flex-end;margin-bottom:30px;text-align:right}/*!@.sort-filter-wrap .sort-wrap*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .sort-wrap.sc-biggive-campaign-card-filter-grid{margin-left:auto}/*!@.sort-filter-wrap .filter-wrap*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid{margin-left:15px}/*!@.sort-filter-wrap .filter-wrap .button.filter*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid .button.filter.sc-biggive-campaign-card-filter-grid{padding-left:60px;padding-right:30px}/*!@.sort-filter-wrap .filter-wrap .button.filter .filter-icon*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid .button.filter.sc-biggive-campaign-card-filter-grid .filter-icon.sc-biggive-campaign-card-filter-grid{content:\"\";display:block;position:absolute;left:25px;top:17px;width:13px;height:13px}/*!@.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid .button.filter.sc-biggive-campaign-card-filter-grid .filter-icon.sc-biggive-campaign-card-filter-grid svg.sc-biggive-campaign-card-filter-grid{width:100%;height:auto;vertical-align:top}/*!@.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg:hover*/.sort-filter-wrap.sc-biggive-campaign-card-filter-grid .filter-wrap.sc-biggive-campaign-card-filter-grid .button.filter.sc-biggive-campaign-card-filter-grid .filter-icon.sc-biggive-campaign-card-filter-grid svg.sc-biggive-campaign-card-filter-grid:hover{fill:#2C089B}/*!@.icon*/.icon.sc-biggive-campaign-card-filter-grid{height:1rem;width:2rem;vertical-align:-0.125rem;margin:auto}/*!@.icon > path*/.icon.sc-biggive-campaign-card-filter-grid>path.sc-biggive-campaign-card-filter-grid{fill:#2C089B}";
|
|
6534
6537
|
|
|
6535
6538
|
class BiggiveCampaignCardFilterGrid {
|
|
@@ -6552,15 +6555,13 @@ class BiggiveCampaignCardFilterGrid {
|
|
|
6552
6555
|
this.fundingOptions = null;
|
|
6553
6556
|
}
|
|
6554
6557
|
getSearchAndFilterObject() {
|
|
6555
|
-
|
|
6556
|
-
|
|
6557
|
-
|
|
6558
|
-
|
|
6559
|
-
|
|
6560
|
-
|
|
6561
|
-
|
|
6562
|
-
};
|
|
6563
|
-
return obj;
|
|
6558
|
+
let event = new SearchAndFilterEvent();
|
|
6559
|
+
event.searchText = this.searchText;
|
|
6560
|
+
event.sortBy = this.sortBy;
|
|
6561
|
+
event.filterCategory = this.filterCategory;
|
|
6562
|
+
event.filterBeneficiary = this.filterBeneficiary;
|
|
6563
|
+
event.filterFunding = this.filterFunding;
|
|
6564
|
+
return event;
|
|
6564
6565
|
}
|
|
6565
6566
|
doOptionSelectCompletedHandler() {
|
|
6566
6567
|
this.sortBy = this.el.shadowRoot.getElementById('sort-by').selectedValue;
|
|
@@ -6575,6 +6576,9 @@ class BiggiveCampaignCardFilterGrid {
|
|
|
6575
6576
|
handleSearchButtonPressed() {
|
|
6576
6577
|
this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
|
|
6577
6578
|
}
|
|
6579
|
+
handleSearchTextChanged(event) {
|
|
6580
|
+
this.searchText = event.target.value;
|
|
6581
|
+
}
|
|
6578
6582
|
handleEnterPressed(ev) {
|
|
6579
6583
|
if (ev.key === 'Enter') {
|
|
6580
6584
|
this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
|
|
@@ -6616,7 +6620,7 @@ class BiggiveCampaignCardFilterGrid {
|
|
|
6616
6620
|
}
|
|
6617
6621
|
}
|
|
6618
6622
|
render() {
|
|
6619
|
-
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, onKeyDown: event => this.handleEnterPressed(event) })), hAsync("button", { onClick: () => this.handleSearchButtonPressed(), class: "button button-primary" }, this.buttonText))), hAsync("div", { class: "sort-filter-wrap" }, hAsync("div", { class: "sort-wrap" }, hAsync("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by" }, hAsync("biggive-form-field-select-option", { value: "most-raised", label: "Most raised" }), hAsync("biggive-form-field-select-option", { value: "matched-funds-remaining", label: "Match funds remaining" }))), hAsync("div", { class: "filter-wrap" }, hAsync("div", { class: "button button-primary filter", onClick: () => this.handleFilterButtonClick() }, hAsync("span", { class: "filter-icon" }, hAsync("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M0.12042 0.76576C0.327224 0.298 0.766961 0 1.25014 0H14.7517C15.2361 0 15.6736 0.298 15.8799 0.76576C16.0893 1.23352 16.0237 1.787 15.6924 2.18745L10.0011 9.67328V13.929C10.0011 14.3341 9.7886 14.7058 9.44793 14.8866C9.1104 15.0674 8.7041 15.0306 8.40094 14.7862L6.40072 13.179C6.14756 12.9781 6.00067 12.66 6.00067 12.3218V9.67328L0.282594 2.18745C-0.023284 1.787 -0.0864161 1.23352 0.120451 0.76576H0.12042Z", fill: "white" }))), "Filters"), hAsync("biggive-popup", { id: "filter-popup" }, hAsync("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), hAsync("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }), hAsync("biggive-form-field-select", { placeholder: "Beneficiary", id: "beneficiaries", "space-below": "2" }), hAsync("biggive-form-field-select", { placeholder: "Location", id: "locations", "space-below": "2" }), hAsync("biggive-form-field-select", { placeholder: "Funding", id: "funding", "space-below": "2" }), hAsync("div", { class: "align-right" }, hAsync("a", { href: "#", class: "button button-primary", onClick: () => this.handleApplyFilterButtonClick() }, "Apply filters"))))), hAsync("div", { class: "campaign-grid" }, hAsync("slot", { name: "campaign-grid" })))));
|
|
6623
|
+
return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "search-wrap" }, hAsync("h4", null, this.intro), hAsync("div", { class: "field-wrap" }, hAsync("div", { class: "input-wrap" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, hAsync("path", { d: faMagnifyingGlass.icon[4].toString() })), hAsync("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), hAsync("button", { onClick: () => this.handleSearchButtonPressed(), class: "button button-primary" }, this.buttonText))), hAsync("div", { class: "sort-filter-wrap" }, hAsync("div", { class: "sort-wrap" }, hAsync("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by" }, hAsync("biggive-form-field-select-option", { value: "most-raised", label: "Most raised" }), hAsync("biggive-form-field-select-option", { value: "matched-funds-remaining", label: "Match funds remaining" }))), hAsync("div", { class: "filter-wrap" }, hAsync("div", { class: "button button-primary filter", onClick: () => this.handleFilterButtonClick() }, hAsync("span", { class: "filter-icon" }, hAsync("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M0.12042 0.76576C0.327224 0.298 0.766961 0 1.25014 0H14.7517C15.2361 0 15.6736 0.298 15.8799 0.76576C16.0893 1.23352 16.0237 1.787 15.6924 2.18745L10.0011 9.67328V13.929C10.0011 14.3341 9.7886 14.7058 9.44793 14.8866C9.1104 15.0674 8.7041 15.0306 8.40094 14.7862L6.40072 13.179C6.14756 12.9781 6.00067 12.66 6.00067 12.3218V9.67328L0.282594 2.18745C-0.023284 1.787 -0.0864161 1.23352 0.120451 0.76576H0.12042Z", fill: "white" }))), "Filters"), hAsync("biggive-popup", { id: "filter-popup" }, hAsync("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), hAsync("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }), hAsync("biggive-form-field-select", { placeholder: "Beneficiary", id: "beneficiaries", "space-below": "2" }), hAsync("biggive-form-field-select", { placeholder: "Location", id: "locations", "space-below": "2" }), hAsync("biggive-form-field-select", { placeholder: "Funding", id: "funding", "space-below": "2" }), hAsync("div", { class: "align-right" }, hAsync("a", { href: "#", class: "button button-primary", onClick: () => this.handleApplyFilterButtonClick() }, "Apply filters"))))), hAsync("div", { class: "campaign-grid" }, hAsync("slot", { name: "campaign-grid" })))));
|
|
6620
6624
|
}
|
|
6621
6625
|
get el() { return getElement(this); }
|
|
6622
6626
|
static get style() { return biggiveCampaignCardFilterGridCss; }
|
|
@@ -6624,12 +6628,6 @@ class BiggiveCampaignCardFilterGrid {
|
|
|
6624
6628
|
"$flags$": 9,
|
|
6625
6629
|
"$tagName$": "biggive-campaign-card-filter-grid",
|
|
6626
6630
|
"$members$": {
|
|
6627
|
-
"searchText": [1, "search-text"],
|
|
6628
|
-
"sortBy": [1, "sort-by"],
|
|
6629
|
-
"filterCategory": [1, "filter-category"],
|
|
6630
|
-
"filterBeneficiary": [1, "filter-beneficiary"],
|
|
6631
|
-
"filterLocation": [1, "filter-location"],
|
|
6632
|
-
"filterFunding": [1, "filter-funding"],
|
|
6633
6631
|
"spaceBelow": [2, "space-below"],
|
|
6634
6632
|
"intro": [1],
|
|
6635
6633
|
"placeholderText": [1, "placeholder-text"],
|