@biggive/components 1.0.95 → 1.0.97

package/dist/collection/components/biggive-totalizer/biggive-totalizer.js

@@ -1,41 +1,14 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class BiggiveTotalizer {
   constructor() {
-    /**
-     * Space below component
-     */
     this.spaceBelow = 0;
-    /**
-     * Primary banner colour
-     */
     this.primaryColour = 'primary';
-    /**
-     * Primary text colour
-     */
     this.primaryTextColour = 'white';
-    /**
-     * Secondary banner colour
-     */
     this.secondaryColour = 'secondary';
-    /**
-     * Secondary text colour
-     */
     this.secondaryTextColour = 'black';
-    /**
-     * e.g. 'GBP'.
-     */
     this.currencyCode = 'GBP';
-    /**
-     * Include GiftAid
-     */
     this.includingGiftAid = true;
-    /**
-     * Total match funds.
-     */
     this.totalMatchFunds = null;
-    /**
-     * Total raised.
-     */
     this.totalRaised = null;
   }
   /**
@@ -53,187 +26,184 @@ export class BiggiveTotalizer {
     }).format(amount);
   }
   render() {
-    return (h("div", { class: 'container space-below-' + this.spaceBelow },
-      h("div", { class: "sleeve" },
-        h("div", { class: "banner" },
-          h("div", { class: 'total-raised-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour },
-            h("span", { class: "currency" }, this.formatCurrency(this.currencyCode, this.totalRaised)),
-            " raised",
-            this.includingGiftAid ? h("span", null, " inc. Gift Aid") : null),
-          h("div", { class: 'total-matched-funds-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour },
-            h("span", { class: "currency" }, this.formatCurrency(this.currencyCode, this.totalMatchFunds)),
-            " total match funds")))));
+    return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "banner" }, h("div", { class: 'total-raised-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, h("span", { class: "currency" }, this.formatCurrency(this.currencyCode, this.totalRaised)), " raised", this.includingGiftAid ? h("span", null, " inc. Gift Aid") : null), h("div", { class: 'total-matched-funds-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("span", { class: "currency" }, this.formatCurrency(this.currencyCode, this.totalMatchFunds)), " total match funds")))));
   }
   static get is() { return "biggive-totalizer"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-totalizer.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-totalizer.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": "0"
-    },
-    "primaryColour": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Primary banner colour"
-      },
-      "attribute": "primary-colour",
-      "reflect": false,
-      "defaultValue": "'primary'"
-    },
-    "primaryTextColour": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Primary text colour"
-      },
-      "attribute": "primary-text-colour",
-      "reflect": false,
-      "defaultValue": "'white'"
-    },
-    "secondaryColour": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Secondary banner colour"
-      },
-      "attribute": "secondary-colour",
-      "reflect": false,
-      "defaultValue": "'secondary'"
-    },
-    "secondaryTextColour": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Secondary text colour"
-      },
-      "attribute": "secondary-text-colour",
-      "reflect": false,
-      "defaultValue": "'black'"
-    },
-    "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,
-      "defaultValue": "'GBP'"
-    },
-    "includingGiftAid": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Include GiftAid"
-      },
-      "attribute": "including-gift-aid",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "totalMatchFunds": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Total match funds."
-      },
-      "attribute": "total-match-funds",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "totalRaised": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Total raised."
-      },
-      "attribute": "total-raised",
-      "reflect": false,
-      "defaultValue": "null"
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-totalizer.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-totalizer.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": "0"
+      },
+      "primaryColour": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Primary banner colour"
+        },
+        "attribute": "primary-colour",
+        "reflect": false,
+        "defaultValue": "'primary'"
+      },
+      "primaryTextColour": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Primary text colour"
+        },
+        "attribute": "primary-text-colour",
+        "reflect": false,
+        "defaultValue": "'white'"
+      },
+      "secondaryColour": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Secondary banner colour"
+        },
+        "attribute": "secondary-colour",
+        "reflect": false,
+        "defaultValue": "'secondary'"
+      },
+      "secondaryTextColour": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Secondary text colour"
+        },
+        "attribute": "secondary-text-colour",
+        "reflect": false,
+        "defaultValue": "'black'"
+      },
+      "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,
+        "defaultValue": "'GBP'"
+      },
+      "includingGiftAid": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Include GiftAid"
+        },
+        "attribute": "including-gift-aid",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "totalMatchFunds": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Total match funds."
+        },
+        "attribute": "total-match-funds",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "totalRaised": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Total raised."
+        },
+        "attribute": "total-raised",
+        "reflect": false,
+        "defaultValue": "null"
+      }
+    };
+  }
 }

package/dist/collection/components/biggive-video/biggive-video.css

@@ -109,6 +109,10 @@ a:hover {
   fill: #000000;
 }
 
+.fill-red {
+  fill: red;
+}
+
 .background-colour-hover-primary:hover,
 .background-colour-primary {
   background-color: #2C089B;
@@ -214,6 +218,26 @@ a:hover {
   background-color: #FFFFFF;
 }
 
+.button-white {
+  color: #2C089B;
+  background-color: #FFFFFF;
+  border-color: #FFFFFF;
+}
+.button-white:hover {
+  color: #FFFFFF;
+  background-color: #2C089B;
+}
+
+.button-black {
+  color: #FFFFFF;
+  background-color: #000000;
+  border-color: #000000;
+}
+.button-black:hover {
+  color: #000000;
+  background-color: #FFFFFF;
+}
+
 .button-clear-primary {
   color: #2C089B;
   background-color: transparent;

package/dist/collection/components/biggive-video/biggive-video.js

@@ -1,86 +1,82 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 import { VideoService } from '../../util/video';
 export class BiggiveVideo {
   constructor() {
-    /**
-     * Space above component
-     */
     this.spaceAbove = 0;
-    /**
-     * Space below component
-     */
     this.spaceBelow = 0;
-    /**
-     * Full URL of a video.
-     */
     this.videoUrl = '';
   }
   render() {
-    return (h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow },
-      h("div", { class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl) })));
+    return (h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl) })));
   }
   static get is() { return "biggive-video"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-video.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-video.css"]
-  }; }
-  static get properties() { return {
-    "spaceAbove": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Space above component"
-      },
-      "attribute": "space-above",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "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": "0"
-    },
-    "videoUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-video.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-video.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "spaceAbove": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Space above component"
+        },
+        "attribute": "space-above",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Full URL of a video."
+      "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": "0"
       },
-      "attribute": "video-url",
-      "reflect": false,
-      "defaultValue": "''"
-    }
-  }; }
+      "videoUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Full URL of a video."
+        },
+        "attribute": "video-url",
+        "reflect": false,
+        "defaultValue": "''"
+      }
+    };
+  }
 }