@biggive/components 1.0.120 → 1.0.122

package/dist/types/components.d.ts

@@ -287,10 +287,6 @@ export namespace Components {
           * e.g. "Match Funded".
          */
         "campaignType": string;
-        /**
-          * e.g. 'GBP'.
-         */
-        "currencyCode": string;
         /**
           * Donate button colour scheme
          */
@@ -320,9 +316,9 @@ export namespace Components {
          */
         "organisationName": string;
         /**
-          * Amount for the primary figure
+          * Amount for the primary figure, formatted with currency symbol
          */
-        "primaryFigureAmount": number;
+        "primaryFigureAmount": string;
         /**
           * Label for the primary figure
          */
@@ -332,9 +328,9 @@ export namespace Components {
          */
         "progressBarCounter": number;
         /**
-          * Amount for the secondary figure
+          * Amount for the secondary figure, formatted with currency symbol
          */
-        "secondaryFigureAmount": number;
+        "secondaryFigureAmount": string;
         /**
           * Label for the secondary figure
          */
@@ -388,13 +384,9 @@ export namespace Components {
          */
         "campaignTitle": string;
         /**
-          * e.g. 'GBP'.
-         */
-        "currencyCode": string;
-        /**
-          * Amount for the primary figure
+          * Amount for the primary figure, formatted with currency symbol
          */
-        "primaryFigureAmount": number;
+        "primaryFigureAmount": string;
         /**
           * Label for the primary figure
          */
@@ -412,9 +404,9 @@ export namespace Components {
          */
         "progressBarCounter": number;
         /**
-          * Amount for the secondary figure
+          * Amount for the secondary figure, formatted with currency symbol
          */
-        "secondaryFigureAmount": number;
+        "secondaryFigureAmount": string;
         /**
           * Label for the secondary figure
          */
@@ -765,7 +757,7 @@ export namespace Components {
          */
         "colourScheme": string;
         /**
-          * Text
+          * Percentage to show + use for CSS width; round before input if desired
          */
         "counter": number;
         /**
@@ -807,11 +799,11 @@ export namespace Components {
          */
         "backgroundColour": string;
         /**
-          * Background colour
+          * Icon colour
          */
         "iconColour": string;
         /**
-          * service
+          * Service name
          */
         "service": string;
         /**
@@ -1539,10 +1531,6 @@ declare namespace LocalJSX {
           * e.g. "Match Funded".
          */
         "campaignType"?: string;
-        /**
-          * e.g. 'GBP'.
-         */
-        "currencyCode"?: string;
         /**
           * Donate button colour scheme
          */
@@ -1572,9 +1560,9 @@ declare namespace LocalJSX {
          */
         "organisationName"?: string;
         /**
-          * Amount for the primary figure
+          * Amount for the primary figure, formatted with currency symbol
          */
-        "primaryFigureAmount"?: number;
+        "primaryFigureAmount"?: string;
         /**
           * Label for the primary figure
          */
@@ -1584,9 +1572,9 @@ declare namespace LocalJSX {
          */
         "progressBarCounter"?: number;
         /**
-          * Amount for the secondary figure
+          * Amount for the secondary figure, formatted with currency symbol
          */
-        "secondaryFigureAmount"?: number;
+        "secondaryFigureAmount"?: string;
         /**
           * Label for the secondary figure
          */
@@ -1651,13 +1639,9 @@ declare namespace LocalJSX {
          */
         "campaignTitle"?: string;
         /**
-          * e.g. 'GBP'.
-         */
-        "currencyCode"?: string;
-        /**
-          * Amount for the primary figure
+          * Amount for the primary figure, formatted with currency symbol
          */
-        "primaryFigureAmount"?: number;
+        "primaryFigureAmount"?: string;
         /**
           * Label for the primary figure
          */
@@ -1675,9 +1659,9 @@ declare namespace LocalJSX {
          */
         "progressBarCounter"?: number;
         /**
-          * Amount for the secondary figure
+          * Amount for the secondary figure, formatted with currency symbol
          */
-        "secondaryFigureAmount"?: number;
+        "secondaryFigureAmount"?: string;
         /**
           * Label for the secondary figure
          */
@@ -2035,7 +2019,7 @@ declare namespace LocalJSX {
          */
         "colourScheme"?: string;
         /**
-          * Text
+          * Percentage to show + use for CSS width; round before input if desired
          */
         "counter"?: number;
         /**
@@ -2081,11 +2065,11 @@ declare namespace LocalJSX {
          */
         "backgroundColour"?: string;
         /**
-          * Background colour
+          * Icon colour
          */
         "iconColour"?: string;
         /**
-          * service
+          * Service name
          */
         "service"?: string;
         /**

package/hydrate/index.js

@@ -6472,7 +6472,6 @@ class BiggiveCampaignCard {
     this.banner = null;
     this.campaignTitle = null;
     this.organisationName = null;
-    this.currencyCode = undefined;
     this.primaryFigureLabel = null;
     this.primaryFigureAmount = null;
     this.secondaryFigureLabel = null;
@@ -6485,23 +6484,8 @@ class BiggiveCampaignCard {
     this.moreInfoButtonUrl = null;
     this.moreInfoButtonColourScheme = 'clear-primary';
   }
-  /**
-   * @returns Whole large currency units (e.g. pounds) formatted with symbol.
-   */
-  formatCurrency(currencyCode, amount) {
-    if (amount === null || isNaN(amount)) {
-      return '–';
-    }
-    return Intl.NumberFormat('en-GB', {
-      style: 'currency',
-      currency: currencyCode,
-      currencyDisplay: 'symbol',
-      minimumFractionDigits: 0,
-      maximumFractionDigits: 0,
-    }).format(amount);
-  }
   render() {
-    return (hAsync("div", { class: 'container space-below-' + this.spaceBelow.toString() }, hAsync("div", { class: "sleeve" }, this.campaignType !== null ? (hAsync("div", { class: "campaign-type" }, hAsync("span", null, this.campaignType))) : null, this.banner !== null ? (hAsync("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, hAsync("img", { src: this.banner, class: "banner" }))) : (hAsync("div", { class: "image-wrap banner" })), hAsync("div", { class: "title-wrap" }, hAsync("h3", null, this.campaignTitle), hAsync("div", { class: "organisation-name" }, "By ", this.organisationName)), hAsync("div", { class: "meta-wrap" }, hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.primaryFigureLabel), hAsync("span", { class: "text" }, this.formatCurrency(this.currencyCode, this.primaryFigureAmount))), hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.secondaryFigureLabel), hAsync("span", { class: "text" }, this.formatCurrency(this.currencyCode, this.secondaryFigureAmount)))), hAsync("div", { class: "progress-bar-wrap" }, hAsync("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), hAsync("div", { class: "button-wrap" }, hAsync("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel }), hAsync("biggive-button", { "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
+    return (hAsync("div", { class: 'container space-below-' + this.spaceBelow.toString() }, hAsync("div", { class: "sleeve" }, this.campaignType !== null ? (hAsync("div", { class: "campaign-type" }, hAsync("span", null, this.campaignType))) : null, this.banner !== null ? (hAsync("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, hAsync("img", { src: this.banner, class: "banner" }))) : (hAsync("div", { class: "image-wrap banner" })), hAsync("div", { class: "title-wrap" }, hAsync("h3", null, this.campaignTitle), hAsync("div", { class: "organisation-name" }, "By ", this.organisationName)), hAsync("div", { class: "meta-wrap" }, hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.primaryFigureLabel), hAsync("span", { class: "text" }, this.primaryFigureAmount)), hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.secondaryFigureLabel), hAsync("span", { class: "text" }, this.secondaryFigureAmount))), hAsync("div", { class: "progress-bar-wrap" }, hAsync("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), hAsync("div", { class: "button-wrap" }, hAsync("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel }), hAsync("biggive-button", { "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
   }
   static get style() { return biggiveCampaignCardCss; }
   static get cmpMeta() { return {
@@ -6513,11 +6497,10 @@ class BiggiveCampaignCard {
       "banner": [1],
       "campaignTitle": [1, "campaign-title"],
       "organisationName": [1, "organisation-name"],
-      "currencyCode": [1, "currency-code"],
       "primaryFigureLabel": [1, "primary-figure-label"],
-      "primaryFigureAmount": [2, "primary-figure-amount"],
+      "primaryFigureAmount": [1, "primary-figure-amount"],
       "secondaryFigureLabel": [1, "secondary-figure-label"],
-      "secondaryFigureAmount": [2, "secondary-figure-amount"],
+      "secondaryFigureAmount": [1, "secondary-figure-amount"],
       "progressBarCounter": [2, "progress-bar-counter"],
       "donateButtonLabel": [1, "donate-button-label"],
       "donateButtonUrl": [1, "donate-button-url"],
@@ -6548,9 +6531,9 @@ class BiggiveCampaignCardFilterGrid {
       this.sortBy = event.target.value;
       this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
     };
-    this.handleApplyFilterButtonClick = () => {
-      this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
-    };
+    // private handleApplyFilterButtonClick = () => {
+    //   this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
+    // };
     this.handleSearchButtonPressed = () => {
       this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
     };
@@ -6562,9 +6545,6 @@ class BiggiveCampaignCardFilterGrid {
         this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
       }
     };
-    this.handleFilterButtonClick = () => {
-      this.el.shadowRoot.getElementById('filter-popup').open();
-    };
     this.spaceBelow = 0;
     this.intro = 'Find a charity or project';
     this.placeholderText = 'Search';
@@ -6592,16 +6572,11 @@ class BiggiveCampaignCardFilterGrid {
     this.filterLocation = this.el.shadowRoot.getElementById('locations').selectedValue;
     this.filterFunding = this.el.shadowRoot.getElementById('funding').selectedValue;
   }
+  // private handleFilterButtonClick = () => {
+  //   this.el.shadowRoot.getElementById('filter-popup').open();
+  // };
   render() {
-    return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "search-wrap" }, hAsync("h4", null, this.intro), hAsync("div", { class: "field-wrap" }, hAsync("div", { class: "input-wrap" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, hAsync("path", { d: faMagnifyingGlass.icon[4].toString() })), hAsync("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), hAsync("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), hAsync("div", { class: "sort-filter-wrap" }, hAsync("div", { class: "sort-wrap" }, hAsync("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by", onDoSelectChange: this.handleSortByChanged }, hAsync("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), hAsync("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }))), hAsync("div", { class: "filter-wrap" }, hAsync("biggive-button", { class: "filter", onClick: this.handleFilterButtonClick, label: "Filters" }), hAsync("biggive-popup", { id: "filter-popup" }, hAsync("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), hAsync("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }, this.categoryOptions.length === 0
-      ? undefined
-      : this.categoryOptions.map(option => hAsync("biggive-form-field-select-option", { value: option, label: option }))), hAsync("biggive-form-field-select", { placeholder: "Beneficiary", id: "beneficiaries", "space-below": "2" }, this.beneficiaryOptions.length === 0
-      ? undefined
-      : this.beneficiaryOptions.map(option => hAsync("biggive-form-field-select-option", { value: option, label: option }))), hAsync("biggive-form-field-select", { placeholder: "Location", id: "locations", "space-below": "2" }, this.locationOptions.length === 0
-      ? undefined
-      : this.locationOptions.map(option => hAsync("biggive-form-field-select-option", { value: option, label: option }))), hAsync("biggive-form-field-select", { placeholder: "Funding", id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
-      ? undefined
-      : this.fundingOptions.map(option => hAsync("biggive-form-field-select-option", { value: option, label: option }))), hAsync("div", { class: "align-right" }, hAsync("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick }))))), hAsync("div", { class: "campaign-grid" }, hAsync("slot", { name: "campaign-grid" })))));
+    return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "search-wrap" }, hAsync("h4", null, this.intro), hAsync("div", { class: "field-wrap" }, hAsync("div", { class: "input-wrap" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, hAsync("path", { d: faMagnifyingGlass.icon[4].toString() })), hAsync("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), hAsync("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), hAsync("div", { class: "sort-filter-wrap" }, hAsync("div", { class: "sort-wrap" }, hAsync("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by", onDoSelectChange: this.handleSortByChanged }, hAsync("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), hAsync("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" })))), hAsync("div", { class: "campaign-grid" }, hAsync("slot", { name: "campaign-grid" })))));
   }
   get el() { return getElement(this); }
   static get style() { return biggiveCampaignCardFilterGridCss; }
@@ -6632,7 +6607,6 @@ class BiggiveCampaignHighlights {
     this.spaceBelow = 0;
     this.banner = '';
     this.campaignTitle = null;
-    this.currencyCode = 'GBP';
     this.primaryFigureLabel = null;
     this.primaryFigureAmount = null;
     this.secondaryFigureLabel = null;
@@ -6643,22 +6617,8 @@ class BiggiveCampaignHighlights {
     this.secondaryStatIcon = null;
     this.secondaryStatText = null;
   }
-  /**
-   * @returns Whole large currency units (e.g. pounds) formatted with symbol.
-   */
-  formatCurrency(currencyCode, amount) {
-    if (amount === null || isNaN(amount)) {
-      return '–';
-    }
-    return Intl.NumberFormat('en-GB', {
-      style: 'currency',
-      currency: currencyCode,
-      currencyDisplay: 'symbol',
-      maximumFractionDigits: 0,
-    }).format(amount);
-  }
   render() {
-    return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, this.campaignTitle != null ? (hAsync("div", { class: "campaign-title" }, hAsync("span", null, this.campaignTitle))) : null, this.banner.length > 0 ? (hAsync("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, hAsync("img", { src: this.banner, class: "banner" }))) : null, hAsync("div", { class: "meta-wrap" }, hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.primaryFigureLabel), hAsync("span", { class: "text" }, this.formatCurrency(this.currencyCode, this.primaryFigureAmount))), hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.secondaryFigureLabel), hAsync("span", { class: "text" }, this.formatCurrency(this.currencyCode, this.secondaryFigureAmount)))), hAsync("div", { class: "progress-bar-wrap" }, hAsync("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), hAsync("div", { class: "stat-wrap" }, this.primaryStatIcon != null ? (hAsync("div", { class: "stat-item" }, hAsync("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), hAsync("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (hAsync("div", { class: "stat-item" }, hAsync("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), hAsync("span", { class: "label" }, this.secondaryStatText))) : null))));
+    return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, this.campaignTitle != null ? (hAsync("div", { class: "campaign-title" }, hAsync("span", null, this.campaignTitle))) : null, this.banner.length > 0 ? (hAsync("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, hAsync("img", { src: this.banner, class: "banner" }))) : null, hAsync("div", { class: "meta-wrap" }, hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.primaryFigureLabel), hAsync("span", { class: "text" }, this.primaryFigureAmount)), hAsync("div", { class: "meta-item" }, hAsync("span", { class: "label" }, this.secondaryFigureLabel), hAsync("span", { class: "text" }, this.secondaryFigureAmount))), hAsync("div", { class: "progress-bar-wrap" }, hAsync("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), hAsync("div", { class: "stat-wrap" }, this.primaryStatIcon != null ? (hAsync("div", { class: "stat-item" }, hAsync("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), hAsync("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (hAsync("div", { class: "stat-item" }, hAsync("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), hAsync("span", { class: "label" }, this.secondaryStatText))) : null))));
   }
   static get style() { return biggiveCampaignHighlightsCss; }
   static get cmpMeta() { return {
@@ -6668,11 +6628,10 @@ class BiggiveCampaignHighlights {
       "spaceBelow": [2, "space-below"],
       "banner": [1],
       "campaignTitle": [1, "campaign-title"],
-      "currencyCode": [1, "currency-code"],
       "primaryFigureLabel": [1, "primary-figure-label"],
-      "primaryFigureAmount": [2, "primary-figure-amount"],
+      "primaryFigureAmount": [1, "primary-figure-amount"],
       "secondaryFigureLabel": [1, "secondary-figure-label"],
-      "secondaryFigureAmount": [2, "secondary-figure-amount"],
+      "secondaryFigureAmount": [1, "secondary-figure-amount"],
       "progressBarCounter": [2, "progress-bar-counter"],
       "primaryStatIcon": [1, "primary-stat-icon"],
       "primaryStatText": [1, "primary-stat-text"],
@@ -6739,7 +6698,7 @@ class BiggiveFooter {
     this.appendMenu('nav-postscript');
   }
   render() {
-    return (hAsync("footer", { class: "footer" }, hAsync("div", { class: "row row-top" }, hAsync("nav", { class: "nav nav-primary" }, hAsync("h5", null, hAsync("slot", { name: "nav-primary-title" }))), hAsync("nav", { class: "nav nav-secondary" }, hAsync("h5", null, hAsync("slot", { name: "nav-secondary-title" }))), hAsync("nav", { class: "nav nav-tertiary" }, hAsync("h5", null, hAsync("slot", { name: "nav-tertiary-title" }))), hAsync("div", { class: "button-wrap" }, hAsync("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/charities", label: "For charities" }), hAsync("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/philanthropists", label: "For funders" }))), hAsync("div", { class: "row row-bottom" }, hAsync("div", { class: "postscript-wrap" }, hAsync("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png') }), hAsync("nav", { class: "nav nav-postscript" })), hAsync("div", { class: "social-icon-wrap" }, hAsync("slot", { name: "social-icons" })), hAsync("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
+    return (hAsync("footer", { class: "footer" }, hAsync("div", { class: "row row-top" }, hAsync("nav", { class: "nav nav-primary" }, hAsync("h5", null, hAsync("slot", { name: "nav-primary-title" }))), hAsync("nav", { class: "nav nav-secondary" }, hAsync("h5", null, hAsync("slot", { name: "nav-secondary-title" }))), hAsync("nav", { class: "nav nav-tertiary" }, hAsync("h5", null, hAsync("slot", { name: "nav-tertiary-title" }))), hAsync("div", { class: "button-wrap" }, hAsync("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/charities", label: "For charities" }), hAsync("biggive-button", { "colour-scheme": "white", url: "https://www.thebiggive.org.uk/s/philanthropists", label: "For funders" }))), hAsync("div", { class: "row row-bottom" }, hAsync("div", { class: "postscript-wrap" }, hAsync("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), hAsync("nav", { class: "nav nav-postscript" })), hAsync("div", { class: "social-icon-wrap" }, hAsync("slot", { name: "social-icons" })), hAsync("p", null, "\u00A9 2007 \u2013 2022 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
   }
   get host() { return getElement(this); }
   static get style() { return biggiveFooterCss; }
@@ -7344,11 +7303,8 @@ class BiggiveProgressBar {
     this.colourScheme = 'primary';
     this.counter = 100;
   }
-  getPercentage() {
-    return Math.round(this.counter);
-  }
   render() {
-    return (hAsync("div", { class: 'progress-bar progress-bar-' + this.colourScheme + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "slider" }, hAsync("div", { class: "progress", style: { width: this.getPercentage() + '%' } })), hAsync("div", { class: "counter" }, this.getPercentage(), "%")));
+    return (hAsync("div", { class: 'progress-bar progress-bar-' + this.colourScheme + ' space-below-' + this.spaceBelow }, hAsync("div", { class: "slider" }, hAsync("div", { class: "progress", style: { width: `${this.counter}%` } })), hAsync("div", { class: "counter" }, this.counter, "%")));
   }
   static get style() { return biggiveProgressBarCss; }
   static get cmpMeta() { return {
@@ -7409,7 +7365,7 @@ class BiggiveSocialIcon {
     return icon;
   }
   render() {
-    return (hAsync("div", { class: 'social-icon-item background-colour-' + this.backgroundColour }, hAsync("a", { href: this.url, target: "_blank" }, hAsync("svg", { width: this.getSocialIcon().icon[0], height: this.getSocialIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getSocialIcon().icon[0] + ' ' + this.getSocialIcon().icon[1] }, hAsync("path", { d: this.getSocialIcon().icon[4].toString() })))));
+    return (hAsync("div", { class: 'social-icon-item background-colour-' + this.backgroundColour }, hAsync("a", { href: this.url, "aria-label": `Big Give on ${this.service}`, target: "_blank" }, hAsync("svg", { width: this.getSocialIcon().icon[0], height: this.getSocialIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getSocialIcon().icon[0] + ' ' + this.getSocialIcon().icon[1] }, hAsync("path", { d: this.getSocialIcon().icon[4].toString() })))));
   }
   static get style() { return biggiveSocialIconCss; }
   static get cmpMeta() { return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@biggive/components",
-  "version": "1.0.120",
+  "version": "1.0.122",
   "description": "Big Give Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",