@biggive/components 1.0.96 → 1.0.98

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

@@ -1,69 +1,22 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class BiggiveCampaignCard {
   constructor() {
-    /**
-     * Space below component
-     */
     this.spaceBelow = 4;
-    /**
-     * e.g. "Match Funded".
-     */
     this.campaignType = null;
-    /**
-     * Full URL of a banner image.
-     */
     this.banner = '';
-    /**
-     * Display name of the charity's specific time-bound fundraising campaign.
-     */
     this.campaignTitle = null;
-    /**
-     * Display name of the charity or non-profit.
-     */
     this.organisationName = null;
-    /**
-     * Label for the primary figure
-     */
+    this.currencyCode = undefined;
     this.primaryFigureLabel = null;
-    /**
-     * Amount for the primary figure
-     */
     this.primaryFigureAmount = null;
-    /**
-     * Label for the secondary figure
-     */
     this.secondaryFigureLabel = null;
-    /**
-     * Amount for the secondary figure
-     */
     this.secondaryFigureAmount = null;
-    /**
-     * Progress bar percentage
-     */
     this.progressBarCounter = 100;
-    /**
-     * Donate button label
-     */
     this.donateButtonLabel = 'Donate now';
-    /**
-     * Donate button url
-     */
     this.donateButtonUrl = null;
-    /**
-     * Donate button colour scheme
-     */
     this.donateButtonColourScheme = 'primary';
-    /**
-     * More information button label
-     */
     this.moreInfoButtonLabel = 'Find out more';
-    /**
-     * More information button url
-     */
     this.moreInfoButtonUrl = null;
-    /**
-     * Donate button colour scheme
-     */
     this.moreInfoButtonColourScheme = 'clear-primary';
   }
   /**
@@ -81,343 +34,327 @@ export class BiggiveCampaignCard {
     }).format(amount);
   }
   render() {
-    return (h("div", { class: 'container space-below-' + this.spaceBelow.toString() },
-      h("div", { class: "sleeve" },
-        this.campaignType.length > 0 ? (h("div", { class: "campaign-type" },
-          h("span", null, this.campaignType))) : null,
-        this.banner.length > 0 ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } },
-          h("img", { src: this.banner, class: "banner" }))) : (h("div", { class: "image-wrap banner" })),
-        h("div", { class: "title-wrap" },
-          h("h3", null, this.campaignTitle),
-          h("div", { class: "organisation-name" },
-            "By ",
-            this.organisationName)),
-        h("div", { class: "meta-wrap" },
-          h("div", { class: "meta-item" },
-            h("span", { class: "label" }, this.primaryFigureLabel),
-            h("span", { class: "text" }, this.formatCurrency(this.currencyCode, this.primaryFigureAmount))),
-          h("div", { class: "meta-item" },
-            h("span", { class: "label" }, this.secondaryFigureLabel),
-            h("span", { class: "text" }, this.formatCurrency(this.currencyCode, this.secondaryFigureAmount)))),
-        h("div", { class: "progress-bar-wrap" },
-          h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })),
-        h("div", { class: "button-wrap" },
-          h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel }),
-          h("biggive-button", { "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
+    return (h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, h("div", { class: "sleeve" }, this.campaignType.length > 0 ? (h("div", { class: "campaign-type" }, h("span", null, this.campaignType))) : null, this.banner.length > 0 ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : (h("div", { class: "image-wrap banner" })), h("div", { class: "title-wrap" }, h("h3", null, this.campaignTitle), h("div", { class: "organisation-name" }, "By ", this.organisationName)), h("div", { class: "meta-wrap" }, h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.formatCurrency(this.currencyCode, this.primaryFigureAmount))), h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.formatCurrency(this.currencyCode, this.secondaryFigureAmount)))), h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { class: "button-wrap" }, h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel }), h("biggive-button", { "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"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-campaign-card.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-campaign-card.css"]
-  }; }
-  static get properties() { return {
-    "spaceBelow": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Space below component"
-      },
-      "attribute": "space-below",
-      "reflect": false,
-      "defaultValue": "4"
-    },
-    "campaignType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "e.g. \"Match Funded\"."
-      },
-      "attribute": "campaign-type",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "banner": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Full URL of a banner image."
-      },
-      "attribute": "banner",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "campaignTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Display name of the charity's specific time-bound fundraising campaign."
-      },
-      "attribute": "campaign-title",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "organisationName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Display name of the charity or non-profit."
-      },
-      "attribute": "organisation-name",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "currencyCode": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "e.g. 'GBP'."
-      },
-      "attribute": "currency-code",
-      "reflect": false
-    },
-    "primaryFigureLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Label for the primary figure"
-      },
-      "attribute": "primary-figure-label",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "primaryFigureAmount": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Amount for the primary figure"
-      },
-      "attribute": "primary-figure-amount",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "secondaryFigureLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Label for the secondary figure"
-      },
-      "attribute": "secondary-figure-label",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "secondaryFigureAmount": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Amount for the secondary figure"
-      },
-      "attribute": "secondary-figure-amount",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "progressBarCounter": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Progress bar percentage"
-      },
-      "attribute": "progress-bar-counter",
-      "reflect": false,
-      "defaultValue": "100"
-    },
-    "donateButtonLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Donate button label"
-      },
-      "attribute": "donate-button-label",
-      "reflect": false,
-      "defaultValue": "'Donate now'"
-    },
-    "donateButtonUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Donate button url"
-      },
-      "attribute": "donate-button-url",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "donateButtonColourScheme": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Donate button colour scheme"
-      },
-      "attribute": "donate-button-colour-scheme",
-      "reflect": false,
-      "defaultValue": "'primary'"
-    },
-    "moreInfoButtonLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "More information button label"
-      },
-      "attribute": "more-info-button-label",
-      "reflect": false,
-      "defaultValue": "'Find out more'"
-    },
-    "moreInfoButtonUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "More information button url"
-      },
-      "attribute": "more-info-button-url",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "moreInfoButtonColourScheme": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Donate button colour scheme"
-      },
-      "attribute": "more-info-button-colour-scheme",
-      "reflect": false,
-      "defaultValue": "'clear-primary'"
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-campaign-card.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-campaign-card.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "spaceBelow": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Space below component"
+        },
+        "attribute": "space-below",
+        "reflect": false,
+        "defaultValue": "4"
+      },
+      "campaignType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "e.g. \"Match Funded\"."
+        },
+        "attribute": "campaign-type",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "banner": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Full URL of a banner image."
+        },
+        "attribute": "banner",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "campaignTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Display name of the charity's specific time-bound fundraising campaign."
+        },
+        "attribute": "campaign-title",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "organisationName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Display name of the charity or non-profit."
+        },
+        "attribute": "organisation-name",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "currencyCode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "e.g. 'GBP'."
+        },
+        "attribute": "currency-code",
+        "reflect": false
+      },
+      "primaryFigureLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Label for the primary figure"
+        },
+        "attribute": "primary-figure-label",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "primaryFigureAmount": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Amount for the primary figure"
+        },
+        "attribute": "primary-figure-amount",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "secondaryFigureLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Label for the secondary figure"
+        },
+        "attribute": "secondary-figure-label",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "secondaryFigureAmount": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Amount for the secondary figure"
+        },
+        "attribute": "secondary-figure-amount",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "progressBarCounter": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Progress bar percentage"
+        },
+        "attribute": "progress-bar-counter",
+        "reflect": false,
+        "defaultValue": "100"
+      },
+      "donateButtonLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Donate button label"
+        },
+        "attribute": "donate-button-label",
+        "reflect": false,
+        "defaultValue": "'Donate now'"
+      },
+      "donateButtonUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Donate button url"
+        },
+        "attribute": "donate-button-url",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "donateButtonColourScheme": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Donate button colour scheme"
+        },
+        "attribute": "donate-button-colour-scheme",
+        "reflect": false,
+        "defaultValue": "'primary'"
+      },
+      "moreInfoButtonLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "More information button label"
+        },
+        "attribute": "more-info-button-label",
+        "reflect": false,
+        "defaultValue": "'Find out more'"
+      },
+      "moreInfoButtonUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "More information button url"
+        },
+        "attribute": "more-info-button-url",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "moreInfoButtonColourScheme": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Donate button colour scheme"
+        },
+        "attribute": "more-info-button-colour-scheme",
+        "reflect": false,
+        "defaultValue": "'clear-primary'"
+      }
+    };
+  }
 }