npm - @biggive/components - Versions diffs - 202506260902.0.0 → 202507090718.0.0 - Mend

@biggive/components 202506260902.0.0 → 202507090718.0.0

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.

Files changed (300) hide show

package/dist/collection/components/biggive-basic-card/biggive-basic-card.js CHANGED Viewed

@@ -24,7 +24,7 @@ export class BiggiveBasicCard {
     render() {
         var _a, _b;
         const HeadingTag = `h${this.headingLevel}`;
-        return (h("div", { key: '0a2ef1f76ae13a05fed05f036c26cd398a0568d8', class: 'container space-below-' +
+        return (h("div", { key: '91ad497814e34803085c0d21f61f24ec99b419ee', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -36,7 +36,7 @@ export class BiggiveBasicCard {
                 ' add-animation-' +
                 this.addAnimation +
                 ' ' +
-                this.siteDesign, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("a", { key: 'c31f093a21fe801a9e188cd88f9ba5e28f48a535', href: this.buttonUrl }, h("div", { key: '7265fb02eebe5eb9af0b29f49747025a5d42e81f', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("div", { key: 'e3ec069fdd618bfb5c89742ac5bd2e1d859fd22a', class: "content-wrap" }, this.icon ? (h("div", { class: "icon" }, h("svg", { width: "53", height: "39", viewBox: "0 0 53 39", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z", class: "fill-black" }), h("path", { d: "M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z", class: 'fill-' + this.iconColour })))) : null, ((_b = (_a = this.mainImageUrl) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) === 0 ? null : (h("div", { class: "main-image-container" }, h("div", { class: "image-wrap" }, h("img", { src: this.mainImageUrl, alt: this.mainImageAltText })))), h(HeadingTag, { key: '9717a7874f9e65f9f43a4f5b091e2cbff20e43ef', class: "title" }, this.mainTitle), this.author !== '' || this.date !== '' ? (h("div", { class: "subtitle" }, this.author, " ", h("span", { class: "divider" }, "|"), " ", this.date)) : null, this.subtitle !== '' ? h("div", { class: "subtitle" }, this.subtitle) : null, h("div", { key: '41a8e4cb76a300333303bca4870f86f1d394b443', class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (h("div", { class: 'button-wrap align-' + this.buttonAlign }, h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel, rounded: this.siteDesign === 'philco' }))) : null)))));
+                this.siteDesign, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("a", { key: '9b96bc23655d7d8ce1d0c8dba8539b4fee34d982', href: this.buttonUrl }, h("div", { key: 'ff2d6122a1bb9695e74463bb6b7f6f293e24537d', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("div", { key: '2ef34767175cef27f29093d5ac985c55a4e4a3e2', class: "content-wrap" }, this.icon ? (h("div", { class: "icon" }, h("svg", { width: "53", height: "39", viewBox: "0 0 53 39", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z", class: "fill-black" }), h("path", { d: "M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z", class: 'fill-' + this.iconColour })))) : null, ((_b = (_a = this.mainImageUrl) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) === 0 ? null : (h("div", { class: "main-image-container" }, h("div", { class: "image-wrap" }, h("img", { src: this.mainImageUrl, alt: this.mainImageAltText })))), h(HeadingTag, { key: 'd77587e1100a300716bd63f29861733abde29db9', class: "title" }, this.mainTitle), this.author !== '' || this.date !== '' ? (h("div", { class: "subtitle" }, this.author, " ", h("span", { class: "divider" }, "|"), " ", this.date)) : null, this.subtitle !== '' ? h("div", { class: "subtitle" }, this.subtitle) : null, h("div", { key: 'a0fd02caf0bf205724a501173e0cfb15bc0c6824', class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (h("div", { class: 'button-wrap align-' + this.buttonAlign }, h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel, rounded: this.siteDesign === 'philco' }))) : null)))));
     }
     static get is() { return "biggive-basic-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-boxed-content/biggive-boxed-content.js CHANGED Viewed

@@ -23,7 +23,7 @@ export class BiggiveBoxedContent {
         this.shadow = true;
     }
     render() {
-        return (h("div", { key: 'a58dc08736f0d79f107479e9d507b79c52165c41', class: 'container background-colour-' +
+        return (h("div", { key: 'b0231dae2ba196ff7e3492b1e99aa85b383f4442', class: 'container background-colour-' +
                 this.backgroundColour +
                 ' space-below-' +
                 this.spaceBelow +
@@ -32,7 +32,7 @@ export class BiggiveBoxedContent {
                 ' vertical-padding-' +
                 this.verticalPadding +
                 ' shadow-' +
-                this.shadow }, h("slot", { key: 'eafe6a7162906f264053475c10c96a4b2e401dea' })));
+                this.shadow }, h("slot", { key: '39b5c26d157ccd4e1435b4586bba3c1cff6d6518' })));
     }
     static get is() { return "biggive-boxed-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-branded-image/biggive-branded-image.js CHANGED Viewed

@@ -19,7 +19,7 @@ export class BiggiveBrandedImage {
      * `role="presentation"` every time instead of accepting alt text.
      */
     render() {
-        return (h("div", { key: '507d99be508f85dcfdc1736d66cc5f4ae9cc9b06', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'de780282f1c0b2bc601eb8095340bd23d1c3a630', class: "slug" }, this.slug), this.imageUrl !== undefined && this.imageUrl !== null ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, role: "presentation" }))) : null, this.logoUrl !== undefined && this.logoUrl !== null ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? h("h3", { class: "title" }, this.charityName) : null, this.charityLocation !== undefined && this.charityLocation !== null ? h("div", { class: "charity-info" }, this.charityLocation) : null));
+        return (h("div", { key: '9b4f5ba7e396a19568143b77a513191378a15431', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '854bd057a002166436743c54690f8dd731b0db0f', class: "slug" }, this.slug), this.imageUrl !== undefined && this.imageUrl !== null ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, role: "presentation" }))) : null, this.logoUrl !== undefined && this.logoUrl !== null ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? h("h3", { class: "title" }, this.charityName) : null, this.charityLocation !== undefined && this.charityLocation !== null ? h("div", { class: "charity-info" }, this.charityLocation) : null));
     }
     static get is() { return "biggive-branded-image"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-button/biggive-button.js CHANGED Viewed

@@ -49,7 +49,7 @@ export class BiggiveButton {
         // If there's no or an empty href then it isn't possible to click by keyboard and we would have to handle keyboard
         // interaction separately.
         const href = this.url || 'javascript:void(0);';
-        return (h("div", { key: '8889492855641a0338e8a734b61572bfe3cf5080', class: 'container space-below-' + this.spaceBelow + ' centered-' + this.centered + ' ' + this.siteDesign + (this.disabled ? ' disabled' : '') }, h("a", { key: '112673260c993ce4ad7946c34de4374fa1de9eb9', "pointer-events": this.disabled ? 'none' : 'auto', "aria-disabled": this.disabled, role: "button", href: href, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId, class: 'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString() }, h("span", { key: 'aa604d1e44eac21159d0e9ed694062922654fb41', onClick: this.disabled ? () => { } : this.handleButtonClick }, this.label))));
+        return (h("div", { key: 'b645d3a90022de697cc77a27d7c7310284a641d4', class: 'container space-below-' + this.spaceBelow + ' centered-' + this.centered + ' ' + this.siteDesign + (this.disabled ? ' disabled' : '') }, h("a", { key: 'ce84f6e16896b1560eca3cf46ce8517f58134595', "pointer-events": this.disabled ? 'none' : 'auto', "aria-disabled": this.disabled, role: "button", href: href, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId, class: 'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString() }, h("span", { key: 'd0e8ebc0aac60aefd3238f2548591d80dad9739c', onClick: this.disabled ? () => { } : this.handleButtonClick }, this.label))));
     }
     static get is() { return "biggive-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.js CHANGED Viewed

@@ -51,7 +51,7 @@ export class BiggiveCallToAction {
         this.secondaryButtonColourScheme = 'primary';
     }
     render() {
-        return (h("div", { key: '9034edf7735fbce98ac35ed33eab4714d4755b1c', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '93e414a7b216f823afd770d5a519b37c5e918995', class: "sleeve" }, h("div", { key: '2aa543b75459b7a22a717853f1603eb403b1bd1d', class: "content-wrap" }, h("div", { key: '1ab8ff1cc761daca196902bdf192c247d321129a', class: 'slug heading-' + this.slugSize + ' text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'efec9a8702e00357ed7d5f225bad27ec142e371e', class: 'title heading-' + this.mainTitleSize + ' text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '6e3b73404d0f7d04671259f1bda5fb038f8d3178', class: 'slug heading-' + this.subtitleSize + ' text-colour-' + this.subtitleColour }, this.subtitle), h("div", { key: 'f3bb78d1d9c09f92eef4799e155be46a28d489e9', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.primaryButtonLabel != null && this.primaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.primaryButtonColourScheme, url: this.primaryButtonUrl, label: this.primaryButtonLabel }))) : null, this.secondaryButtonLabel != null && this.secondaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.secondaryButtonColourScheme, url: this.secondaryButtonUrl, label: this.secondaryButtonLabel }))) : null))));
+        return (h("div", { key: '20ee3f4f622c3c418c96bf621040de6c971518b9', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '54d464b2e76150ff4f45195a132e4a714dedc103', class: "sleeve" }, h("div", { key: 'e5453f87b9c3ea6c835ba2354e356dd9ea8df33b', class: "content-wrap" }, h("div", { key: 'faa6db96c366dfe42e611bf560bd86a28a95f731', class: 'slug heading-' + this.slugSize + ' text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'e31c7b9bf04f4cd3ebaad29775d98b131acbaa22', class: 'title heading-' + this.mainTitleSize + ' text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '6e023f3d942f95ce70c399d54657e04da25be4cb', class: 'slug heading-' + this.subtitleSize + ' text-colour-' + this.subtitleColour }, this.subtitle), h("div", { key: '3d28d08712ba6584ad01323e39f001c41acbbd6b', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.primaryButtonLabel != null && this.primaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.primaryButtonColourScheme, url: this.primaryButtonUrl, label: this.primaryButtonLabel }))) : null, this.secondaryButtonLabel != null && this.secondaryButtonUrl != null ? (h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": this.secondaryButtonColourScheme, url: this.secondaryButtonUrl, label: this.secondaryButtonLabel }))) : null))));
     }
     static get is() { return "biggive-call-to-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js CHANGED Viewed

@@ -37,7 +37,7 @@ export class BiggiveCampaignCard {
         return value === undefined || value === null || value === '';
     }
     render() {
-        return (h("div", { key: '0ec8ef81df02702ffde418569321f40a43202524', class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { key: '28ae6f9ccdd2b1cc1eb498e0497fb66544a624bf', class: "sleeve" }, h("div", { key: '1f015b848b11cf46fa4e392f01e57b70fd6f5190', onClick: this.handleCardGeneralClick, class: "above-button-wrap" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.banner + ')' } })) : (h("div", { class: "image-wrap banner" })), h("div", { key: '8ebaf7a903b776598fdf121700a2dd9e9d2761cc', class: "title-wrap" }, h("h3", { key: '3b5b01989dabe0a78520f2254f43dd394ce8c95e' }, this.campaignTitle), h("div", { key: 'd10a6503828e38d075b2f2e99fbd10549b981a3a', class: "organisation-name" }, "By ", this.organisationName)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? null : (h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), h("div", { key: '90ca39ec43b22fb3491d293e90b2247c781537d4', class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel })), h("biggive-button", { key: '7ea6d3d1afb1be9ae488803db49e659387163e4b', "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
+        return (h("div", { key: '319985f7b32754f323941126da3e14b50a14ebe3', class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { key: '31b9adc9d26688a04babd7de6ec863df8e5fb984', class: "sleeve" }, h("div", { key: 'e3a9067edacce4985038bb4d92929c0bc5c8151e', onClick: this.handleCardGeneralClick, class: "above-button-wrap" }, this.campaignType !== null ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.banner + ')' } })) : (h("div", { class: "image-wrap banner" })), h("div", { key: 'dd4d04a159af990a2023a06912321fff42368727', class: "title-wrap" }, h("h3", { key: '2ff55ab537792164659b1b435b330292a037840b' }, this.campaignTitle), h("div", { key: '4a70987a57ae638317c30b21e9d5c422f7d5f779', class: "organisation-name" }, "By ", this.organisationName)), this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-wrap" }, this.isEmpty(this.primaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.primaryFigureAmount))), this.isEmpty(this.secondaryFigureAmount) ? null : (h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.secondaryFigureAmount))))), this.isEmpty(this.progressBarCounter) ? null : (h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })))), h("div", { key: 'ee6cd76f7d633aba92bc8af1d33c8298b5db643a', class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel })), h("biggive-button", { key: '394552333d901e22ad76ebdbd941976d52d6c21f', "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
     }
     static get is() { return "biggive-campaign-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js CHANGED Viewed

@@ -4,8 +4,8 @@ const sortOptionLabels = {
     relevance: 'Relevance',
     amountRaised: 'Most raised',
     leastRaised: 'Least raised',
-    closeToTarget: 'Close to campaign target',
-    matchFundsRemaining: 'Match funds remaining',
+    closeToTarget: 'Nearest target',
+    matchFundsRemaining: 'Most funds remaining',
 };
 export class BiggiveCampaignCardFilterGrid {
     constructor() {
@@ -204,13 +204,13 @@ export class BiggiveCampaignCardFilterGrid {
     render() {
         var _a;
         const sortOptions = this.getSortOptions();
-        return (h("div", { key: '041272afb70682bca5c93c2558304f7a7231b182', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '5e34bea196be51d2abe45324e1ce5e22a4d3b0df', class: "sleeve" }, h("div", { key: 'd8595d6eeb9a490dc4fecf7f6d461b4f913b594c', class: "search-wrap" }, h("h4", { key: '3910d0c07ee6e0879b1cfba801ef9196c8a38cac' }, this.intro), h("div", { key: 'e6e44e19200f9a73fa1bbea6867080a361218cce', class: "field-wrap" }, h("div", { key: '13e67bcd01999acba604e93b9e30a2e3b8498c35', class: "input-wrap" }, h("svg", { key: 'feead67a8782d9713cd531acb7db88a8095adb25', xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { key: '9c38b07ae9d072059d8a01a53a49599243d36af4', d: faMagnifyingGlass.icon[4].toString() })), h("input", { key: '6d83c21a0cf8c9ace5682eb44d573b10d68c24fa', type: "text", value: (_a = this.searchText) !== null && _a !== void 0 ? _a : '', class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { key: 'b4a9b84643accdf3a7bd08fb2145e225340513ed', onClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { key: '2f6a2624ab721147d2ac027a1e12d978969a47b6', class: "sort-filter-wrap" }, h("div", { key: '024eda15d930b25508ea13b0a2335a8442f1003a', class: "filter-wrap" }, h("biggive-button", { key: '83ffd28fd191adcc66d8952722145ec1fa22d510', class: "filter", colourScheme: "primary", onClick: this.handleFilterButtonClick, label: "Filter", fullWidth: true, "space-below": "0" }), h("biggive-popup", { key: '31e964c840f917b3c909447dde3695306b7c0ed8', id: "filter-popup" }, h("h4", { key: '3018bbf7e15f0db33ad4d57dcac1dd69eff868f9', class: "space-above-0 space-below-3 text-colour-primary" }, "Filters"), h("div", { key: '3bc5234fcdba58a35e1cdb44805450e009aba004', class: "select-wrapper-1" }, h("biggive-form-field-select", { key: 'f74334f6fcdf1054443e1d9d616f3037cf397871', backgroundColour: "white", prompt: "Category", placeholder: this.categoriesPlaceHolderText, selectedLabel: this.selectedFilterCategory, selectedValue: this.selectedFilterCategory, options: this.optionsToArray(this.categoryOptions || []), selectionChanged: this.categoryFilterSelectionChanged, id: "categories", "space-below": "2" })), h("div", { key: 'febf3c66ee354435d8b427fa622fbf4780b583c6', class: "select-wrapper-2" }, h("biggive-form-field-select", { key: '2817be005248199073713b1fe73a6d589c766b9a', backgroundColour: "white", prompt: "Beneficiary", placeholder: this.beneficiariesPlaceHolderText, selectedLabel: this.selectedFilterBeneficiary, selectedValue: this.selectedFilterBeneficiary, options: this.optionsToArray(this.beneficiaryOptions || []), selectionChanged: this.beneficiarySelectionChanged, id: "beneficiaries", "space-below": "2" })), h("div", { key: '02ed6ea360eea8e81dc870e2d80cd741e35e9165', class: "select-wrapper-3" }, h("biggive-form-field-select", { key: 'afa5a90f7d3a43a74a88d4f3a088b8198c5bbe71', backgroundColour: "white", prompt: "Location", placeholder: this.locationsPlaceHolderText, selectedLabel: this.selectedFilterLocation, selectedValue: this.selectedFilterLocation, options: this.optionsToArray(this.locationOptions || []), selectionChanged: this.locationSelectionChanged, id: "locations", "space-below": "2" })), h("div", { key: '6a69bb701fd3a4ab7f9cd73d36f7ba4fc844f6c5', class: "align-right" }, h("biggive-button", { key: 'b71c6f09c03f4ecfd998d096d381b90f23f59589', label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), h("div", { key: '44670c3a6138ff65a2332bc0314f1efd252f3108', class: "sort-wrap" }, h("biggive-form-field-select", { key: 'a85801f1d9e1a754ea417301872cdbaf180bb461', options: sortOptions, prompt: null, "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, selectedValue: this.getSelectedValue(), selectionChanged: this.sortBySelectionChanged, id: "sort-by" }, h("biggive-form-field-select-option", { key: 'bd7fc9b68e3a300957c0a17c285b614383af4c47', value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { key: 'f25c05c0fdef66ef0fdce79b6a2cb2d835209312', value: "leastRaised", label: "Least raised" }), h("biggive-form-field-select-option", { key: '9bdf1b76bf3d849fecd950a0bbf401f0028c5945', value: "matchFundsRemaining", label: "Match funds remaining" }), (this.searchText || '').length > 0 ? h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), h("div", { key: '83528d1515a1b9d8d13373c2017055bfec5c82bc', class: "selected-filter-wrap" }, h("div", { key: 'c0a968235c5cd75c03e5e8cfdbdaa2e44b91fbd7', class: "selected-filters" }, this.selectedFilterCategory && (h("span", { key: 'e436a0364751d0dd5afff4aa511e68d2b6c1ef95', class: "button", onClick: () => {
+        return (h("div", { key: '5be71f04f2f6e4a45e61da8940e2539f348c5cac', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'f1b79a107817211888847c09c99447759052ccd6', class: "sleeve" }, h("div", { key: '7de5ed0dc073f7bc1597fadc3a67ef5b5fed7e84', class: "search-wrap" }, h("h4", { key: 'c78c9b66dac9880f28513fb3fb8f0f2cca9d0861' }, this.intro), h("div", { key: '0aff613fc8e6812c70a8cd683dfac1cac3b4e9b8', class: "field-wrap" }, h("div", { key: '406ec166abfc71ad3773077376073fd9ece76aac', class: "input-wrap" }, h("svg", { key: '6b736eb1bd1560214079b50cce7bc59fed380eba', xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { key: '8fdac8bd9978f84302725fff032d5a7248a78982', d: faMagnifyingGlass.icon[4].toString() })), h("input", { key: '440d6a45a53a222d2bc3043048b55056e60d3fae', type: "text", value: (_a = this.searchText) !== null && _a !== void 0 ? _a : '', class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { key: 'a6adbfb9fcd371fa885c9388d9b0e6ffb77be101', onClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { key: 'a45cf9485f92f73f54dd406976556a72d2f29c5d', class: "sort-filter-wrap" }, h("div", { key: 'f4b956c6fac79dd108795d650207aa4c0dd0360a', class: "filter-wrap" }, h("biggive-button", { key: '117c37910f9691a928961462c9ce1282784dc414', class: "filter", colourScheme: "primary", onClick: this.handleFilterButtonClick, label: "Filter", fullWidth: true, "space-below": "0" }), h("biggive-popup", { key: '83411c37fa74ba763c06da58dbd7402669fd5b3c', id: "filter-popup" }, h("h4", { key: '882cec7e23e27dca5665d092f72e024e53dcd9b2', class: "space-above-0 space-below-3 text-colour-primary" }, "Filters"), h("div", { key: '4c92b8991a118e6e806a06de6fdf66e2a863b3d7', class: "select-wrapper-1" }, h("biggive-form-field-select", { key: '75299a448cc29c180be0a974ba6ab64c07be284a', backgroundColour: "white", prompt: "Category", placeholder: this.categoriesPlaceHolderText, selectedLabel: this.selectedFilterCategory, selectedValue: this.selectedFilterCategory, options: this.optionsToArray(this.categoryOptions || []), selectionChanged: this.categoryFilterSelectionChanged, id: "categories", "space-below": "2" })), h("div", { key: '43dd351da5a08270991cab850579e3e5c183e3fe', class: "select-wrapper-2" }, h("biggive-form-field-select", { key: '689238442c848dcb332e9e05228e7c1a526795cb', backgroundColour: "white", prompt: "Beneficiary", placeholder: this.beneficiariesPlaceHolderText, selectedLabel: this.selectedFilterBeneficiary, selectedValue: this.selectedFilterBeneficiary, options: this.optionsToArray(this.beneficiaryOptions || []), selectionChanged: this.beneficiarySelectionChanged, id: "beneficiaries", "space-below": "2" })), h("div", { key: '883873a8d9b2d8c1fc1dadec31870c8744f4fc8a', class: "select-wrapper-3" }, h("biggive-form-field-select", { key: 'c4b288cc45e2f646775dd7d5dadacbde3fe93ab5', backgroundColour: "white", prompt: "Location", placeholder: this.locationsPlaceHolderText, selectedLabel: this.selectedFilterLocation, selectedValue: this.selectedFilterLocation, options: this.optionsToArray(this.locationOptions || []), selectionChanged: this.locationSelectionChanged, id: "locations", "space-below": "2" })), h("div", { key: 'e3fde293c9a35f207f6c3d829b8ccd47741af153', class: "align-right" }, h("biggive-button", { key: 'd84747fced15cd9b631d78f1aa23a45ab4d84d6e', label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), h("div", { key: '6a472e599b4252013ef4c8e0b8f5ffaa8e553b80', class: "sort-wrap" }, h("biggive-form-field-select", { key: '8104bd762a5876b0d94f4490bd6ebed7312df7ee', options: sortOptions, prompt: null, "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, selectedValue: this.getSelectedValue(), selectionChanged: this.sortBySelectionChanged, id: "sort-by" }, h("biggive-form-field-select-option", { key: '5be8216a3c20d4a799fdac08546804f9bdf49821', value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { key: '6694d525c670a76cac8835c4024127020a3ff31c', value: "leastRaised", label: "Least raised" }), h("biggive-form-field-select-option", { key: '345b4557173a1569fb0f0e6083bb0de974ddda1c', value: "matchFundsRemaining", label: "Most funds remaining" }), h("biggive-form-field-select-option", { key: 'dc7b50338a0c2ea9a0ed658afbfe4e03aade6bec', value: "closeToTarget", label: "Nearest target" }), (this.searchText || '').length > 0 ? h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), h("div", { key: '7d2c5dea405e6335335c3c2834df8824cc1aa794', class: "selected-filter-wrap" }, h("div", { key: '7de713038a47b889df8a612bbf98f871d8ecb7aa', class: "selected-filters" }, this.selectedFilterCategory && (h("span", { key: '599df847e376cb3901e84078494d760b919bd0c9', class: "button", onClick: () => {
                 this.removeFilter('categories');
-            } }, this.selectedFilterCategory)), this.selectedFilterBeneficiary && (h("span", { key: 'd0fbb418f3acd32b334becbb39d798327e3fe570', class: "button", onClick: () => {
+            } }, this.selectedFilterCategory)), this.selectedFilterBeneficiary && (h("span", { key: '230add2861461df94bbf86eb6371cfcd5b2f3921', class: "button", onClick: () => {
                 this.removeFilter('beneficiaries');
-            } }, this.selectedFilterBeneficiary)), this.selectedFilterLocation && (h("span", { key: '0d80f1ba88a9f3431fc971fe300607d76051a7e6', class: "button", onClick: () => {
+            } }, this.selectedFilterBeneficiary)), this.selectedFilterLocation && (h("span", { key: '9e5afaef02c69c8aba878fd1df0e80693f79b03b', class: "button", onClick: () => {
                 this.removeFilter('locations');
-            } }, this.selectedFilterLocation))), h("div", { key: 'f3df8fa434e8ce934c68e51929040cc321194c0f', class: "clear-all" }, h("a", { key: 'e62ee36ed35f2b26305b3f8d404ea994230db08b', onClick: this.handleClearAll }, "Clear all"))), h("div", { key: '363d36521727deda89d834aa86ab41c484732872', class: "campaign-grid" }, h("slot", { key: '9103b7a8ef63e3a202b0e8bef5e55deb84073f73', name: "campaign-grid" })))));
+            } }, this.selectedFilterLocation))), h("div", { key: 'e9223d5d05c1a20eccb82abf963bac4cc88fbbe5', class: "clear-all" }, h("a", { key: 'b09d5af23d3dffa6e73f4bf019f5c4413389e6bc', onClick: this.handleClearAll }, "Clear all"))), h("div", { key: '58ac398dfb1df79bbdd27ec06c2e1e9b5d09e21f', class: "campaign-grid" }, h("slot", { key: 'c37dfb5a914398c02efe4945471d715dbb12f675', name: "campaign-grid" })))));
     }
     // I'm not sure if I understand the reasoning for own-methods-must-be-private. I made the method below public to unit
     // test it. Maybe the idea is that we should move anything with enough logic to test outside the component class? I
@@ -438,7 +438,7 @@ export class BiggiveCampaignCardFilterGrid {
                 "mutable": true,
                 "complexType": {
                     "original": "sortOptionLabel",
-                    "resolved": "\"Close to campaign target\" | \"Least raised\" | \"Match funds remaining\" | \"Most raised\" | \"Relevance\"",
+                    "resolved": "\"Least raised\" | \"Most funds remaining\" | \"Most raised\" | \"Nearest target\" | \"Relevance\"",
                     "references": {
                         "sortOptionLabel": {
                             "location": "local",

package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-campaign-card-filter-grid.js","sourceRoot":"","sources":["../../../src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Method, Prop, State } from '@stencil/core';\nimport { faMagnifyingGlass } from '@fortawesome/pro-solid-svg-icons';\n\nconst sortOptionLabels = {\n relevance: 'Relevance',\n amountRaised: 'Most raised',\n leastRaised: 'Least raised',\n closeToTarget: 'Close to campaign target',\n matchFundsRemaining: 'Match funds remaining',\n} as const;\n\nexport type sortOptionKey = keyof typeof sortOptionLabels;\nexport type sortOptionLabel = (typeof sortOptionLabels)[sortOptionKey];\n\n@Component({\n tag: 'biggive-campaign-card-filter-grid',\n styleUrl: 'biggive-campaign-card-filter-grid.scss',\n shadow: true,\n})\nexport class BiggiveCampaignCardFilterGrid {\n private sortByPlaceholderText = 'Sort by';\n private beneficiariesPlaceHolderText = 'Select beneficiary';\n private categoriesPlaceHolderText = 'Select category';\n private locationsPlaceHolderText = 'Select location';\n private initialSortByOption: sortOptionLabel;\n\n /*\n This and similar properties represent selections made in the popup but not yet applied.\n /\n private newSelectedFilterCategory: string \| null = null;\n private newSelectedFilterBeneficiary: string \| null = null;\n private newSelectedFilterLocation: string \| null = null;\n\n @Element() el: HTMLBiggiveCampaignCardFilterGridElement;\n\n /\n This event `doSearchAndFilterUpdate` event is emitted and propogates to the parent\n * component which handles it\n /\n @Event({\n eventName: 'doSearchAndFilterUpdate',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n doSearchAndFilterUpdate: EventEmitter<{\n searchText: string \| null;\n sortBy: string \| null;\n filterCategory: string \| null;\n filterBeneficiary: string \| null;\n filterLocation: string \| null;\n }>;\n\n /\n Typically on non-negligible scroll away from the search area.\n /\n @Method() async unfocusInputs() {\n this.unfocusTextInput();\n }\n\n /\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n\n /\n Intro\n /\n @Prop() intro: string = 'Find a charity or project';\n\n /\n Optional search text prop. Useful for pre-populating the search field\n * when the page is loaded with a search term already existing in the URL.\n * This can happen when sharing links, or if a donor goes to a campaign page\n * after searching, and then returns to the search results. In such a case,\n * the search box text will clear, unless we use this prop to populate it on\n * rendering. DON-652.\n /\n @Prop() searchText: string \| null = null;\n\n /\n Defines the text displayed as the placeholder in the input field\n * before the user types anything\n /\n @Prop() placeholderText: string = 'Search';\n\n /\n Defines the text on the search button\n /\n @Prop() buttonText: string = 'Search';\n\n /\n JSON array of category key/values, or takes a stringified equiavalent (for Storybook)\n /\n @Prop() categoryOptions: string \| Record<string, string> \| string[];\n\n /\n JSON array of beneficiary key/values, or takes a stringified equiavalent (for Storybook)\n /\n @Prop() beneficiaryOptions: string \| Record<string, string> \| string[];\n\n /\n JSON array of location key/values, or takes a stringified equiavalent (for Storybook)\n /\n @Prop() locationOptions: string \| Record<string, string> \| string[];\n\n /\n This helps us inject a pre-selected dropdown value from outside of this component.\n * This is especially helpful for the Meta campaign and Explore pages, where searching\n * by text wipes out previous sort options and re-uses Relevance, or where one of those\n * two pages is loaded directly with URL parameters - in such a scenario the dropdown\n * shows that it's pre-selected. DON-558.\n /\n @Prop({ mutable: true })\n selectedSortByOption: sortOptionLabel;\n\n /\n For injecting the chosen category to filter by, as per the comment above for `selectedSortByOption`.\n /\n @Prop({ mutable: true }) selectedFilterCategory: string \| null = null;\n\n /\n For injecting the chosen beneficiary to filter by, as per the comment above for `selectedSortByOption`.\n /\n @Prop({ mutable: true }) selectedFilterBeneficiary: string \| null = null;\n\n /\n For injecting the chosen location to filter by, as per the comment above for `selectedSortByOption`.\n /\n @Prop({ mutable: true }) selectedFilterLocation: string \| null = null;\n\n /\n State variable - causes re-render on change\n /\n @State() filtersApplied: boolean;\n\n private categoryFilterSelectionChanged = (value: string) => {\n this.newSelectedFilterCategory = value;\n };\n\n private beneficiarySelectionChanged = (value: string) => {\n this.newSelectedFilterBeneficiary = value;\n };\n\n private locationSelectionChanged = (value: string) => {\n this.newSelectedFilterLocation = value;\n };\n\n private sortBySelectionChanged = (value: sortOptionLabel) => {\n this.selectedSortByOption = value;\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n };\n\n private getSearchAndFilterObject() {\n return {\n searchText: this.searchText,\n sortBy: this.selectedSortByOption,\n filterCategory: this.selectedFilterCategory,\n filterBeneficiary: this.selectedFilterBeneficiary,\n filterLocation: this.selectedFilterLocation,\n };\n }\n\n private handleApplyFilterButtonClick = () => {\n this.selectedFilterCategory = this.newSelectedFilterCategory ?? this.selectedFilterCategory;\n this.selectedFilterBeneficiary = this.newSelectedFilterBeneficiary ?? this.selectedFilterBeneficiary;\n this.selectedFilterLocation = this.newSelectedFilterLocation ?? this.selectedFilterLocation;\n\n const searchAndFilterObj = this.getSearchAndFilterObject();\n this.doSearchAndFilterUpdate.emit(searchAndFilterObj);\n\n const filterPopup = this.el.shadowRoot?.getElementById('filter-popup') as HTMLBiggivePopupElement \| undefined;\n if (filterPopup) {\n filterPopup.closeFromOutside();\n }\n\n this.filtersApplied =\n typeof searchAndFilterObj.filterBeneficiary === 'string' \|\| typeof searchAndFilterObj.filterCategory === 'string' \|\| typeof searchAndFilterObj.filterLocation === 'string';\n };\n\n private removeFilter(filterKey: 'locations' \| 'categories' \| 'beneficiaries') {\n switch (filterKey) {\n case 'beneficiaries':\n this.selectedFilterBeneficiary = null;\n break;\n case 'categories':\n this.selectedFilterCategory = null;\n break;\n case 'locations':\n this.selectedFilterLocation = null;\n break;\n default:\n // This asks the compiler to check that we are in dead code, i.e. we covered all the possible filter keys\n // above. If we missed one we would get a compile error trying to assign a string to a never.\n const exhaustiveSwitch: never = filterKey;\n console.error(exhaustiveSwitch);\n }\n\n const selectEl = this.el.shadowRoot?.getElementById(filterKey) as HTMLBiggiveFormFieldSelectElement \| undefined;\n if (!selectEl) {\n return;\n }\n\n selectEl.selectedLabel = null;\n selectEl.selectedValue = null;\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n }\n\n private handleSearchButtonPressed = () => {\n this.unfocusTextInput();\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n\n if (this.hasSearchTerm()) {\n this.selectedSortByOption = 'Relevance';\n }\n };\n\n private handleSearchTextChanged = (event: any) => {\n this.searchText = event.target.value;\n };\n\n private handleEnterPressed = (ev: KeyboardEvent) => {\n if (ev.key === 'Enter') {\n this.unfocusTextInput();\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n }\n };\n\n private handleFilterButtonClick = () => {\n this.newSelectedFilterBeneficiary = this.selectedFilterBeneficiary;\n this.newSelectedFilterCategory = this.selectedFilterCategory;\n this.newSelectedFilterLocation = this.selectedFilterLocation;\n\n const filterPopup = this.el.shadowRoot?.getElementById('filter-popup') as HTMLBiggivePopupElement \| undefined;\n if (filterPopup) {\n filterPopup.openFromOutside();\n }\n };\n\n private handleClearAll = () => {\n this.unfocusTextInput();\n\n // Set the 'Filters' button back to the primary background colour\n this.filtersApplied = false;\n\n // Clear all\n this.searchText = null;\n this.selectedSortByOption = this.initialSortByOption;\n this.selectedFilterBeneficiary = null;\n this.selectedFilterCategory = null;\n this.selectedFilterLocation = null;\n\n // Clear <biggive-form-field-select> components' internal selectedValue and selectedLabel. DON-654.\n ['sort-by', 'categories', 'beneficiaries', 'locations', 'funding'].forEach(id => {\n const theEl = this.el.shadowRoot?.getElementById(id) as HTMLBiggiveFormFieldSelectElement \| undefined;\n if (!theEl) {\n return;\n }\n\n theEl.selectedValue = null;\n theEl.selectedLabel = null;\n });\n\n const selectedFilters = this.el.shadowRoot?.querySelector('.selected-filters');\n if (selectedFilters) {\n selectedFilters.querySelectorAll('.button').forEach(button => {\n button.remove();\n });\n }\n\n // Emit the doSearchAndFilterUpdate event with null values. DON-654\n this.doSearchAndFilterUpdate.emit({\n searchText: null,\n sortBy: null,\n filterCategory: null,\n filterBeneficiary: null,\n filterLocation: null,\n });\n };\n\n /\n We've seen desktop Safari jump to this input when it's focused at times when that's\n * unhelpful, so on a few occasions we proactively blur it.\n */\n private unfocusTextInput() {\n const input = this.el.shadowRoot?.querySelector('.input-text') as HTMLInputElement \| undefined;\n input?.blur();\n }\n\n componentWillRender() {\n this.filtersApplied = this.selectedFilterCategory !== null \|\| this.selectedFilterBeneficiary !== null \|\| this.selectedFilterLocation !== null;\n this.initialSortByOption = this.selectedSortByOption;\n }\n\n render() {\n const sortOptions = this.getSortOptions();\n\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n <div class=\"sleeve\">\n <div class=\"search-wrap\">\n <h4>{this.intro}</h4>\n <div class=\"field-wrap\">\n <div class=\"input-wrap\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon\" viewBox=\"0 0 512 512\">\n <path d={faMagnifyingGlass.icon[4].toString()} />\n </svg>\n <input\n type=\"text\"\n value={this.searchText ?? ''}\n class=\"input-text\"\n placeholder={this.placeholderText}\n onInput={this.handleSearchTextChanged}\n onKeyDown={this.handleEnterPressed}\n />\n </div>\n <biggive-button onClick={this.handleSearchButtonPressed} label={this.buttonText} />\n </div>\n </div>\n <div class=\"sort-filter-wrap\">\n <div class=\"filter-wrap\">\n <biggive-button class=\"filter\" colourScheme=\"primary\" onClick={this.handleFilterButtonClick} label=\"Filter\" fullWidth={true} space-below=\"0\"></biggive-button>\n <biggive-popup id=\"filter-popup\">\n <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Filters</h4>\n <div class=\"select-wrapper-1\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Category\"\n placeholder={this.categoriesPlaceHolderText}\n selectedLabel={this.selectedFilterCategory}\n selectedValue={this.selectedFilterCategory}\n options={this.optionsToArray(this.categoryOptions \|\| [])}\n selectionChanged={this.categoryFilterSelectionChanged}\n id=\"categories\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"select-wrapper-2\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Beneficiary\"\n placeholder={this.beneficiariesPlaceHolderText}\n selectedLabel={this.selectedFilterBeneficiary}\n selectedValue={this.selectedFilterBeneficiary}\n options={this.optionsToArray(this.beneficiaryOptions \|\| [])}\n selectionChanged={this.beneficiarySelectionChanged}\n id=\"beneficiaries\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"select-wrapper-3\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Location\"\n placeholder={this.locationsPlaceHolderText}\n selectedLabel={this.selectedFilterLocation}\n selectedValue={this.selectedFilterLocation}\n options={this.optionsToArray(this.locationOptions \|\| [])}\n selectionChanged={this.locationSelectionChanged}\n id=\"locations\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"align-right\">\n <biggive-button label=\"Apply filters\" onClick={this.handleApplyFilterButtonClick} />\n </div>\n </biggive-popup>\n </div>\n\n <div class=\"sort-wrap\">\n <biggive-form-field-select\n options={sortOptions}\n prompt={null}\n select-style=\"underlined\"\n placeholder={this.sortByPlaceholderText}\n selectedLabel={this.selectedSortByOption}\n selectedValue={this.getSelectedValue()}\n selectionChanged={this.sortBySelectionChanged}\n id=\"sort-by\"\n >\n <biggive-form-field-select-option value=\"amountRaised\" label=\"Most raised\"></biggive-form-field-select-option>\n <biggive-form-field-select-option value=\"leastRaised\" label=\"Least raised\"></biggive-form-field-select-option>\n <biggive-form-field-select-option value=\"matchFundsRemaining\" label=\"Match funds remaining\"></biggive-form-field-select-option>\n {(this.searchText \|\| '').length > 0 ? <biggive-form-field-select-option value=\"Relevance\" label=\"Relevance\"></biggive-form-field-select-option> : null}\n </biggive-form-field-select>\n </div>\n </div>\n <div class=\"selected-filter-wrap\">\n <div class=\"selected-filters\">\n {this.selectedFilterCategory && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('categories');\n }}\n >\n {this.selectedFilterCategory}\n </span>\n )}\n {this.selectedFilterBeneficiary && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('beneficiaries');\n }}\n >\n {this.selectedFilterBeneficiary}\n </span>\n )}\n {this.selectedFilterLocation && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('locations');\n }}\n >\n {this.selectedFilterLocation}\n </span>\n )}\n </div>\n <div class=\"clear-all\">\n <a onClick={this.handleClearAll}>Clear all</a>\n </div>\n </div>\n <div class=\"campaign-grid\">\n <slot name=\"campaign-grid\"></slot>\n </div>\n </div>\n </div>\n );\n }\n\n // I'm not sure if I understand the reasoning for own-methods-must-be-private. I made the method below public to unit\n // test it. Maybe the idea is that we should move anything with enough logic to test outside the component class? I\n // can do that if people think it's better.\n //\n // eslint-disable-next-line @stencil-community/own-methods-must-be-private\n public getSelectedValue(): undefined \| string {\n const sortByOption = this.selectedSortByOption;\n if (sortByOption === undefined) {\n return undefined;\n }\n const sortOptions = this.getSortOptions();\n const selected = sortOptions.filter(option => {\n return option.label.toLowerCase() === sortByOption.toLowerCase();\n })[0];\n\n return selected?.value;\n }\n\n private getSortOptions(): {\n label: sortOptionLabel;\n value: sortOptionKey;\n }[] {\n // @ts-ignore - see https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208\n const sortOptionKeys: sortOptionKey[] = Object.getOwnPropertyNames(sortOptionLabels);\n const relevantOptionKeys = sortOptionKeys.filter(key => key !== 'relevance' \|\| this.hasSearchTerm());\n\n return relevantOptionKeys.map((key: sortOptionKey) => ({ value: key, label: sortOptionLabels[key] }));\n }\n\n private hasSearchTerm() {\n return typeof this.searchText === 'string' && this.searchText.length > 0;\n }\n\n private optionsToArray(options: string \| Record<string, string> \| string[]): {\n label: string;\n value: string;\n }[] {\n if (typeof options === 'string') {\n options = JSON.parse(options);\n }\n if (Array.isArray(options)) {\n return options.map((option: string) => ({ value: option, label: option }));\n }\n\n return Object.entries(options).map(entry => ({ value: entry[0], label: entry[1] }));\n }\n}\n"]}
1	+ {"version":3,"file":"biggive-campaign-card-filter-grid.js","sourceRoot":"","sources":["../../../src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Method, Prop, State } from '@stencil/core';\nimport { faMagnifyingGlass } from '@fortawesome/pro-solid-svg-icons';\n\nconst sortOptionLabels = {\n relevance: 'Relevance',\n amountRaised: 'Most raised',\n leastRaised: 'Least raised',\n closeToTarget: 'Nearest target',\n matchFundsRemaining: 'Most funds remaining',\n} as const;\n\nexport type sortOptionKey = keyof typeof sortOptionLabels;\nexport type sortOptionLabel = (typeof sortOptionLabels)[sortOptionKey];\n\n@Component({\n tag: 'biggive-campaign-card-filter-grid',\n styleUrl: 'biggive-campaign-card-filter-grid.scss',\n shadow: true,\n})\nexport class BiggiveCampaignCardFilterGrid {\n private sortByPlaceholderText = 'Sort by';\n private beneficiariesPlaceHolderText = 'Select beneficiary';\n private categoriesPlaceHolderText = 'Select category';\n private locationsPlaceHolderText = 'Select location';\n private initialSortByOption: sortOptionLabel;\n\n /*\n This and similar properties represent selections made in the popup but not yet applied.\n /\n private newSelectedFilterCategory: string \| null = null;\n private newSelectedFilterBeneficiary: string \| null = null;\n private newSelectedFilterLocation: string \| null = null;\n\n @Element() el: HTMLBiggiveCampaignCardFilterGridElement;\n\n /\n This event `doSearchAndFilterUpdate` event is emitted and propogates to the parent\n * component which handles it\n /\n @Event({\n eventName: 'doSearchAndFilterUpdate',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n doSearchAndFilterUpdate: EventEmitter<{\n searchText: string \| null;\n sortBy: string \| null;\n filterCategory: string \| null;\n filterBeneficiary: string \| null;\n filterLocation: string \| null;\n }>;\n\n /\n Typically on non-negligible scroll away from the search area.\n /\n @Method() async unfocusInputs() {\n this.unfocusTextInput();\n }\n\n /\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n\n /\n Intro\n /\n @Prop() intro: string = 'Find a charity or project';\n\n /\n Optional search text prop. Useful for pre-populating the search field\n * when the page is loaded with a search term already existing in the URL.\n * This can happen when sharing links, or if a donor goes to a campaign page\n * after searching, and then returns to the search results. In such a case,\n * the search box text will clear, unless we use this prop to populate it on\n * rendering. DON-652.\n /\n @Prop() searchText: string \| null = null;\n\n /\n Defines the text displayed as the placeholder in the input field\n * before the user types anything\n /\n @Prop() placeholderText: string = 'Search';\n\n /\n Defines the text on the search button\n /\n @Prop() buttonText: string = 'Search';\n\n /\n JSON array of category key/values, or takes a stringified equiavalent (for Storybook)\n /\n @Prop() categoryOptions: string \| Record<string, string> \| string[];\n\n /\n JSON array of beneficiary key/values, or takes a stringified equiavalent (for Storybook)\n /\n @Prop() beneficiaryOptions: string \| Record<string, string> \| string[];\n\n /\n JSON array of location key/values, or takes a stringified equiavalent (for Storybook)\n /\n @Prop() locationOptions: string \| Record<string, string> \| string[];\n\n /\n This helps us inject a pre-selected dropdown value from outside of this component.\n * This is especially helpful for the Meta campaign and Explore pages, where searching\n * by text wipes out previous sort options and re-uses Relevance, or where one of those\n * two pages is loaded directly with URL parameters - in such a scenario the dropdown\n * shows that it's pre-selected. DON-558.\n /\n @Prop({ mutable: true })\n selectedSortByOption: sortOptionLabel;\n\n /\n For injecting the chosen category to filter by, as per the comment above for `selectedSortByOption`.\n /\n @Prop({ mutable: true }) selectedFilterCategory: string \| null = null;\n\n /\n For injecting the chosen beneficiary to filter by, as per the comment above for `selectedSortByOption`.\n /\n @Prop({ mutable: true }) selectedFilterBeneficiary: string \| null = null;\n\n /\n For injecting the chosen location to filter by, as per the comment above for `selectedSortByOption`.\n /\n @Prop({ mutable: true }) selectedFilterLocation: string \| null = null;\n\n /\n State variable - causes re-render on change\n /\n @State() filtersApplied: boolean;\n\n private categoryFilterSelectionChanged = (value: string) => {\n this.newSelectedFilterCategory = value;\n };\n\n private beneficiarySelectionChanged = (value: string) => {\n this.newSelectedFilterBeneficiary = value;\n };\n\n private locationSelectionChanged = (value: string) => {\n this.newSelectedFilterLocation = value;\n };\n\n private sortBySelectionChanged = (value: sortOptionLabel) => {\n this.selectedSortByOption = value;\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n };\n\n private getSearchAndFilterObject() {\n return {\n searchText: this.searchText,\n sortBy: this.selectedSortByOption,\n filterCategory: this.selectedFilterCategory,\n filterBeneficiary: this.selectedFilterBeneficiary,\n filterLocation: this.selectedFilterLocation,\n };\n }\n\n private handleApplyFilterButtonClick = () => {\n this.selectedFilterCategory = this.newSelectedFilterCategory ?? this.selectedFilterCategory;\n this.selectedFilterBeneficiary = this.newSelectedFilterBeneficiary ?? this.selectedFilterBeneficiary;\n this.selectedFilterLocation = this.newSelectedFilterLocation ?? this.selectedFilterLocation;\n\n const searchAndFilterObj = this.getSearchAndFilterObject();\n this.doSearchAndFilterUpdate.emit(searchAndFilterObj);\n\n const filterPopup = this.el.shadowRoot?.getElementById('filter-popup') as HTMLBiggivePopupElement \| undefined;\n if (filterPopup) {\n filterPopup.closeFromOutside();\n }\n\n this.filtersApplied =\n typeof searchAndFilterObj.filterBeneficiary === 'string' \|\| typeof searchAndFilterObj.filterCategory === 'string' \|\| typeof searchAndFilterObj.filterLocation === 'string';\n };\n\n private removeFilter(filterKey: 'locations' \| 'categories' \| 'beneficiaries') {\n switch (filterKey) {\n case 'beneficiaries':\n this.selectedFilterBeneficiary = null;\n break;\n case 'categories':\n this.selectedFilterCategory = null;\n break;\n case 'locations':\n this.selectedFilterLocation = null;\n break;\n default:\n // This asks the compiler to check that we are in dead code, i.e. we covered all the possible filter keys\n // above. If we missed one we would get a compile error trying to assign a string to a never.\n const exhaustiveSwitch: never = filterKey;\n console.error(exhaustiveSwitch);\n }\n\n const selectEl = this.el.shadowRoot?.getElementById(filterKey) as HTMLBiggiveFormFieldSelectElement \| undefined;\n if (!selectEl) {\n return;\n }\n\n selectEl.selectedLabel = null;\n selectEl.selectedValue = null;\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n }\n\n private handleSearchButtonPressed = () => {\n this.unfocusTextInput();\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n\n if (this.hasSearchTerm()) {\n this.selectedSortByOption = 'Relevance';\n }\n };\n\n private handleSearchTextChanged = (event: any) => {\n this.searchText = event.target.value;\n };\n\n private handleEnterPressed = (ev: KeyboardEvent) => {\n if (ev.key === 'Enter') {\n this.unfocusTextInput();\n this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n }\n };\n\n private handleFilterButtonClick = () => {\n this.newSelectedFilterBeneficiary = this.selectedFilterBeneficiary;\n this.newSelectedFilterCategory = this.selectedFilterCategory;\n this.newSelectedFilterLocation = this.selectedFilterLocation;\n\n const filterPopup = this.el.shadowRoot?.getElementById('filter-popup') as HTMLBiggivePopupElement \| undefined;\n if (filterPopup) {\n filterPopup.openFromOutside();\n }\n };\n\n private handleClearAll = () => {\n this.unfocusTextInput();\n\n // Set the 'Filters' button back to the primary background colour\n this.filtersApplied = false;\n\n // Clear all\n this.searchText = null;\n this.selectedSortByOption = this.initialSortByOption;\n this.selectedFilterBeneficiary = null;\n this.selectedFilterCategory = null;\n this.selectedFilterLocation = null;\n\n // Clear <biggive-form-field-select> components' internal selectedValue and selectedLabel. DON-654.\n ['sort-by', 'categories', 'beneficiaries', 'locations', 'funding'].forEach(id => {\n const theEl = this.el.shadowRoot?.getElementById(id) as HTMLBiggiveFormFieldSelectElement \| undefined;\n if (!theEl) {\n return;\n }\n\n theEl.selectedValue = null;\n theEl.selectedLabel = null;\n });\n\n const selectedFilters = this.el.shadowRoot?.querySelector('.selected-filters');\n if (selectedFilters) {\n selectedFilters.querySelectorAll('.button').forEach(button => {\n button.remove();\n });\n }\n\n // Emit the doSearchAndFilterUpdate event with null values. DON-654\n this.doSearchAndFilterUpdate.emit({\n searchText: null,\n sortBy: null,\n filterCategory: null,\n filterBeneficiary: null,\n filterLocation: null,\n });\n };\n\n /\n We've seen desktop Safari jump to this input when it's focused at times when that's\n * unhelpful, so on a few occasions we proactively blur it.\n */\n private unfocusTextInput() {\n const input = this.el.shadowRoot?.querySelector('.input-text') as HTMLInputElement \| undefined;\n input?.blur();\n }\n\n componentWillRender() {\n this.filtersApplied = this.selectedFilterCategory !== null \|\| this.selectedFilterBeneficiary !== null \|\| this.selectedFilterLocation !== null;\n this.initialSortByOption = this.selectedSortByOption;\n }\n\n render() {\n const sortOptions = this.getSortOptions();\n\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n <div class=\"sleeve\">\n <div class=\"search-wrap\">\n <h4>{this.intro}</h4>\n <div class=\"field-wrap\">\n <div class=\"input-wrap\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon\" viewBox=\"0 0 512 512\">\n <path d={faMagnifyingGlass.icon[4].toString()} />\n </svg>\n <input\n type=\"text\"\n value={this.searchText ?? ''}\n class=\"input-text\"\n placeholder={this.placeholderText}\n onInput={this.handleSearchTextChanged}\n onKeyDown={this.handleEnterPressed}\n />\n </div>\n <biggive-button onClick={this.handleSearchButtonPressed} label={this.buttonText} />\n </div>\n </div>\n <div class=\"sort-filter-wrap\">\n <div class=\"filter-wrap\">\n <biggive-button class=\"filter\" colourScheme=\"primary\" onClick={this.handleFilterButtonClick} label=\"Filter\" fullWidth={true} space-below=\"0\"></biggive-button>\n <biggive-popup id=\"filter-popup\">\n <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Filters</h4>\n <div class=\"select-wrapper-1\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Category\"\n placeholder={this.categoriesPlaceHolderText}\n selectedLabel={this.selectedFilterCategory}\n selectedValue={this.selectedFilterCategory}\n options={this.optionsToArray(this.categoryOptions \|\| [])}\n selectionChanged={this.categoryFilterSelectionChanged}\n id=\"categories\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"select-wrapper-2\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Beneficiary\"\n placeholder={this.beneficiariesPlaceHolderText}\n selectedLabel={this.selectedFilterBeneficiary}\n selectedValue={this.selectedFilterBeneficiary}\n options={this.optionsToArray(this.beneficiaryOptions \|\| [])}\n selectionChanged={this.beneficiarySelectionChanged}\n id=\"beneficiaries\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"select-wrapper-3\">\n <biggive-form-field-select\n backgroundColour=\"white\"\n prompt=\"Location\"\n placeholder={this.locationsPlaceHolderText}\n selectedLabel={this.selectedFilterLocation}\n selectedValue={this.selectedFilterLocation}\n options={this.optionsToArray(this.locationOptions \|\| [])}\n selectionChanged={this.locationSelectionChanged}\n id=\"locations\"\n space-below=\"2\"\n ></biggive-form-field-select>\n </div>\n\n <div class=\"align-right\">\n <biggive-button label=\"Apply filters\" onClick={this.handleApplyFilterButtonClick} />\n </div>\n </biggive-popup>\n </div>\n\n <div class=\"sort-wrap\">\n <biggive-form-field-select\n options={sortOptions}\n prompt={null}\n select-style=\"underlined\"\n placeholder={this.sortByPlaceholderText}\n selectedLabel={this.selectedSortByOption}\n selectedValue={this.getSelectedValue()}\n selectionChanged={this.sortBySelectionChanged}\n id=\"sort-by\"\n >\n <biggive-form-field-select-option value=\"amountRaised\" label=\"Most raised\"></biggive-form-field-select-option>\n <biggive-form-field-select-option value=\"leastRaised\" label=\"Least raised\"></biggive-form-field-select-option>\n <biggive-form-field-select-option value=\"matchFundsRemaining\" label=\"Most funds remaining\"></biggive-form-field-select-option>\n <biggive-form-field-select-option value=\"closeToTarget\" label=\"Nearest target\"></biggive-form-field-select-option>\n {(this.searchText \|\| '').length > 0 ? <biggive-form-field-select-option value=\"Relevance\" label=\"Relevance\"></biggive-form-field-select-option> : null}\n </biggive-form-field-select>\n </div>\n </div>\n <div class=\"selected-filter-wrap\">\n <div class=\"selected-filters\">\n {this.selectedFilterCategory && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('categories');\n }}\n >\n {this.selectedFilterCategory}\n </span>\n )}\n {this.selectedFilterBeneficiary && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('beneficiaries');\n }}\n >\n {this.selectedFilterBeneficiary}\n </span>\n )}\n {this.selectedFilterLocation && (\n <span\n class=\"button\"\n onClick={() => {\n this.removeFilter('locations');\n }}\n >\n {this.selectedFilterLocation}\n </span>\n )}\n </div>\n <div class=\"clear-all\">\n <a onClick={this.handleClearAll}>Clear all</a>\n </div>\n </div>\n <div class=\"campaign-grid\">\n <slot name=\"campaign-grid\"></slot>\n </div>\n </div>\n </div>\n );\n }\n\n // I'm not sure if I understand the reasoning for own-methods-must-be-private. I made the method below public to unit\n // test it. Maybe the idea is that we should move anything with enough logic to test outside the component class? I\n // can do that if people think it's better.\n //\n // eslint-disable-next-line @stencil-community/own-methods-must-be-private\n public getSelectedValue(): undefined \| string {\n const sortByOption = this.selectedSortByOption;\n if (sortByOption === undefined) {\n return undefined;\n }\n const sortOptions = this.getSortOptions();\n const selected = sortOptions.filter(option => {\n return option.label.toLowerCase() === sortByOption.toLowerCase();\n })[0];\n\n return selected?.value;\n }\n\n private getSortOptions(): {\n label: sortOptionLabel;\n value: sortOptionKey;\n }[] {\n // @ts-ignore - see https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208\n const sortOptionKeys: sortOptionKey[] = Object.getOwnPropertyNames(sortOptionLabels);\n const relevantOptionKeys = sortOptionKeys.filter(key => key !== 'relevance' \|\| this.hasSearchTerm());\n\n return relevantOptionKeys.map((key: sortOptionKey) => ({ value: key, label: sortOptionLabels[key] }));\n }\n\n private hasSearchTerm() {\n return typeof this.searchText === 'string' && this.searchText.length > 0;\n }\n\n private optionsToArray(options: string \| Record<string, string> \| string[]): {\n label: string;\n value: string;\n }[] {\n if (typeof options === 'string') {\n options = JSON.parse(options);\n }\n if (Array.isArray(options)) {\n return options.map((option: string) => ({ value: option, label: option }));\n }\n\n return Object.entries(options).map(entry => ({ value: entry[0], label: entry[1] }));\n }\n}\n"]}

package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.stories.js CHANGED Viewed

@@ -15,7 +15,7 @@ export default {
         },
         selectedSortByOption: {
             name: 'Selected Sort By Option',
-            options: ['Match funds remaining', 'Most raised', 'Least Raised', 'Relevance'],
+            options: ['Most funds remaining', 'Nearest target', 'Most raised', 'Least Raised', 'Relevance'],
             control: {
                 type: 'select',
             },

package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-campaign-card-filter-grid.stories.js","sourceRoot":"","sources":["../../../src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,8BAA8B;IACrC,QAAQ,EAAE;QACR,eAAe,EAAE;YACf,IAAI,EAAE,kBAAkB;SACzB;QACD,kBAAkB,EAAE;YAClB,IAAI,EAAE,qBAAqB;SAC5B;QACD,eAAe,EAAE;YACf,IAAI,EAAE,kBAAkB;SACzB;QACD,UAAU,EAAE;YACV,IAAI,EAAE,aAAa;SACpB;QACD,oBAAoB,EAAE;YACpB,IAAI,EAAE,yBAAyB;YAC/B,OAAO,EAAE,CAAC,~~uBAAuB~~,EAAE,aAAa,EAAE,cAAc,EAAE,WAAW,CAAC;~~YAC9E~~,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;QACD,sBAAsB,EAAE;YACtB,IAAI,EAAE,0BAA0B;YAChC,OAAO,EAAE,CAAC,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,CAAC;YAChD,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;QACD,yBAAyB,EAAE;YACzB,IAAI,EAAE,6BAA6B;YACnC,OAAO,EAAE,CAAC,gBAAgB,EAAE,SAAS,EAAE,UAAU,CAAC;YAClD,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;QACD,sBAAsB,EAAE;YACtB,IAAI,EAAE,0BAA0B;YAChC,OAAO,EAAE,CAAC,gBAAgB,EAAE,OAAO,EAAE,QAAQ,CAAC;YAC9C,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC;;4BAEJ,IAAI,CAAC,eAAe;+BACjB,IAAI,CAAC,kBAAkB;4BAC1B,IAAI,CAAC,eAAe;uBACzB,IAAI,CAAC,UAAU;2BACX,IAAI,CAAC,cAAc;UACpC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,0BAA0B,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE;UACvF,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,2BAA2B,GAAG,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE;UAC5F,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,8BAA8B,GAAG,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE;UACrG,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,2BAA2B,GAAG,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAwC/F,CAAC;AAER,MAAM,CAAC,MAAM,+BAA+B,GAAG;IAC7C,MAAM,EAAE,QAAQ;IAEhB,IAAI,EAAE;QACJ,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,4BAA4B,EAAE,0BAA0B,CAAC,CAAC;QAC3F,kBAAkB,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAClD,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC/C,UAAU,EAAE,EAAE;QACd,oBAAoB,EAAE,IAAI;QAC1B,sBAAsB,EAAE,IAAI;QAC5B,yBAAyB,EAAE,IAAI;QAC/B,sBAAsB,EAAE,IAAI;KAC7B;CACF,CAAC","sourcesContent":["export default {\n title: 'Components/Campaign Features',\n argTypes: {\n categoryOptions: {\n name: 'Category Options',\n },\n beneficiaryOptions: {\n name: 'Beneficiary Options',\n },\n locationOptions: {\n name: 'Location Options',\n },\n searchText: {\n name: 'Search Text',\n },\n selectedSortByOption: {\n name: 'Selected Sort By Option',\n options: ['~~Match~~ funds remaining', 'Most raised', 'Least Raised', 'Relevance'],\n control: {\n type: 'select',\n },\n },\n selectedFilterCategory: {\n name: 'Selected Filter Category',\n options: ['Health', 'Disaster Relief', 'Cancer'],\n control: {\n type: 'select',\n },\n },\n selectedFilterBeneficiary: {\n name: 'Selected Filter Beneficiary',\n options: ['General Public', 'Animals', 'Veterans'],\n control: {\n type: 'select',\n },\n },\n selectedFilterLocation: {\n name: 'Selected Filter Location',\n options: ['United Kingdom', 'Spain', 'France'],\n control: {\n type: 'select',\n },\n },\n },\n};\n\nconst Template = (args: any) => `\n <biggive-campaign-card-filter-grid\n category-options='${args.categoryOptions}'\n beneficiary-options='${args.beneficiaryOptions}'\n location-options='${args.locationOptions}'\n search-text=\"${args.searchText}\"\n filters-applied=\"${args.filtersApplied}\",\n ${args.selectedSortByOption ? 'selected-sort-by-option=' + args.selectedSortByOption : ''}\n ${args.selectedFilterCategory ? 'selected-filter-category=' + args.selectedFilterCategory : ''}\n ${args.selectedFilterBeneficiary ? 'selected-filter-beneficiary=' + args.selectedFilterBeneficiary : ''}\n ${args.selectedFilterLocation ? 'selected-filter-location=' + args.selectedFilterLocation : ''}\n >\n <biggive-grid slot=\"campaign-grid\" column-count=\"3\">\n <biggive-campaign-card\n campaign-type=\"Match Funded\"\n campaign-title=\"Oxford Piano Festival Fundraising Campaign for LGBTQ+ community\"\n organisation-name=\"Oxford Philharmonic Orchestra\"\n currency-code=\"GBP\"\n primary-figure-label=\"Total Raised\"\n primary-figure-amount=\"76543\"\n secondary-figure-label=\"Total Raised\"\n secondary-figure-amount=\"76543\"\n progress-bar-counter=\"75\">\n </biggive-campaign-card>\n <biggive-campaign-card\n data-filter-categories=\"["Healthcare"]\"\n data-filter-beneficiaries=\"["Children"]\"\n campaign-type=\"Match Funded\"\n campaign-title=\"Oxford Piano Festival Fundraising Campaign for LGBTQ+ community\"\n organisation-name=\"Oxford Philharmonic Orchestra\"\n currency-code=\"GBP\"\n primary-figure-label=\"Total Raised\"\n primary-figure-amount=\"76543\"\n secondary-figure-label=\"Total Raised\"\n secondary-figure-amount=\"76543\">\n </biggive-campaign-card>\n <biggive-campaign-card\n data-filter-categories=\"["Healthcare"]\"\n data-filter-beneficiaries=\"["Children"]\"\n campaign-type=\"Match Funded\"\n campaign-title=\"Oxford Piano Festival Fundraising Campaign for LGBTQ+ community\"\n organisation-name=\"Oxford Philharmonic Orchestra\"\n currency-code=\"GBP\"\n primary-figure-label=\"Total Raised\"\n primary-figure-amount=\"76543\"\n secondary-figure-label=\"Total Raised\"\n secondary-figure-amount=\"76543\">\n </biggive-campaign-card>\n </biggive-grid>\n </biggive-campaign-card-filter-grid>\n `;\n\nexport const CampaignCardFilterGridComponent = {\n render: Template,\n\n args: {\n categoryOptions: JSON.stringify(['ABC a longer category test', 'DEF something additional']),\n beneficiaryOptions: JSON.stringify(['ABC', 'DEF']),\n locationOptions: JSON.stringify(['ABC', 'DEF']),\n searchText: '',\n selectedSortByOption: null,\n selectedFilterCategory: null,\n selectedFilterBeneficiary: null,\n selectedFilterLocation: null,\n },\n};\n"]}
1	+ {"version":3,"file":"biggive-campaign-card-filter-grid.stories.js","sourceRoot":"","sources":["../../../src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.stories.tsx"],"names":[],"mappings":"AAAA,eAAe;IACb,KAAK,EAAE,8BAA8B;IACrC,QAAQ,EAAE;QACR,eAAe,EAAE;YACf,IAAI,EAAE,kBAAkB;SACzB;QACD,kBAAkB,EAAE;YAClB,IAAI,EAAE,qBAAqB;SAC5B;QACD,eAAe,EAAE;YACf,IAAI,EAAE,kBAAkB;SACzB;QACD,UAAU,EAAE;YACV,IAAI,EAAE,aAAa;SACpB;QACD,oBAAoB,EAAE;YACpB,IAAI,EAAE,yBAAyB;YAC/B,OAAO,EAAE,CAAC,sBAAsB,EAAE,gBAAgB,EAAE,aAAa,EAAE,cAAc,EAAE,WAAW,CAAC;YAC/F,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;QACD,sBAAsB,EAAE;YACtB,IAAI,EAAE,0BAA0B;YAChC,OAAO,EAAE,CAAC,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,CAAC;YAChD,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;QACD,yBAAyB,EAAE;YACzB,IAAI,EAAE,6BAA6B;YACnC,OAAO,EAAE,CAAC,gBAAgB,EAAE,SAAS,EAAE,UAAU,CAAC;YAClD,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;QACD,sBAAsB,EAAE;YACtB,IAAI,EAAE,0BAA0B;YAChC,OAAO,EAAE,CAAC,gBAAgB,EAAE,OAAO,EAAE,QAAQ,CAAC;YAC9C,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC;;4BAEJ,IAAI,CAAC,eAAe;+BACjB,IAAI,CAAC,kBAAkB;4BAC1B,IAAI,CAAC,eAAe;uBACzB,IAAI,CAAC,UAAU;2BACX,IAAI,CAAC,cAAc;UACpC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,0BAA0B,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE;UACvF,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,2BAA2B,GAAG,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE;UAC5F,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,8BAA8B,GAAG,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE;UACrG,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,2BAA2B,GAAG,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAwC/F,CAAC;AAER,MAAM,CAAC,MAAM,+BAA+B,GAAG;IAC7C,MAAM,EAAE,QAAQ;IAEhB,IAAI,EAAE;QACJ,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,4BAA4B,EAAE,0BAA0B,CAAC,CAAC;QAC3F,kBAAkB,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAClD,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC/C,UAAU,EAAE,EAAE;QACd,oBAAoB,EAAE,IAAI;QAC1B,sBAAsB,EAAE,IAAI;QAC5B,yBAAyB,EAAE,IAAI;QAC/B,sBAAsB,EAAE,IAAI;KAC7B;CACF,CAAC","sourcesContent":["export default {\n title: 'Components/Campaign Features',\n argTypes: {\n categoryOptions: {\n name: 'Category Options',\n },\n beneficiaryOptions: {\n name: 'Beneficiary Options',\n },\n locationOptions: {\n name: 'Location Options',\n },\n searchText: {\n name: 'Search Text',\n },\n selectedSortByOption: {\n name: 'Selected Sort By Option',\n options: ['Most funds remaining', 'Nearest target', 'Most raised', 'Least Raised', 'Relevance'],\n control: {\n type: 'select',\n },\n },\n selectedFilterCategory: {\n name: 'Selected Filter Category',\n options: ['Health', 'Disaster Relief', 'Cancer'],\n control: {\n type: 'select',\n },\n },\n selectedFilterBeneficiary: {\n name: 'Selected Filter Beneficiary',\n options: ['General Public', 'Animals', 'Veterans'],\n control: {\n type: 'select',\n },\n },\n selectedFilterLocation: {\n name: 'Selected Filter Location',\n options: ['United Kingdom', 'Spain', 'France'],\n control: {\n type: 'select',\n },\n },\n },\n};\n\nconst Template = (args: any) => `\n <biggive-campaign-card-filter-grid\n category-options='${args.categoryOptions}'\n beneficiary-options='${args.beneficiaryOptions}'\n location-options='${args.locationOptions}'\n search-text=\"${args.searchText}\"\n filters-applied=\"${args.filtersApplied}\",\n ${args.selectedSortByOption ? 'selected-sort-by-option=' + args.selectedSortByOption : ''}\n ${args.selectedFilterCategory ? 'selected-filter-category=' + args.selectedFilterCategory : ''}\n ${args.selectedFilterBeneficiary ? 'selected-filter-beneficiary=' + args.selectedFilterBeneficiary : ''}\n ${args.selectedFilterLocation ? 'selected-filter-location=' + args.selectedFilterLocation : ''}\n >\n <biggive-grid slot=\"campaign-grid\" column-count=\"3\">\n <biggive-campaign-card\n campaign-type=\"Match Funded\"\n campaign-title=\"Oxford Piano Festival Fundraising Campaign for LGBTQ+ community\"\n organisation-name=\"Oxford Philharmonic Orchestra\"\n currency-code=\"GBP\"\n primary-figure-label=\"Total Raised\"\n primary-figure-amount=\"76543\"\n secondary-figure-label=\"Total Raised\"\n secondary-figure-amount=\"76543\"\n progress-bar-counter=\"75\">\n </biggive-campaign-card>\n <biggive-campaign-card\n data-filter-categories=\"["Healthcare"]\"\n data-filter-beneficiaries=\"["Children"]\"\n campaign-type=\"Match Funded\"\n campaign-title=\"Oxford Piano Festival Fundraising Campaign for LGBTQ+ community\"\n organisation-name=\"Oxford Philharmonic Orchestra\"\n currency-code=\"GBP\"\n primary-figure-label=\"Total Raised\"\n primary-figure-amount=\"76543\"\n secondary-figure-label=\"Total Raised\"\n secondary-figure-amount=\"76543\">\n </biggive-campaign-card>\n <biggive-campaign-card\n data-filter-categories=\"["Healthcare"]\"\n data-filter-beneficiaries=\"["Children"]\"\n campaign-type=\"Match Funded\"\n campaign-title=\"Oxford Piano Festival Fundraising Campaign for LGBTQ+ community\"\n organisation-name=\"Oxford Philharmonic Orchestra\"\n currency-code=\"GBP\"\n primary-figure-label=\"Total Raised\"\n primary-figure-amount=\"76543\"\n secondary-figure-label=\"Total Raised\"\n secondary-figure-amount=\"76543\">\n </biggive-campaign-card>\n </biggive-grid>\n </biggive-campaign-card-filter-grid>\n `;\n\nexport const CampaignCardFilterGridComponent = {\n render: Template,\n\n args: {\n categoryOptions: JSON.stringify(['ABC a longer category test', 'DEF something additional']),\n beneficiaryOptions: JSON.stringify(['ABC', 'DEF']),\n locationOptions: JSON.stringify(['ABC', 'DEF']),\n searchText: '',\n selectedSortByOption: null,\n selectedFilterCategory: null,\n selectedFilterBeneficiary: null,\n selectedFilterLocation: null,\n },\n};\n"]}

package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class BiggiveCampaignHighlights {
         this.progressBarCounter = 100;
     }
     render() {
-        return (h("div", { key: '94716e3bb1b32f3f7c8ca5c6985cc10c59f5b0b9', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'f5fae3fcab005fb3a0b665242498e91054feada1', class: "sleeve" }, this.campaignTitle != null ? (h("div", { class: "campaign-title" }, h("span", null, this.campaignTitle))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : null, h("div", { key: 'bf77dcee2cd5df4a9de77dae1ae9f447459ccec5', class: "meta-wrap" }, h("div", { key: '72ee11ff5044bb9393d600c65654c4ed9647244e', class: "meta-item" }, h("span", { key: 'd1f2a62a9b409a7e3cf30f7dc8b52c08265bebaa', class: "label" }, this.primaryFigureLabel), h("span", { key: '2e20d89303de44b7e7cc64a988d52927bd6e41e9', class: "text" }, this.primaryFigureAmount)), h("div", { key: '63fcbf5e51f19b02ebfc83bd805170878695e5c3', class: "meta-item" }, h("span", { key: '33b88479d2062e50be013d22ea41a6cc0557a7c3', class: "label" }, this.secondaryFigureLabel), h("span", { key: '342104794d37f5701be5ebd296ac3961412c70bf', class: "text" }, this.secondaryFigureAmount))), h("div", { key: '425e14b3d667b098f243b14860248e9dfdf58914', class: "progress-bar-wrap" }, h("biggive-progress-bar", { key: '0d2bf1cce871c080b8debd361624a574dbe979f5', counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { key: '0f8c7207057907ffc439c3d12adf3b90be5bdfab', class: "stat-wrap" }, this.primaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.secondaryStatText))) : null), this.championName != null ? (h("div", { class: "championed-by" }, "Championed by ", h("a", { href: this.championUrl }, this.championName))) : null)));
+        return (h("div", { key: '362ad8892513eb10f33a79972684632eba738ccb', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '6f495baabbacb8084f2a11edec2de0b351621640', class: "sleeve" }, this.campaignTitle != null ? (h("div", { class: "campaign-title" }, h("span", null, this.campaignTitle))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : null, h("div", { key: '5181cb480b170b19fda95d2e942fd77a8cc11ad0', class: "meta-wrap" }, h("div", { key: '2096b97a7a03eb08016b35284f21b364063526f0', class: "meta-item" }, h("span", { key: '52e981025d4e2b2c923b2ac125a8dc3b212392b6', class: "label" }, this.primaryFigureLabel), h("span", { key: '0854b3ccdc152e75181208f4d54740af170de311', class: "text" }, this.primaryFigureAmount)), h("div", { key: '38edddbd55053eaae1180ed368e1c059575966df', class: "meta-item" }, h("span", { key: 'b3f80a9de35c8c904a6b3c0cb5e5df65ff43fc51', class: "label" }, this.secondaryFigureLabel), h("span", { key: '34ef2f28ebc265717c7c132878d7f7f6055dfaf9', class: "text" }, this.secondaryFigureAmount))), h("div", { key: 'a569504c40ba659b795bfc3127054f0d2f15a69d', class: "progress-bar-wrap" }, h("biggive-progress-bar", { key: '47b7ca0574a9a39205a5b28c3ddeba6cadcb3413', counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { key: 'd14f0075df020312b3460465204c0cb03af3a38c', class: "stat-wrap" }, this.primaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.secondaryStatText))) : null), this.championName != null ? (h("div", { class: "championed-by" }, "Championed by ", h("a", { href: this.championUrl }, this.championName))) : null)));
     }
     static get is() { return "biggive-campaign-highlights"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-container-card/biggive-container-card.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class BiggiveContainerCard {
         this.headingLevel = 3;
     }
     render() {
-        return (h("div", { key: 'f5885e75cb1ca80906804d7763c76e9c34b1fa60', class: 'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { key: '42070d8b1e1c61826969d9c21e75a3959ea81138', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("slot", { key: '43029a255440a863fbf187bc0f42c34f8bec891d' }))));
+        return (h("div", { key: '47ee6dfc2909a88bb6f5541ebb000895bae8c7be', class: 'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { key: '40f1e496b071ef095ae70235365b4ea02e2996d2', class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, h("slot", { key: 'd2ab445448fbdde1c3b265e342ab2ac7b9bca914' }))));
     }
     static get is() { return "biggive-container-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.js CHANGED Viewed

@@ -59,7 +59,7 @@ export class BiggiveCookieBanner {
         // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as
         // declined.
         const cookiesCurrentlyAllowed = this.previouslyAgreedCookiePreferences || {};
-        return (h("div", { key: 'aa0e63fb72771de7a002376bc3adaacb91a7e9bc', class: "cooke-consent-container" }, h("biggive-popup", { key: '1f0f91bf329917927207cb238a65b6ee0145da9b', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: '4cf5f24351bd2b53417f618d36690ca79fca926a', class: "content" }, h("h4", { key: '43c3c45245b2e3c7604b3b9e5dbe8f5699ab234e', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: 'a44dcafddd72bc698f0ec1faad09e664215901b0' }, h("div", { key: '048b6cd6a7748efe736e95fa7a2136a0261712b1', class: "radio-group" }, h("h5", { key: 'b1acb7f3783d8e41d63c26fa5d15982b976e1c7b' }, "Essential Cookies"), h("p", { key: '0426c693722a47087e8783de6bc0f127f4e5a047' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: '55165df7f8932e23b1b47c60c1405ee7c900afa6', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: 'fe9eb6d7568634fecde6aa88e20f629b4e4c8ff5', htmlFor: "necassary-on" }, "Off"), h("input", { key: 'b6548d91fd5f3a07e1ea19d241121751bf296446', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: '994952dfde5fee42514f4557ede70ddffffc68db', htmlFor: "necassary-on" }, "On")), h("div", { key: '63f260e700e120b000810c36d62eef981707d138', class: "radio-group" }, h("h5", { key: '367f2834cc217e633152bef81676e4e23225b128' }, "Analytics & Testing Cookies"), h("p", { key: 'c1205b17b2067468c2a7d114df3f82122dc1c87e' }, "We use analytics cookies to track activity on our website. For example, the pages you\u2019ve visited, the content you\u2019ve engaged with and the search terms you\u2019ve used. This allows us to personalise and improve our content."), h("p", { key: '8f312025d8701dff8e8f2de5346923dbe526f635' }, "We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance your user experience."), h("input", { key: '6241e5dbee379ca311818a64559e3d732abf02c1', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '7b59b21abbed82065d6436361387ee975229c405', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: '44d1a9da3fe2df2b6822c5350d9834a7bbd80746', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '60529430b02fb52c1c6dac5d3af26e6739d7060b', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '9b42b971bcef4b447215fe6fd28a79eb82b05321', class: "radio-group" }, h("h5", { key: 'e3230a2b544b9502a3b39c6df70af85c3075ac6b' }, "Third-party Cookies "), h("p", { key: 'fea58d0e37a1e37ebf8c09b5137448fe47d37d37' }, "These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our donation experience survey."), h("input", { key: 'a3c084362eb466a14d85fa2ddfbe9f1e665048b1', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: 'a0c1e3f633e1a08fe324ee7a2f9947e5f8c1acac', htmlFor: "third-party-off" }, "Off"), h("input", { key: '3c6c88a5597889a4a2c670d81f1bbd10519a7080', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '1f49c6ff66ce1c7fcdbdbff75e176b24173b6321', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: 'beaae212b503c7f655b6408d318526f9f7c7fbec', "space-below": "0", "space-above": "2", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept Selected Cookies", "open-in-new-tab": "false", "full-width": "false", size: "small", rounded: false, centered: false, "button-id": "accept-selected-button", onClick: this.handleAcceptSelectedCookies })), h("p", { key: '9197c9a5e954b37295af7635196a884779c0d08c' }, "You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))), h("h2", { key: '3fa80797d08d6d4dea404d376a3a6524fc479718' }, "Our website uses cookies"), h("p", { key: '7393032fe8272f701cb0104c7b8cf7220c3e3cfe' }, "We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."), h("p", { key: 'dad653ad4c093603ad363570cf79b2066371a5ef' }, h("a", { key: '42de448b81e356ca7e1474ca44a7392cbffea54c', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: '8f034b4a1e4492bc87e49e42ed09a1f08d57448f', class: "button-group" }, h("biggive-button", { key: '81820924e799f80b9bbb3a33af5e81de8a581573', onClick: this.handleAcceptAllClick, "space-below": "0", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "accept-all-button" }), h("biggive-button", { key: '50208cf8c40d1b90ec269049585b8ff61b659376', onClick: this.handleRejectAllClicked, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Essential Cookies Only", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }), h("biggive-button", { key: '045722316968854c99c589e750ed1d3ee7d338a5', onClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
+        return (h("div", { key: '21b6130c1ec955502e74ff65047737b5bb2e2176', class: "cooke-consent-container" }, h("biggive-popup", { key: '8bb71cfcc0dbb36717cdbfaea23a685f4e214283', id: "cookie-preferences-popup", modalClosedCallback: this.preferenceModalClosed.emit }, h("div", { key: '943681b084252ea8d0ca7f2b4a6426fbb8844403', class: "content" }, h("h4", { key: '9486dd71af54a94575ee4d26247b32b5a937b2b5', class: "space-above-0 space-below-3 text-colour-primary" }, "Manage your cookie preferences"), h("form", { key: '243808092cee852112509ad351042e426e8d6359' }, h("div", { key: '16887e2519de1bb91d0448c1bd97b7e88ee65041', class: "radio-group" }, h("h5", { key: '12b417ed281780d6a0cf0dd53a6159c724c0c3f1' }, "Essential Cookies"), h("p", { key: '19296a7a3ec9eeb3a22d45cb57e855ff4e96b150' }, "These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."), h("input", { key: '8cde7cf1a4071c84d28e912682b1924edc2100c0', type: "radio", name: "necassary", id: "necassary-off", disabled: true }), h("label", { key: '8155615b825a60660df58cd50236801a1ec6bf27', htmlFor: "necassary-on" }, "Off"), h("input", { key: '37f2ac870f903dfc2beba1c4a4a3dff282c7b07d', type: "radio", name: "necassary", id: "necassary-on", disabled: true, checked: true }), h("label", { key: '6146b4661ed8b587eb4a3491e30994820c496cb2', htmlFor: "necassary-on" }, "On")), h("div", { key: 'fb43769a61113f65a119dba6a1710312855ac7e1', class: "radio-group" }, h("h5", { key: '542e42bcbcfd570caff4080380e0bec4a3a72bf5' }, "Analytics & Testing Cookies"), h("p", { key: '12f0b6754886f9b8c578ae2909d3e4c9a349a1ba' }, "We use analytics cookies to track activity on our website. For example, the pages you\u2019ve visited, the content you\u2019ve engaged with and the search terms you\u2019ve used. This allows us to personalise and improve our content."), h("p", { key: 'd52ff15d265ebf5b6055df8ffa45bef0d6ec74ab' }, "We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance your user experience."), h("input", { key: 'ea4106079881beb0007d0bb4acaf08beed26ad98', type: "radio", name: "a-and-t", id: "a-and-t-off", checked: !cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: 'dd743164868b3d250f1b95574db3e770e401dcd3', htmlFor: "a-and-t-off" }, "Off"), h("input", { key: 'ffaba2972e3f8db4e7531b22ba60321f9d8437c2', type: "radio", name: "a-and-t", id: "a-and-t-on", checked: !!cookiesCurrentlyAllowed.analyticsAndTesting }), h("label", { key: '04e1df8ef600ce38c5ab1994e6d8ae717af17678', htmlFor: "a-and-t-on" }, "On")), h("div", { key: '3b56fe51c15c6f84e2368e695ff0b7e016efdf4b', class: "radio-group" }, h("h5", { key: '928b7c42c83c82c8514e1e3ded1e2544d9be5c44' }, "Third-party Cookies "), h("p", { key: 'd2bfde8e47ba317669d47af53e329a90d9cb9d86' }, "These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our donation experience survey."), h("input", { key: 'f4c6a4b857da787550148d7ffb19bf5345b9820c', type: "radio", name: "third-party", id: "third-party-off", checked: !cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '18fb7c31f66d62ec07a7a9cdbeaaf0a5e0393303', htmlFor: "third-party-off" }, "Off"), h("input", { key: '223e1125651fffa732de2a9bc93d5527f91b14df', type: "radio", name: "third-party", id: "third-party-on", checked: !!cookiesCurrentlyAllowed.thirdParty }), h("label", { key: '47a4ec124563cb7885ed2d0f86c9a8320a5c10b8', htmlFor: "third-party-on" }, "On")), h("biggive-button", { key: '464657935b2022a10d43e2383bb02c882699bba5', "space-below": "0", "space-above": "2", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept Selected Cookies", "open-in-new-tab": "false", "full-width": "false", size: "small", rounded: false, centered: false, "button-id": "accept-selected-button", onClick: this.handleAcceptSelectedCookies })), h("p", { key: '1223deb2c797d9ff89a3281bf53723db91f8a0b7' }, "You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))), h("h2", { key: 'e71e72fc6a82dd9c584b17641bea2c568905e3fe' }, "Our website uses cookies"), h("p", { key: '5d3eda8826b164ab6495d05bb8f00b0cd6f43cce' }, "We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."), h("p", { key: '3bb6800d183688bdc419f4032290d1c19619801e' }, h("a", { key: '2928e1220d7e36a4b97db1bc226449567d95c5fa', href: this.blogUriPrefix + '/privacy#cookies', target: "_blank" }, "Find out more in our Cookies Statement")), h("div", { key: '4edc27b08b3cd11543acb62251fffef53de3ddeb', class: "button-group" }, h("biggive-button", { key: '01de13af815b228bc32ee9cb9d18d98b452ae185', onClick: this.handleAcceptAllClick, "space-below": "0", "colour-scheme": "secondary", "is-past-campaign": "false", "is-future-campaign": "false", label: "Accept All", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "accept-all-button" }), h("biggive-button", { key: '6abec8eecc18ab597081ffa4863c553c7316aa57', onClick: this.handleRejectAllClicked, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Essential Cookies Only", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }), h("biggive-button", { key: 'e0060709bbf3ef4ce364e951e4f377d364e38578', onClick: this.handleChoosePrefencesClick, "space-below": "0", "colour-scheme": "grey-light", "is-past-campaign": "false", "is-future-campaign": "false", label: "Choose Preferences", "open-in-new-tab": "false", "full-width": "true", size: "medium", rounded: false, centered: false, "button-id": "choose-preferences-button" }))));
     }
     static get is() { return "biggive-cookie-banner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-form/biggive-form.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class BiggiveForm {
     render() {
-        return (h(Host, { key: 'f53ec3f41574f2e6f83dcfdff9a8e6435be502d3' }, h("slot", { key: '5e8fd949fe122a3bd20ace57a28fa7e9b2113c7b' })));
+        return (h(Host, { key: 'c9ba74a1b0d168d61c90cb8994f8d9d8f9b8e967' }, h("slot", { key: '23f6e7258b011e5a807c2c01d7c3451384fb43db' })));
     }
     static get is() { return "biggive-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-form-field-select/biggive-form-field-select.js CHANGED Viewed

@@ -26,12 +26,12 @@ export class BiggiveFormFieldSelect {
         }
         // Give the select a random id so we can reference it from a label
         const selectId = this.selectElementId || 'select-' + this.getRandomInt().toString();
-        return (h("div", { key: 'a62c4b4e0b8536d2e9239235af60e3d6ff4e813a', class: "selectWrapper" }, h("label", { key: '15dde1c309b0aa5dee99849a00b3591180f3fe3e', class: greyIfRequired, htmlFor: selectId }, h("div", { key: '7f11a1824d7d203f0e54740b1010652eed36a322', class: 'prompt' + greyIfRequired }, this.prompt)), h("div", { key: 'af756e205276e7df9088cd2f6fb21f4b76cd5685', class: 'dropdown space-below-' +
+        return (h("div", { key: '1b0f9c8c81ab0f4d3bb21ea3ef10e24a1eb23c98', class: "selectWrapper" }, h("label", { key: '9a4c9ea9774385dceb506c6a71823588c6d33a12', class: greyIfRequired, htmlFor: selectId }, h("div", { key: '441a778c4d417c7b8daf18ea0caada0b421fae25', class: 'prompt' + greyIfRequired }, this.prompt)), h("div", { key: '29a22d55202a62eaa02ad24caae3de079f651082', class: 'dropdown space-below-' +
                 this.spaceBelow +
                 ' select-style-' +
                 this.selectStyle +
                 (this.prompt === null ? '  noprompt' : '') +
-                (this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, h("div", { key: 'be6b268cffd0db3a7ddf7b4b888425c380ca2cfa', class: "sleeve" }, h("select", { key: '16118fe97259667c485fc099bdfc632ebe9f46b4', id: selectId, class: greyIfRequired, onChange: this.doOptionSelectCompletedHandler, "aria-label": this.prompt === null ? this.placeholder : this.prompt }, options.map(option => (h("option", { selected: this.selectedValue === option.value, value: option.value }, option.label)))), h("div", { key: '0df87df7ebf208706906c961ec7c0b2899eb3382', class: "arrow" })))));
+                (this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '') }, h("div", { key: '281b7731bdf66d6419aae73d68951bc8df532149', class: "sleeve" }, h("select", { key: 'de57f5898ffe1122c2cc72442eab0d7da2b52a2c', id: selectId, class: greyIfRequired, onChange: this.doOptionSelectCompletedHandler, "aria-label": this.prompt === null ? this.placeholder : this.prompt }, options.map(option => (h("option", { selected: this.selectedValue === option.value, value: option.value }, option.label)))), h("div", { key: 'e6316c952bcfbd7b8a3ce332a4563f898010abd4', class: "arrow" })))));
     }
     formatOptions(options) {
         if (options === undefined) {

package/dist/collection/components/biggive-formatted-text/biggive-formatted-text.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class BiggiveFormattedText {
     render() {
         const defaultColourSet = typeof this.defaultTextColour === 'string' && this.defaultTextColour.trim() !== '';
         const anyDefaultColourClass = defaultColourSet ? ' text-colour-' + this.defaultTextColour : '';
-        return (h("div", { key: '39ae5e63707621a6e4d7d991d56562410a8937a2', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + anyDefaultColourClass + ' space-below-' + this.spaceBelow }, h("slot", { key: '1b87428ede7d1b8a9e3423fdadc55b611966d244' })));
+        return (h("div", { key: '93efab9359103264a99401ac6f0aead93769807e', class: 'container ' + this.siteDesign + ' max-width-' + this.maxWidth + anyDefaultColourClass + ' space-below-' + this.spaceBelow }, h("slot", { key: '81b3f0e9b295287168f84694d51934d4f7364d9a' })));
     }
     static get is() { return "biggive-formatted-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-grid/biggive-grid.js CHANGED Viewed

@@ -10,7 +10,7 @@ export class BiggiveGrid {
         this.columnGap = 0;
     }
     render() {
-        return (h("div", { key: 'f9af69197773e6b22b16c3936888c308ebfc5012', class: 'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '') }, h("slot", { key: '9abb765f90e5f02e3b517e90ff73309b6b3f47f6' })));
+        return (h("div", { key: '4d81d69c275a02796ebf83e121988a72c3e20967', class: 'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '') }, h("slot", { key: 'bc2bc7343b24bedf177ae72ea7718b2bfedcc968' })));
     }
     static get is() { return "biggive-grid"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-heading/biggive-heading.js CHANGED Viewed

@@ -14,7 +14,7 @@ export class BiggiveHeading {
     }
     render() {
         const Tag = this.htmlElement;
-        return (h("div", { key: '77973ce87d27cd4c398e6896a970b04ec295ca5d', class: 'container ' + this.siteDesign + ' align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h(Tag, { key: '30909e98ecc92293ea8537567ba5e87ab1f81af5', class: 'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size }, this.icon ? (h("svg", { viewBox: "0 0 102 88" }, h("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), h("path", { d: "M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n         h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n         c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n         c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n         c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n         c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n         c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n          M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n         c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n         C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n         C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n         c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z" }))) : null, this.text)));
+        return (h("div", { key: '4fffcebf9b9d9e1ec280331f544cb639c7f94d8d', class: 'container ' + this.siteDesign + ' align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h(Tag, { key: '542318025497735b4243d4396d926c3439e8c53e', class: 'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size }, this.icon ? (h("svg", { viewBox: "0 0 102 88" }, h("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), h("path", { d: "M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n         h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n         c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n         c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n         c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n         c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n         c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n          M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n         c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n         C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n         C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n         c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z" }))) : null, this.text)));
     }
     static get is() { return "biggive-heading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-hero-image/biggive-hero-image.js CHANGED Viewed

@@ -54,9 +54,9 @@ export class BiggiveHeroImage {
         // `pre` or `pre-wrap` so that literal whitespace inserted into the rendered output doesn't affect the layout.
         // Assuming that this is needed only for the teaser, and the main title would never contain a line break.
         const teaserLines = this.lineBreakToBr(this.teaser);
-        return (h("div", { key: '4f2d03fb2661f52f90e9ecb70ab3635e5bdd041d', class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow, style: this.mainImageShape === 'rectangle' ? { 'background-image': 'url(' + this.mainImage + ')', 'background-size': 'cover' } : {} }, h("div", { key: '7d0853eeada585af1c0305f40145916199b317ef', class: "sleeve" }, h("div", { key: 'dc1462b1a8d03326ea50232e76d297debd6755c0', class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: 'logo image-wrap logo-height-' + this.logoHeight }, h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : h("div", { class: 'logo-space logo-height-' + this.logoHeight }), ((_b = this.logo) === null || _b === void 0 ? void 0 : _b.length) > 0 || ((_c = this.slug) === null || _c === void 0 ? void 0 : _c.length) > 0
+        return (h("div", { key: '955ba15f9c06e73f2a7db0ec57748d8b189fa9c5', class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow, style: this.mainImageShape === 'rectangle' ? { 'background-image': 'url(' + this.mainImage + ')', 'background-size': 'cover' } : {} }, h("div", { key: 'b8c2c107718053317855c2185e55b8bb6335e649', class: "sleeve" }, h("div", { key: 'c1f4e391f45247f75d20ace677f4d746850124ad', class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: 'logo image-wrap logo-height-' + this.logoHeight }, h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : h("div", { class: 'logo-space logo-height-' + this.logoHeight }), ((_b = this.logo) === null || _b === void 0 ? void 0 : _b.length) > 0 || ((_c = this.slug) === null || _c === void 0 ? void 0 : _c.length) > 0
             ? (h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug))
-            : null, h("h1", { key: '99efe9de855d80b04bb81e7c7be200686c7b3268', class: mainTitleClasses }, this.mainTitle), h("div", { key: '01d8fc17665441b4e8a9453223b5bbec145600f5', class: teaserClasses }, teaserLines), this.buttonLabel != null && this.buttonUrl != null
+            : null, h("h1", { key: '176eb6b327be9fac39793af36b779732caca8635', class: mainTitleClasses }, this.mainTitle), h("div", { key: '2ac1d5d480c8c874d671d6f2744d9b6e8f79d185', class: teaserClasses }, teaserLines), this.buttonLabel != null && this.buttonUrl != null
             ? h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
             : null), this.mainImageShape === 'triangle' && this.mainImage !== null ? (h("div", { class: "graphic-wrap" }, h("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } }))) : null)));
     }

package/dist/collection/components/biggive-icon-button/biggive-icon-button.js CHANGED Viewed

@@ -19,7 +19,7 @@ export class BiggiveIconButton {
         };
     }
     render() {
-        return (h("div", { key: '4d035c060e77ea8c1315f3b1aef371c033496301', class: 'container space-below-' +
+        return (h("div", { key: 'd1d41e84b1dadf1a6fd3c7acc4959420f1af4f7e', class: 'container space-below-' +
                 this.spaceBelow +
                 ' background-colour-' +
                 this.backgroundColour +
@@ -30,7 +30,7 @@ export class BiggiveIconButton {
                 ' rounded-' +
                 this.rounded +
                 ' shadow-' +
-                this.shadow }, h("a", { key: '2d1321ea77ce122a025521a48bbb6fed490dadec', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, h("div", { key: '9c0a6441e3abafcd96edbea5e0255841e4b8663e', class: "sleeve", onClick: this.handleButtonClick }, h("div", { key: '9d99a1cde8bcd2789d077535414f79e159333bb5', class: 'icon-wrap ' + ' size-' + this.size + ' circle-' + this.circle.toString() }, h("biggive-misc-icon", { key: 'f84b18a4c6ede2e966492567d7fd4dab7ceeb737', icon: this.icon })), this.text != '' ? h("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (h("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, h("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
+                this.shadow }, h("a", { key: '49005405e70e24449abc0caf88d05dfe50fe79d0', href: this.url, target: this.openInNewTab ? '_blank' : '_self', id: this.buttonId }, h("div", { key: '75f6f6cc883a174de0679daa0f59175580a55463', class: "sleeve", onClick: this.handleButtonClick }, h("div", { key: '0ec5e24a6f8b6c81fefc424571629367203b509b', class: 'icon-wrap ' + ' size-' + this.size + ' circle-' + this.circle.toString() }, h("biggive-misc-icon", { key: '30c6a9e263be7085daa507577bb021ed4cd4d6d4', icon: this.icon })), this.text != '' ? h("div", { class: 'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding }, this.text) : null, this.arrow ? (h("div", { class: 'arrow-wrap arrow-colour-' + this.arrowColour }, h("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174", stroke: "black", "stroke-width": "2" })))) : null))));
     }
     static get is() { return "biggive-icon-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-image/biggive-image.js CHANGED Viewed

@@ -45,7 +45,7 @@ export class BiggiveImage {
         return height;
     }
     render() {
-        return (h("div", { key: '9f621170830e58ce9b91bea11ddde218ad8dcd36', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, h("div", { key: 'dcf110d4cd75565eef246956255e654e8fd58b1b', class: "image-wrap" }, h("img", { key: 'b488114a454cc8893db5e8da56fd121c3b5eb1cd', src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
+        return (h("div", { key: 'd7b6e31d53d3ac68cd8b474ae4db6aa0cc3bd377', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, h("div", { key: '19bb5737343b05d0701f28315727e562d82bb954', class: "image-wrap" }, h("img", { key: 'f76cf9f831a0a60afcb559f2b3724d3c7add94f8', src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() }, alt: this.imageAltText }))));
     }
     static get is() { return "biggive-image"; }
     static get encapsulation() { return "shadow"; }