@biggive/components 1.0.114 → 1.0.116
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-1ec57fed.entry.js +1 -0
- package/dist/biggive/{p-f56bb7ae.entry.js → p-903b8d33.entry.js} +1 -1
- package/dist/biggive/p-dfc522af.entry.js +1 -0
- package/dist/cjs/biggive-back-to-top_23.cjs.entry.js +86 -95
- package/dist/cjs/biggive-search.cjs.entry.js +12 -12
- package/dist/cjs/biggive-totalizer-ticker-item.cjs.entry.js +21 -0
- package/dist/cjs/biggive.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/biggive-button/biggive-button.js +2 -2
- package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.css +1 -0
- package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js +1 -0
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js +34 -33
- package/dist/collection/components/biggive-footer/biggive-footer.js +10 -12
- package/dist/collection/components/biggive-footer/biggive-footer.stories.js +4 -0
- package/dist/collection/components/biggive-form-field-select-option/biggive-form-field-select-option.js +7 -7
- package/dist/collection/components/biggive-header/biggive-header.css +3 -0
- package/dist/collection/components/biggive-header/biggive-header.js +18 -19
- package/dist/collection/components/biggive-header/biggive-header.stories.js +1 -1
- package/dist/collection/components/biggive-hero-image/biggive-hero-image.css +5 -0
- package/dist/collection/components/biggive-popup/biggive-popup.js +8 -6
- package/dist/collection/components/biggive-search/biggive-search.js +12 -12
- package/dist/collection/components/biggive-totalizer/biggive-totalizer.css +29 -7
- package/dist/collection/components/biggive-totalizer/biggive-totalizer.js +12 -74
- package/dist/collection/components/biggive-totalizer/biggive-totalizer.stories.js +23 -8
- package/dist/collection/components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item.css +508 -0
- package/dist/collection/components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item.js +62 -0
- package/dist/components/biggive-button2.js +1 -1
- package/dist/components/biggive-campaign-card-filter-grid.js +30 -29
- package/dist/components/biggive-campaign-card.js +2 -1
- package/dist/components/biggive-footer.js +10 -12
- package/dist/components/biggive-form-field-select-option2.js +7 -7
- package/dist/components/biggive-header.js +19 -20
- package/dist/components/biggive-hero-image.js +1 -1
- package/dist/components/biggive-popup2.js +6 -6
- package/dist/components/biggive-search.js +12 -12
- package/dist/components/biggive-totalizer-ticker-item.d.ts +11 -0
- package/dist/components/biggive-totalizer-ticker-item.js +38 -0
- package/dist/components/biggive-totalizer.js +11 -22
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/esm/biggive-back-to-top_23.entry.js +86 -95
- package/dist/esm/biggive-search.entry.js +12 -12
- package/dist/esm/biggive-totalizer-ticker-item.entry.js +17 -0
- package/dist/esm/biggive.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/biggive-footer/biggive-footer.d.ts +2 -1
- package/dist/types/components/biggive-form-field-select-option/biggive-form-field-select-option.d.ts +1 -1
- package/dist/types/components/biggive-header/biggive-header.d.ts +2 -1
- package/dist/types/components/biggive-totalizer/biggive-totalizer.d.ts +4 -18
- package/dist/types/components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item.d.ts +11 -0
- package/dist/types/components.d.ts +25 -20
- package/hydrate/index.js +125 -111
- package/package.json +1 -1
- package/dist/biggive/p-16e984ad.entry.js +0 -1
package/dist/cjs/biggive.cjs.js
CHANGED
|
@@ -15,5 +15,5 @@ const patchBrowser = () => {
|
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(options => {
|
|
18
|
-
return index.bootstrapLazy([["biggive-back-to-top_23.cjs",[[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"],"
|
|
18
|
+
return index.bootstrapLazy([["biggive-back-to-top_23.cjs",[[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"],"mainMessage":[1,"main-message"]}],[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.cjs",[[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.cjs",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainTitle":[1,"main-title"],"subtitle":[1],"iconColour":[1,"icon-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["biggive-search.cjs",[[1,"biggive-search",{"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"searchText":[32]}]]],["biggive-beneficiary-icon.cjs",[[0,"biggive-beneficiary-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-boxed-content.cjs",[[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.cjs",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1]}]]],["biggive-category-icon.cjs",[[0,"biggive-category-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-form.cjs",[[1,"biggive-form"]]],["biggive-formatted-text.cjs",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-icon-group.cjs",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["biggive-image.cjs",[[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.cjs",[[1,"biggive-nav-group",{"inline":[4]}]]],["biggive-nav-item.cjs",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["biggive-quote.cjs",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1]}]]],["biggive-tab.cjs",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["biggive-tabbed-content.cjs",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-text-input.cjs",[[1,"biggive-text-input"]]],["biggive-totalizer-ticker-item.cjs",[[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}]]],["biggive-video.cjs",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]]], options);
|
|
19
19
|
});
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return index.bootstrapLazy([["biggive-back-to-top_23.cjs",[[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"],"
|
|
17
|
+
return index.bootstrapLazy([["biggive-back-to-top_23.cjs",[[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"],"mainMessage":[1,"main-message"]}],[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.cjs",[[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.cjs",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainTitle":[1,"main-title"],"subtitle":[1],"iconColour":[1,"icon-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["biggive-search.cjs",[[1,"biggive-search",{"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"searchText":[32]}]]],["biggive-beneficiary-icon.cjs",[[0,"biggive-beneficiary-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-boxed-content.cjs",[[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.cjs",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1]}]]],["biggive-category-icon.cjs",[[0,"biggive-category-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-form.cjs",[[1,"biggive-form"]]],["biggive-formatted-text.cjs",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-icon-group.cjs",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["biggive-image.cjs",[[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.cjs",[[1,"biggive-nav-group",{"inline":[4]}]]],["biggive-nav-item.cjs",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["biggive-quote.cjs",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1]}]]],["biggive-tab.cjs",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["biggive-tabbed-content.cjs",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-text-input.cjs",[[1,"biggive-text-input"]]],["biggive-totalizer-ticker-item.cjs",[[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}]]],["biggive-video.cjs",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -39,6 +39,7 @@
|
|
|
39
39
|
"./components/biggive-tab/biggive-tab.js",
|
|
40
40
|
"./components/biggive-tabbed-content/biggive-tabbed-content.js",
|
|
41
41
|
"./components/biggive-totalizer/biggive-totalizer.js",
|
|
42
|
+
"./components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item.js",
|
|
42
43
|
"./components/biggive-video/biggive-video.js",
|
|
43
44
|
"./components/biggive-video-feature/biggive-video-feature.js"
|
|
44
45
|
],
|
|
@@ -4,7 +4,7 @@ export class BiggiveButton {
|
|
|
4
4
|
this.spaceBelow = 1;
|
|
5
5
|
this.colourScheme = 'primary';
|
|
6
6
|
this.label = 'Click me';
|
|
7
|
-
this.url =
|
|
7
|
+
this.url = undefined;
|
|
8
8
|
this.fullWidth = false;
|
|
9
9
|
this.size = 'medium';
|
|
10
10
|
this.rounded = false;
|
|
@@ -96,7 +96,7 @@ export class BiggiveButton {
|
|
|
96
96
|
},
|
|
97
97
|
"attribute": "url",
|
|
98
98
|
"reflect": false,
|
|
99
|
-
"defaultValue": "
|
|
99
|
+
"defaultValue": "undefined"
|
|
100
100
|
},
|
|
101
101
|
"fullWidth": {
|
|
102
102
|
"type": "boolean",
|
|
@@ -8,14 +8,35 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
8
8
|
this.filterBeneficiary = null;
|
|
9
9
|
this.filterLocation = null;
|
|
10
10
|
this.filterFunding = null;
|
|
11
|
+
this.handleSortByChanged = (event) => {
|
|
12
|
+
this.sortBy = event.target.value;
|
|
13
|
+
this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
|
|
14
|
+
};
|
|
15
|
+
this.handleApplyFilterButtonClick = () => {
|
|
16
|
+
this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
|
|
17
|
+
};
|
|
18
|
+
this.handleSearchButtonPressed = () => {
|
|
19
|
+
this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
|
|
20
|
+
};
|
|
21
|
+
this.handleSearchTextChanged = (event) => {
|
|
22
|
+
this.searchText = event.target.value;
|
|
23
|
+
};
|
|
24
|
+
this.handleEnterPressed = (ev) => {
|
|
25
|
+
if (ev.key === 'Enter') {
|
|
26
|
+
this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
this.handleFilterButtonClick = () => {
|
|
30
|
+
this.el.shadowRoot.getElementById('filter-popup').open();
|
|
31
|
+
};
|
|
11
32
|
this.spaceBelow = 0;
|
|
12
33
|
this.intro = 'Find a charity or project';
|
|
13
34
|
this.placeholderText = 'Search';
|
|
14
35
|
this.buttonText = 'Search';
|
|
15
|
-
this.categoryOptions =
|
|
16
|
-
this.beneficiaryOptions =
|
|
17
|
-
this.locationOptions =
|
|
18
|
-
this.fundingOptions =
|
|
36
|
+
this.categoryOptions = [];
|
|
37
|
+
this.beneficiaryOptions = [];
|
|
38
|
+
this.locationOptions = [];
|
|
39
|
+
this.fundingOptions = [];
|
|
19
40
|
}
|
|
20
41
|
getSearchAndFilterObject() {
|
|
21
42
|
const event = {
|
|
@@ -35,36 +56,16 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
35
56
|
this.filterLocation = this.el.shadowRoot.getElementById('locations').selectedValue;
|
|
36
57
|
this.filterFunding = this.el.shadowRoot.getElementById('funding').selectedValue;
|
|
37
58
|
}
|
|
38
|
-
handleSortByChanged() {
|
|
39
|
-
this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
|
|
40
|
-
}
|
|
41
|
-
handleApplyFilterButtonClick() {
|
|
42
|
-
this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
|
|
43
|
-
}
|
|
44
|
-
handleSearchButtonPressed() {
|
|
45
|
-
this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
|
|
46
|
-
}
|
|
47
|
-
handleSearchTextChanged(event) {
|
|
48
|
-
this.searchText = event.target.value;
|
|
49
|
-
}
|
|
50
|
-
handleEnterPressed(ev) {
|
|
51
|
-
if (ev.key === 'Enter') {
|
|
52
|
-
this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
handleFilterButtonClick() {
|
|
56
|
-
this.el.shadowRoot.getElementById('filter-popup').open();
|
|
57
|
-
}
|
|
58
59
|
render() {
|
|
59
|
-
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput:
|
|
60
|
+
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: 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", id: "sort-by", onDoSelectChange: this.handleSortByChanged }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }))), h("div", { class: "filter-wrap" }, h("biggive-button", { class: "filter", onClick: this.handleFilterButtonClick, label: "Filters" }), h("biggive-popup", { id: "filter-popup" }, h("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), h("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }, this.categoryOptions.length === 0
|
|
60
61
|
? undefined
|
|
61
|
-
: this.categoryOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder: "Beneficiary", id: "beneficiaries", "space-below": "2" },
|
|
62
|
+
: this.categoryOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder: "Beneficiary", id: "beneficiaries", "space-below": "2" }, this.beneficiaryOptions.length === 0
|
|
62
63
|
? undefined
|
|
63
|
-
: this.beneficiaryOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder: "Location", id: "locations", "space-below": "2" },
|
|
64
|
+
: this.beneficiaryOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder: "Location", id: "locations", "space-below": "2" }, this.locationOptions.length === 0
|
|
64
65
|
? undefined
|
|
65
|
-
: this.locationOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder: "Funding", id: "funding", "space-below": "2" },
|
|
66
|
+
: this.locationOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder: "Funding", id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
|
|
66
67
|
? undefined
|
|
67
|
-
: 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:
|
|
68
|
+
: 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" })))));
|
|
68
69
|
}
|
|
69
70
|
static get is() { return "biggive-campaign-card-filter-grid"; }
|
|
70
71
|
static get encapsulation() { return "shadow"; }
|
|
@@ -166,7 +167,7 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
166
167
|
"tags": [],
|
|
167
168
|
"text": "JSON array of category key/values"
|
|
168
169
|
},
|
|
169
|
-
"defaultValue": "
|
|
170
|
+
"defaultValue": "[]"
|
|
170
171
|
},
|
|
171
172
|
"beneficiaryOptions": {
|
|
172
173
|
"type": "unknown",
|
|
@@ -182,7 +183,7 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
182
183
|
"tags": [],
|
|
183
184
|
"text": "JSON array of beneficiary key/values"
|
|
184
185
|
},
|
|
185
|
-
"defaultValue": "
|
|
186
|
+
"defaultValue": "[]"
|
|
186
187
|
},
|
|
187
188
|
"locationOptions": {
|
|
188
189
|
"type": "unknown",
|
|
@@ -198,7 +199,7 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
198
199
|
"tags": [],
|
|
199
200
|
"text": "JSON array of location key/values"
|
|
200
201
|
},
|
|
201
|
-
"defaultValue": "
|
|
202
|
+
"defaultValue": "[]"
|
|
202
203
|
},
|
|
203
204
|
"fundingOptions": {
|
|
204
205
|
"type": "unknown",
|
|
@@ -214,7 +215,7 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
214
215
|
"tags": [],
|
|
215
216
|
"text": "JSON array of funding key/values"
|
|
216
217
|
},
|
|
217
|
-
"defaultValue": "
|
|
218
|
+
"defaultValue": "[]"
|
|
218
219
|
}
|
|
219
220
|
};
|
|
220
221
|
}
|
|
@@ -1,21 +1,19 @@
|
|
|
1
1
|
import { getAssetPath, h } from '@stencil/core';
|
|
2
2
|
export class BiggiveFooter {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const node = this.host.querySelector(`[slot="${slotName}"]`);
|
|
3
|
+
appendMenu(menuName) {
|
|
4
|
+
var node = this.host.querySelector(`[slot="${menuName}"]`);
|
|
6
5
|
if (node != null) {
|
|
7
|
-
|
|
8
|
-
navItems.push(h("li", null, h("a", { href: el.firstElementChild.getAttribute('href') }, el.innerText)));
|
|
9
|
-
});
|
|
6
|
+
this.host.shadowRoot.querySelector(`nav.${menuName}`).appendChild(node);
|
|
10
7
|
}
|
|
11
|
-
|
|
8
|
+
}
|
|
9
|
+
componentDidRender() {
|
|
10
|
+
this.appendMenu('nav-primary');
|
|
11
|
+
this.appendMenu('nav-secondary');
|
|
12
|
+
this.appendMenu('nav-tertiary');
|
|
13
|
+
this.appendMenu('nav-postscript');
|
|
12
14
|
}
|
|
13
15
|
render() {
|
|
14
|
-
|
|
15
|
-
const navSecondary = this.getMenuUlContents('nav-secondary');
|
|
16
|
-
const navTertiary = this.getMenuUlContents('nav-tertiary');
|
|
17
|
-
const navPostscript = this.getMenuUlContents('nav-postscript');
|
|
18
|
-
return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary" }, h("h5", null, h("slot", { name: "nav-primary-title" })), h("ul", null, navPrimary)), h("nav", { class: "nav nav-secondary" }, h("h5", null, h("slot", { name: "nav-secondary-title" })), h("ul", null, navSecondary)), h("nav", { class: "nav nav-tertiary" }, h("h5", null, h("slot", { name: "nav-tertiary-title" })), h("ul", null, navTertiary)), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/philanthropists", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png') }), h("nav", { class: "nav nav-postscript" }, h("ul", null, navPostscript))), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
|
|
16
|
+
return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary" }, h("h5", null, h("slot", { name: "nav-primary-title" }))), h("nav", { class: "nav nav-secondary" }, h("h5", null, h("slot", { name: "nav-secondary-title" }))), h("nav", { class: "nav nav-tertiary" }, h("h5", null, h("slot", { name: "nav-tertiary-title" }))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/philanthropists", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png') }), h("nav", { class: "nav nav-postscript" })), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
|
|
19
17
|
}
|
|
20
18
|
static get is() { return "biggive-footer"; }
|
|
21
19
|
static get encapsulation() { return "shadow"; }
|
|
@@ -22,6 +22,10 @@ const Template = () => `
|
|
|
22
22
|
<li><a href="#">Contact us</a></li>
|
|
23
23
|
<li><a href="#">Charity login</a></li>
|
|
24
24
|
</ul>
|
|
25
|
+
<ul slot="nav-postscript">
|
|
26
|
+
<li><a href="#">Terms and conditions</a></li>
|
|
27
|
+
<li><a href="#">Privacy policy</a></li>
|
|
28
|
+
</ul>
|
|
25
29
|
<div slot="social-icons">
|
|
26
30
|
<biggive-social-icon service="Facebook" url="https://www.facebook.com" background-colour="tertiary" icon-colour="black"></biggive-social-icon>
|
|
27
31
|
<biggive-social-icon service="Twitter" url="https://www.twitter.com" background-colour="tertiary" icon-colour="black"></biggive-social-icon>
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { h } from '@stencil/core';
|
|
2
2
|
export class BiggiveFormFieldSelectOption {
|
|
3
3
|
constructor() {
|
|
4
|
+
this.optionSelected = (event) => {
|
|
5
|
+
this.selectedValue = event.target.getAttribute('data-value');
|
|
6
|
+
this.selectedLabel = event.target.innerText;
|
|
7
|
+
var keyValuePair = { value: this.selectedValue, label: this.selectedLabel };
|
|
8
|
+
this.doOptionSelect.emit(keyValuePair);
|
|
9
|
+
};
|
|
4
10
|
this.selectedValue = null;
|
|
5
11
|
this.selectedLabel = null;
|
|
6
12
|
this.label = null;
|
|
7
13
|
this.value = null;
|
|
8
14
|
}
|
|
9
|
-
optionSelectHandler(event) {
|
|
10
|
-
this.selectedValue = event.target.getAttribute('data-value');
|
|
11
|
-
this.selectedLabel = event.target.innerText;
|
|
12
|
-
var keyValuePair = { value: this.selectedValue, label: this.selectedLabel };
|
|
13
|
-
this.doOptionSelect.emit(keyValuePair);
|
|
14
|
-
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h("div", { class: "option", "data-value": this.value, onClick:
|
|
16
|
+
return (h("div", { class: "option", "data-value": this.value, onClick: this.optionSelected }, this.label));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "biggive-form-field-select-option"; }
|
|
19
19
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,33 +1,32 @@
|
|
|
1
1
|
import { h } from '@stencil/core';
|
|
2
2
|
export class BiggiveHeader {
|
|
3
3
|
constructor() {
|
|
4
|
+
this.toggleNav = (event) => {
|
|
5
|
+
var nav = this.host.shadowRoot.querySelector('.nav-primary');
|
|
6
|
+
if (nav.getAttribute('data-visible') == 'true') {
|
|
7
|
+
event.target.classList.remove('active');
|
|
8
|
+
nav.setAttribute('data-visible', 'false');
|
|
9
|
+
}
|
|
10
|
+
else {
|
|
11
|
+
event.target.classList.add('active');
|
|
12
|
+
nav.setAttribute('data-visible', 'true');
|
|
13
|
+
}
|
|
14
|
+
};
|
|
4
15
|
this.spaceBelow = 0;
|
|
5
16
|
this.logoUrl = '/';
|
|
6
17
|
}
|
|
7
|
-
|
|
8
|
-
var
|
|
9
|
-
if (
|
|
10
|
-
|
|
11
|
-
nav.setAttribute('data-visible', 'false');
|
|
12
|
-
}
|
|
13
|
-
else {
|
|
14
|
-
event.target.classList.add('active');
|
|
15
|
-
nav.setAttribute('data-visible', 'true');
|
|
18
|
+
appendMenu(menuName) {
|
|
19
|
+
var node = this.host.querySelector(`[slot="${menuName}"]`);
|
|
20
|
+
if (node != null) {
|
|
21
|
+
this.host.shadowRoot.querySelector(`nav.${menuName}`).appendChild(node);
|
|
16
22
|
}
|
|
17
23
|
}
|
|
18
24
|
componentDidRender() {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
if (node != null) {
|
|
22
|
-
this.host.shadowRoot.querySelector('nav.nav-primary').appendChild(node);
|
|
23
|
-
}
|
|
24
|
-
node = this.host.querySelector('[slot="nav-secondary"]');
|
|
25
|
-
if (node != null) {
|
|
26
|
-
this.host.shadowRoot.querySelector('nav.nav-secondary').appendChild(node);
|
|
27
|
-
}
|
|
25
|
+
this.appendMenu('nav-primary');
|
|
26
|
+
this.appendMenu('nav-secondry');
|
|
28
27
|
}
|
|
29
28
|
render() {
|
|
30
|
-
return (h("header", { class: 'header space-below' + this.spaceBelow }, h("div", { class: "row row-top" }, h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("nav", { class: "nav nav-secondary" })), h("div", { class: "row row-bottom" }, h("div", { class: "logo-wrap" }, h("a", { href: this.logoUrl }, h("svg", { width: "149", height: "30", viewBox: "0 0 149 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": "Big Give" }, h("title", null, "Big Give"), h("path", { d: "M59.9362 6.08031C58.258 6.08031 56.8195 4.70363 56.8195 3.04015C56.8195 1.37667 58.258 0 59.9362 0C61.7342 0 63.1127 1.37667 63.1127 3.04015C63.1127 4.70363 61.7342 6.08031 59.9362 6.08031ZM57.4189 23.805H62.4534V7.74379H57.4189V23.805ZM76.5981 7.74379V8.71893C75.8189 7.97323 74.2606 7.34226 72.4626 7.34226C67.9674 7.34226 64.3114 10.5545 64.3114 15.2008C64.3114 19.9044 67.9674 23.0593 72.4626 23.0593C74.2606 23.0593 75.8189 22.543 76.5981 21.6826V22.6004C76.5981 24.6654 74.6801 25.6979 72.1629 25.6979C70.0052 25.6979 68.1472 25.239 66.4091 24.2639V29.0249C68.5068 29.7706 70.8443 30 72.4026 30C77.4371 30 81.6326 27.9924 81.6326 22.7151V7.68643H76.5981V7.74379ZM76.5981 17.2084C75.8788 18.1836 74.6801 18.6424 73.3616 18.6424C71.2639 18.6424 69.5257 17.4379 69.5257 15.2008C69.5257 13.021 71.2639 11.7591 73.3616 11.7591C74.6801 11.7591 75.8788 12.3327 76.5981 13.2505V17.2084ZM96.1368 24.2065C100.093 24.2065 102.55 23.5182 104.588 22.2562V9.98088H93.6196V14.6845H99.4332V18.8145C98.5942 19.044 97.6352 19.2161 96.2567 19.2161C91.342 19.2161 88.9446 16.0612 88.9446 12.3901C88.9446 8.71893 91.7016 5.56405 96.916 5.56405C99.0736 5.56405 101.171 6.13767 102.73 6.94073V1.72084C101.231 1.14723 99.3134 0.630979 96.6163 0.630979C89.0046 0.630979 83.6104 5.90822 83.6104 12.4474C83.5505 19.1013 88.4652 24.2065 96.1368 24.2065ZM109.442 6.08031C107.764 6.08031 106.326 4.70363 106.326 3.04015C106.326 1.37667 107.764 0 109.442 0C111.24 0 112.619 1.37667 112.619 3.04015C112.619 4.70363 111.18 6.08031 109.442 6.08031ZM106.925 23.805H111.96V7.74379H106.925V23.805ZM123.227 14.9713L118.972 7.74379H113.098L123.167 24.1491L133.237 7.74379H127.483L123.227 14.9713ZM137.372 16.9216H148.999C149.059 9.92352 144.804 7.39962 140.549 7.39962C136.053 7.39962 132.038 9.98088 131.978 15.7744C131.978 21.3958 136.113 24.1491 141.088 24.1491C143.246 24.1491 145.523 23.8623 147.501 22.8872V18.4704C144.984 19.847 143.366 19.9044 141.927 19.9044C139.769 19.847 137.552 19.2161 137.372 16.9216ZM140.608 11.1281C142.107 11.1281 143.425 11.8164 143.605 13.8241H137.372C137.732 11.8738 139.11 11.1281 140.608 11.1281ZM51.5453 11.3576C52.744 10.325 53.3433 9.00574 53.3433 7.34226C53.3433 4.24474 50.3466 1.03251 46.0313 1.03251H38V23.8623H48.4287C52.5042 23.8623 55.6209 20.8795 55.6209 17.0937C55.6209 14.7992 54.542 12.3327 51.5453 11.3576ZM43.2743 5.67878H45.6717C47.1101 5.67878 48.129 6.76865 48.129 7.97324C48.129 9.17782 47.1101 10.2103 45.6717 10.2103H43.2743V5.67878ZM47.9492 19.1587H43.2743V14.5698H47.9492C49.3876 14.5698 50.4665 15.6023 50.4665 16.8643C50.4665 18.1262 49.3876 19.1587 47.9492 19.1587Z", fill: "black" }), h("path", { d: "M21.543 1.01514L35 23.9999H8.08594L21.543 1.01514Z", fill: "black" }), h("path", { d: "M9.36142 16.9564L0 1H18.7228L9.36142 16.9564Z", fill: "#2AF135" })))), h("div", { class: "nav-toggle", onClick:
|
|
29
|
+
return (h("header", { class: 'header space-below' + this.spaceBelow }, h("div", { class: "row row-top" }, h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("nav", { class: "nav nav-secondary" })), h("div", { class: "row row-bottom" }, h("div", { class: "logo-wrap" }, h("a", { href: this.logoUrl }, h("svg", { width: "149", height: "30", viewBox: "0 0 149 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": "Big Give" }, h("title", null, "Big Give"), h("path", { d: "M59.9362 6.08031C58.258 6.08031 56.8195 4.70363 56.8195 3.04015C56.8195 1.37667 58.258 0 59.9362 0C61.7342 0 63.1127 1.37667 63.1127 3.04015C63.1127 4.70363 61.7342 6.08031 59.9362 6.08031ZM57.4189 23.805H62.4534V7.74379H57.4189V23.805ZM76.5981 7.74379V8.71893C75.8189 7.97323 74.2606 7.34226 72.4626 7.34226C67.9674 7.34226 64.3114 10.5545 64.3114 15.2008C64.3114 19.9044 67.9674 23.0593 72.4626 23.0593C74.2606 23.0593 75.8189 22.543 76.5981 21.6826V22.6004C76.5981 24.6654 74.6801 25.6979 72.1629 25.6979C70.0052 25.6979 68.1472 25.239 66.4091 24.2639V29.0249C68.5068 29.7706 70.8443 30 72.4026 30C77.4371 30 81.6326 27.9924 81.6326 22.7151V7.68643H76.5981V7.74379ZM76.5981 17.2084C75.8788 18.1836 74.6801 18.6424 73.3616 18.6424C71.2639 18.6424 69.5257 17.4379 69.5257 15.2008C69.5257 13.021 71.2639 11.7591 73.3616 11.7591C74.6801 11.7591 75.8788 12.3327 76.5981 13.2505V17.2084ZM96.1368 24.2065C100.093 24.2065 102.55 23.5182 104.588 22.2562V9.98088H93.6196V14.6845H99.4332V18.8145C98.5942 19.044 97.6352 19.2161 96.2567 19.2161C91.342 19.2161 88.9446 16.0612 88.9446 12.3901C88.9446 8.71893 91.7016 5.56405 96.916 5.56405C99.0736 5.56405 101.171 6.13767 102.73 6.94073V1.72084C101.231 1.14723 99.3134 0.630979 96.6163 0.630979C89.0046 0.630979 83.6104 5.90822 83.6104 12.4474C83.5505 19.1013 88.4652 24.2065 96.1368 24.2065ZM109.442 6.08031C107.764 6.08031 106.326 4.70363 106.326 3.04015C106.326 1.37667 107.764 0 109.442 0C111.24 0 112.619 1.37667 112.619 3.04015C112.619 4.70363 111.18 6.08031 109.442 6.08031ZM106.925 23.805H111.96V7.74379H106.925V23.805ZM123.227 14.9713L118.972 7.74379H113.098L123.167 24.1491L133.237 7.74379H127.483L123.227 14.9713ZM137.372 16.9216H148.999C149.059 9.92352 144.804 7.39962 140.549 7.39962C136.053 7.39962 132.038 9.98088 131.978 15.7744C131.978 21.3958 136.113 24.1491 141.088 24.1491C143.246 24.1491 145.523 23.8623 147.501 22.8872V18.4704C144.984 19.847 143.366 19.9044 141.927 19.9044C139.769 19.847 137.552 19.2161 137.372 16.9216ZM140.608 11.1281C142.107 11.1281 143.425 11.8164 143.605 13.8241H137.372C137.732 11.8738 139.11 11.1281 140.608 11.1281ZM51.5453 11.3576C52.744 10.325 53.3433 9.00574 53.3433 7.34226C53.3433 4.24474 50.3466 1.03251 46.0313 1.03251H38V23.8623H48.4287C52.5042 23.8623 55.6209 20.8795 55.6209 17.0937C55.6209 14.7992 54.542 12.3327 51.5453 11.3576ZM43.2743 5.67878H45.6717C47.1101 5.67878 48.129 6.76865 48.129 7.97324C48.129 9.17782 47.1101 10.2103 45.6717 10.2103H43.2743V5.67878ZM47.9492 19.1587H43.2743V14.5698H47.9492C49.3876 14.5698 50.4665 15.6023 50.4665 16.8643C50.4665 18.1262 49.3876 19.1587 47.9492 19.1587Z", fill: "black" }), h("path", { d: "M21.543 1.01514L35 23.9999H8.08594L21.543 1.01514Z", fill: "black" }), h("path", { d: "M9.36142 16.9564L0 1H18.7228L9.36142 16.9564Z", fill: "#2AF135" })))), h("div", { class: "nav-toggle", onClick: this.toggleNav }), h("nav", { class: "nav nav-primary", "data-visible": "false" }))));
|
|
31
30
|
}
|
|
32
31
|
static get is() { return "biggive-header"; }
|
|
33
32
|
static get encapsulation() { return "shadow"; }
|
|
@@ -18,7 +18,7 @@ const Template = args => `
|
|
|
18
18
|
<li><a href="#">For Charities</a></li>
|
|
19
19
|
<li><a href="#">For Funders</a></li>
|
|
20
20
|
<li>
|
|
21
|
-
<a href="
|
|
21
|
+
<a href="">Match Funding</a>
|
|
22
22
|
<ul>
|
|
23
23
|
<li><a href="#">Sub menu 1</a></li>
|
|
24
24
|
<li><a href="# class="icon-green">Sub menu 2</a></li>
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import { h } from '@stencil/core';
|
|
2
2
|
export class BiggivePopup {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.close = (event) => {
|
|
5
|
+
if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {
|
|
6
|
+
this.el.shadowRoot.querySelector('.popup').setAttribute('data-visible', 'false');
|
|
7
|
+
}
|
|
8
|
+
};
|
|
9
|
+
}
|
|
3
10
|
async open() {
|
|
4
11
|
this.el.shadowRoot.querySelector('.popup').setAttribute('data-visible', 'true');
|
|
5
12
|
}
|
|
6
|
-
close(event) {
|
|
7
|
-
if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {
|
|
8
|
-
this.el.shadowRoot.querySelector('.popup').setAttribute('data-visible', 'false');
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
13
|
render() {
|
|
12
|
-
return (h("div", { class: "popup", onClick:
|
|
14
|
+
return (h("div", { class: "popup", onClick: this.close }, h("div", { class: "sleeve" }, h("div", { class: "header" }, h("div", { class: "close", onClick: this.close })), h("div", { class: "content" }, h("slot", null)))));
|
|
13
15
|
}
|
|
14
16
|
static get is() { return "biggive-popup"; }
|
|
15
17
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2,6 +2,17 @@ import { h } from '@stencil/core';
|
|
|
2
2
|
import { faMagnifyingGlass, faX } from '@fortawesome/pro-solid-svg-icons';
|
|
3
3
|
export class BigGiveSearch {
|
|
4
4
|
constructor() {
|
|
5
|
+
this.handleSearchTextChanged = (event) => {
|
|
6
|
+
this.searchText = event.target.value;
|
|
7
|
+
};
|
|
8
|
+
this.handleSearchButtonPressed = () => {
|
|
9
|
+
this.doSearch.emit(this.searchText);
|
|
10
|
+
};
|
|
11
|
+
this.handleEnterPressed = (ev) => {
|
|
12
|
+
if (ev.key === 'Enter') {
|
|
13
|
+
this.doSearch.emit(this.searchText);
|
|
14
|
+
}
|
|
15
|
+
};
|
|
5
16
|
this.clearSearchText = () => {
|
|
6
17
|
this.searchText = '';
|
|
7
18
|
};
|
|
@@ -9,19 +20,8 @@ export class BigGiveSearch {
|
|
|
9
20
|
this.placeholderText = undefined;
|
|
10
21
|
this.buttonText = undefined;
|
|
11
22
|
}
|
|
12
|
-
handleSearchTextChanged(event) {
|
|
13
|
-
this.searchText = event.target.value;
|
|
14
|
-
}
|
|
15
|
-
handleSearchButtonPressed() {
|
|
16
|
-
this.doSearch.emit(this.searchText);
|
|
17
|
-
}
|
|
18
|
-
handleEnterPressed(ev) {
|
|
19
|
-
if (ev.key === 'Enter') {
|
|
20
|
-
this.doSearch.emit(this.searchText);
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
23
|
render() {
|
|
24
|
-
return (h("div", { class: "padding-enclosure" }, h("div", { class: "outer-container" }, h("div", { class: "triangle triangle-before" }), h("div", { class: "inner-container" }, h("h2", null, "Find a charity or project"), h("div", { class: "search-box" }, 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, placeholder: this.placeholderText, onInput:
|
|
24
|
+
return (h("div", { class: "padding-enclosure" }, h("div", { class: "outer-container" }, h("div", { class: "triangle triangle-before" }), h("div", { class: "inner-container" }, h("h2", null, "Find a charity or project"), h("div", { class: "search-box" }, 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, placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed }), h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", id: "x-icon", viewBox: "0 0 512 512", onClick: this.clearSearchText }, h("path", { d: faX.icon[4].toString() }))), h("biggive-button", { label: this.buttonText, onClick: this.handleSearchButtonPressed })), h("div", { class: "triangle triangle-after" }))));
|
|
25
25
|
}
|
|
26
26
|
static get is() { return "biggive-search"; }
|
|
27
27
|
static get encapsulation() { return "shadow"; }
|
|
@@ -510,14 +510,24 @@ a:hover {
|
|
|
510
510
|
line-height: 24px;
|
|
511
511
|
}
|
|
512
512
|
|
|
513
|
+
@keyframes ticker {
|
|
514
|
+
0% {
|
|
515
|
+
transform: translate3d(0, 0, 0);
|
|
516
|
+
visibility: visible;
|
|
517
|
+
}
|
|
518
|
+
100% {
|
|
519
|
+
transform: translate3d(-100%, 0, 0);
|
|
520
|
+
}
|
|
521
|
+
}
|
|
513
522
|
.container {
|
|
514
523
|
position: absolute;
|
|
515
524
|
left: 0;
|
|
516
525
|
right: 0;
|
|
517
526
|
z-index: 1;
|
|
518
527
|
}
|
|
519
|
-
.container .
|
|
528
|
+
.container .main-message-wrap {
|
|
520
529
|
position: absolute;
|
|
530
|
+
z-index: 1;
|
|
521
531
|
padding: 10px 30px;
|
|
522
532
|
left: 0;
|
|
523
533
|
top: 0;
|
|
@@ -526,18 +536,30 @@ a:hover {
|
|
|
526
536
|
font-weight: 600;
|
|
527
537
|
max-width: 33.3%;
|
|
528
538
|
}
|
|
529
|
-
.container .
|
|
530
|
-
|
|
531
|
-
|
|
539
|
+
.container .ticker-wrap {
|
|
540
|
+
padding: 10px 0 10px 0;
|
|
541
|
+
min-height: 17px;
|
|
532
542
|
font-size: 13px;
|
|
533
543
|
line-height: 17px;
|
|
544
|
+
overflow: hidden;
|
|
545
|
+
position: relative;
|
|
534
546
|
}
|
|
535
|
-
.container .
|
|
536
|
-
|
|
547
|
+
.container .ticker-wrap .sleeve {
|
|
548
|
+
position: absolute;
|
|
549
|
+
left: 100%;
|
|
550
|
+
display: flex;
|
|
551
|
+
animation-iteration-count: infinite;
|
|
552
|
+
animation-timing-function: linear;
|
|
553
|
+
animation-name: ticker;
|
|
554
|
+
animation-duration: 30s;
|
|
555
|
+
}
|
|
556
|
+
.container .ticker-wrap .sleeve .ticker-item {
|
|
557
|
+
white-space: nowrap;
|
|
558
|
+
padding: 0 15px;
|
|
537
559
|
}
|
|
538
560
|
|
|
539
561
|
@media screen and (max-width: 576px) {
|
|
540
|
-
.container .
|
|
562
|
+
.container .main-message-wrap {
|
|
541
563
|
font-size: 17px;
|
|
542
564
|
line-height: 24px;
|
|
543
565
|
}
|