npm - @biggive/components - Versions diffs - 202303031121.0.0 → 202303061752.0.0 - Mend

@biggive/components 202303031121.0.0 → 202303061752.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 (173) hide show

package/dist/components/biggive-tabbed-content.js CHANGED Viewed

@@ -1,22 +1,96 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-const biggiveTabbedContentCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}";
+const biggiveTabbedContentCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}::slotted(*){display:none}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .navigation{padding:0 40px}.container .navigation .button{position:absolute;top:5px;display:block;width:30px;height:30px;padding:2.5px 10px;box-sizing:border-box;background-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);border-radius:50%;cursor:pointer;text-align:center}.container .navigation .button.prev{left:0}.container .navigation .button.next{right:0}.container .navigation .button svg{width:10px;height:10px}.container .navigation ul{margin:0;padding:0;list-style-type:none;border-bottom:1px solid transparent;display:flex}.container .navigation ul li{padding:10px;margin:0;width:calc(33.3% - 20px);border-bottom:3px solid transparent;text-align:center;cursor:pointer}.container .navigation ul li.selected{font-weight:bold}.container.text-colour-primary .navigation li{color:#2C089B}.container.navigation-highlight-colour-primary .navigation ul{border-color:#2C089B}.container.selected-text-colour-primary .navigation li.selected{color:#2C089B;border-color:#2C089B}.container.selected-navigation-highlight-colour-primary .navigation li.selected{border-color:#2C089B}.container.button-background-colour-primary .navigation .button{background-color:#2C089B}.container.button-icon-colour-primary .navigation .button svg path{stroke:#2C089B}.container.text-colour-secondary .navigation li{color:#2AF135}.container.navigation-highlight-colour-secondary .navigation ul{border-color:#2AF135}.container.selected-text-colour-secondary .navigation li.selected{color:#2AF135;border-color:#2AF135}.container.selected-navigation-highlight-colour-secondary .navigation li.selected{border-color:#2AF135}.container.button-background-colour-secondary .navigation .button{background-color:#2AF135}.container.button-icon-colour-secondary .navigation .button svg path{stroke:#2AF135}.container.text-colour-tertiary .navigation li{color:#FF7272}.container.navigation-highlight-colour-tertiary .navigation ul{border-color:#FF7272}.container.selected-text-colour-tertiary .navigation li.selected{color:#FF7272;border-color:#FF7272}.container.selected-navigation-highlight-colour-tertiary .navigation li.selected{border-color:#FF7272}.container.button-background-colour-tertiary .navigation .button{background-color:#FF7272}.container.button-icon-colour-tertiary .navigation .button svg path{stroke:#FF7272}.container.text-colour-brand-1 .navigation li{color:#B30510}.container.navigation-highlight-colour-brand-1 .navigation ul{border-color:#B30510}.container.selected-text-colour-brand-1 .navigation li.selected{color:#B30510;border-color:#B30510}.container.selected-navigation-highlight-colour-brand-1 .navigation li.selected{border-color:#B30510}.container.button-background-colour-brand-1 .navigation .button{background-color:#B30510}.container.button-icon-colour-brand-1 .navigation .button svg path{stroke:#B30510}.container.text-colour-brand-2 .navigation li{color:#6E0887}.container.navigation-highlight-colour-brand-2 .navigation ul{border-color:#6E0887}.container.selected-text-colour-brand-2 .navigation li.selected{color:#6E0887;border-color:#6E0887}.container.selected-navigation-highlight-colour-brand-2 .navigation li.selected{border-color:#6E0887}.container.button-background-colour-brand-2 .navigation .button{background-color:#6E0887}.container.button-icon-colour-brand-2 .navigation .button svg path{stroke:#6E0887}.container.text-colour-brand-3 .navigation li{color:#50B400}.container.navigation-highlight-colour-brand-3 .navigation ul{border-color:#50B400}.container.selected-text-colour-brand-3 .navigation li.selected{color:#50B400;border-color:#50B400}.container.selected-navigation-highlight-colour-brand-3 .navigation li.selected{border-color:#50B400}.container.button-background-colour-brand-3 .navigation .button{background-color:#50B400}.container.button-icon-colour-brand-3 .navigation .button svg path{stroke:#50B400}.container.text-colour-brand-4 .navigation li{color:#FFE500}.container.navigation-highlight-colour-brand-4 .navigation ul{border-color:#FFE500}.container.selected-text-colour-brand-4 .navigation li.selected{color:#FFE500;border-color:#FFE500}.container.selected-navigation-highlight-colour-brand-4 .navigation li.selected{border-color:#FFE500}.container.button-background-colour-brand-4 .navigation .button{background-color:#FFE500}.container.button-icon-colour-brand-4 .navigation .button svg path{stroke:#FFE500}.container.text-colour-brand-5 .navigation li{color:#F07D00}.container.navigation-highlight-colour-brand-5 .navigation ul{border-color:#F07D00}.container.selected-text-colour-brand-5 .navigation li.selected{color:#F07D00;border-color:#F07D00}.container.selected-navigation-highlight-colour-brand-5 .navigation li.selected{border-color:#F07D00}.container.button-background-colour-brand-5 .navigation .button{background-color:#F07D00}.container.button-icon-colour-brand-5 .navigation .button svg path{stroke:#F07D00}.container.text-colour-brand-6 .navigation li{color:#62CFC9}.container.navigation-highlight-colour-brand-6 .navigation ul{border-color:#62CFC9}.container.selected-text-colour-brand-6 .navigation li.selected{color:#62CFC9;border-color:#62CFC9}.container.selected-navigation-highlight-colour-brand-6 .navigation li.selected{border-color:#62CFC9}.container.button-background-colour-brand-6 .navigation .button{background-color:#62CFC9}.container.button-icon-colour-brand-6 .navigation .button svg path{stroke:#62CFC9}.container.text-colour-white .navigation li{color:#FFFFFF}.container.navigation-highlight-colour-white .navigation ul{border-color:#FFFFFF}.container.selected-text-colour-white .navigation li.selected{color:#FFFFFF;border-color:#FFFFFF}.container.selected-navigation-highlight-colour-white .navigation li.selected{border-color:#FFFFFF}.container.button-background-colour-white .navigation .button{background-color:#FFFFFF}.container.button-icon-colour-white .navigation .button svg path{stroke:#FFFFFF}.container.text-colour-black .navigation li{color:#000000}.container.navigation-highlight-colour-black .navigation ul{border-color:#000000}.container.selected-text-colour-black .navigation li.selected{color:#000000;border-color:#000000}.container.selected-navigation-highlight-colour-black .navigation li.selected{border-color:#000000}.container.button-background-colour-black .navigation .button{background-color:#000000}.container.button-icon-colour-black .navigation .button svg path{stroke:#000000}.container.text-colour-grey-extra-light .navigation li{color:#D7D7D7}.container.navigation-highlight-colour-grey-extra-light .navigation ul{border-color:#D7D7D7}.container.selected-text-colour-grey-extra-light .navigation li.selected{color:#D7D7D7;border-color:#D7D7D7}.container.selected-navigation-highlight-colour-grey-extra-light .navigation li.selected{border-color:#D7D7D7}.container.button-background-colour-grey-extra-light .navigation .button{background-color:#D7D7D7}.container.button-icon-colour-grey-extra-light .navigation .button svg path{stroke:#D7D7D7}.container.text-colour-grey-light .navigation li{color:#E8E8E8}.container.navigation-highlight-colour-grey-light .navigation ul{border-color:#E8E8E8}.container.selected-text-colour-grey-light .navigation li.selected{color:#E8E8E8;border-color:#E8E8E8}.container.selected-navigation-highlight-colour-grey-light .navigation li.selected{border-color:#E8E8E8}.container.button-background-colour-grey-light .navigation .button{background-color:#E8E8E8}.container.button-icon-colour-grey-light .navigation .button svg path{stroke:#E8E8E8}.container.text-colour-grey-medium .navigation li{color:#8A8A8A}.container.navigation-highlight-colour-grey-medium .navigation ul{border-color:#8A8A8A}.container.selected-text-colour-grey-medium .navigation li.selected{color:#8A8A8A;border-color:#8A8A8A}.container.selected-navigation-highlight-colour-grey-medium .navigation li.selected{border-color:#8A8A8A}.container.button-background-colour-grey-medium .navigation .button{background-color:#8A8A8A}.container.button-icon-colour-grey-medium .navigation .button svg path{stroke:#8A8A8A}.container.text-colour-grey-dark .navigation li{color:#4A4A4A}.container.navigation-highlight-colour-grey-dark .navigation ul{border-color:#4A4A4A}.container.selected-text-colour-grey-dark .navigation li.selected{color:#4A4A4A;border-color:#4A4A4A}.container.selected-navigation-highlight-colour-grey-dark .navigation li.selected{border-color:#4A4A4A}.container.button-background-colour-grey-dark .navigation .button{background-color:#4A4A4A}.container.button-icon-colour-grey-dark .navigation .button svg path{stroke:#4A4A4A}";
 const BiggiveTabbedContent$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.__attachShadow();
+    this.currentTab = 0;
+    this.children = [];
     this.spaceBelow = 0;
-    this.defaultTextColour = 'black';
+    this.textColour = 'black';
+    this.selectedTextColour = 'primary';
+    this.navigationHighlightColour = 'grey-medium';
+    this.selectedNavigationHighlightColour = 'primary';
+    this.buttonBackgroundColour = 'white';
+    this.buttonIconColour = 'primary';
+  }
+  componentWillLoad() {
+    this.children = Array.from(this.host.children);
+  }
+  componentDidRender() {
+    this.showTab(0);
+  }
+  /*
+   * Shows the i'th tab, counting from zero. Does nothing if i out of range.
+   */
+  showTab(i) {
+    var _a;
+    const tabs = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.navigation ul li');
+    if (i >= 0 && i <= (tabs === null || tabs === void 0 ? void 0 : tabs.length) - 1) {
+      this.currentTab = i;
+      let j = 0;
+      tabs === null || tabs === void 0 ? void 0 : tabs.forEach(function (tab) {
+        if (i == j) {
+          tab.classList.add('selected');
+        }
+        else {
+          tab.classList.remove('selected');
+        }
+        j++;
+      });
+      j = 0;
+      this.host.querySelectorAll('biggive-tab').forEach(function (tab) {
+        tab.style.display = i == j ? 'block' : 'none';
+        j++;
+      });
+    }
+  }
+  clickTabHandler(e) {
+    let i = 0;
+    const parent = e.target.parentElement;
+    for (let el of Array.from(parent.children)) {
+      if (el == e.target) {
+        this.showTab(i);
+        return;
+      }
+      i++;
+    }
+  }
+  clickPrevHandler() {
+    this.showTab(this.currentTab - 1);
+  }
+  clickNextHandler() {
+    this.showTab(this.currentTab + 1);
   }
   render() {
-    return (h("div", { class: 'container space-below-' + this.spaceBelow + ' text-colour-' + this.defaultTextColour }, h("slot", null)));
+    return (h("div", { class: 'container space-below-' +
+        this.spaceBelow +
+        ' text-colour-' +
+        this.textColour +
+        ' selected-text-colour-' +
+        this.selectedTextColour +
+        ' navigation-highlight-colour-' +
+        this.navigationHighlightColour +
+        ' selected-navigation-highlight-colour-' +
+        this.selectedNavigationHighlightColour +
+        ' button-background-colour-' +
+        this.buttonBackgroundColour +
+        ' button-icon-colour-' +
+        this.buttonIconColour }, h("div", { class: "navigation" }, h("div", { class: "button prev", onClick: () => this.clickPrevHandler(), title: "Previous" }, h("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("ul", null, this.children.map(child => (h("li", { onClick: event => this.clickTabHandler(event) }, child.tabTitle)))), h("div", { class: "button next", onClick: () => this.clickNextHandler(), title: "Next" }, h("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("slot", null)));
   }
+  get host() { return this; }
   static get style() { return biggiveTabbedContentCss; }
 }, [1, "biggive-tabbed-content", {
     "spaceBelow": [2, "space-below"],
-    "defaultTextColour": [1, "default-text-colour"]
+    "textColour": [1, "text-colour"],
+    "selectedTextColour": [1, "selected-text-colour"],
+    "navigationHighlightColour": [1, "navigation-highlight-colour"],
+    "selectedNavigationHighlightColour": [1, "selected-navigation-highlight-colour"],
+    "buttonBackgroundColour": [1, "button-background-colour"],
+    "buttonIconColour": [1, "button-icon-colour"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/components/biggive-table.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-const biggiveTableCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container.header-text-colour-primary thead{color:#2C089B}.container.header-background-colour-primary thead{background-color:#2C089B}.container.body-text-colour-primary tbody{color:#2C089B}.container.body-background-colour-primary tbody{background-color:#2C089B}.container.header-text-colour-secondary thead{color:#2AF135}.container.header-background-colour-secondary thead{background-color:#2AF135}.container.body-text-colour-secondary tbody{color:#2AF135}.container.body-background-colour-secondary tbody{background-color:#2AF135}.container.header-text-colour-tertiary thead{color:#FF7272}.container.header-background-colour-tertiary thead{background-color:#FF7272}.container.body-text-colour-tertiary tbody{color:#FF7272}.container.body-background-colour-tertiary tbody{background-color:#FF7272}.container.header-text-colour-brand-1 thead{color:#B30510}.container.header-background-colour-brand-1 thead{background-color:#B30510}.container.body-text-colour-brand-1 tbody{color:#B30510}.container.body-background-colour-brand-1 tbody{background-color:#B30510}.container.header-text-colour-brand-2 thead{color:#6E0887}.container.header-background-colour-brand-2 thead{background-color:#6E0887}.container.body-text-colour-brand-2 tbody{color:#6E0887}.container.body-background-colour-brand-2 tbody{background-color:#6E0887}.container.header-text-colour-brand-3 thead{color:#50B400}.container.header-background-colour-brand-3 thead{background-color:#50B400}.container.body-text-colour-brand-3 tbody{color:#50B400}.container.body-background-colour-brand-3 tbody{background-color:#50B400}.container.header-text-colour-brand-4 thead{color:#FFE500}.container.header-background-colour-brand-4 thead{background-color:#FFE500}.container.body-text-colour-brand-4 tbody{color:#FFE500}.container.body-background-colour-brand-4 tbody{background-color:#FFE500}.container.header-text-colour-brand-5 thead{color:#F07D00}.container.header-background-colour-brand-5 thead{background-color:#F07D00}.container.body-text-colour-brand-5 tbody{color:#F07D00}.container.body-background-colour-brand-5 tbody{background-color:#F07D00}.container.header-text-colour-brand-6 thead{color:#62CFC9}.container.header-background-colour-brand-6 thead{background-color:#62CFC9}.container.body-text-colour-brand-6 tbody{color:#62CFC9}.container.body-background-colour-brand-6 tbody{background-color:#62CFC9}.container.header-text-colour-white thead{color:#FFFFFF}.container.header-background-colour-white thead{background-color:#FFFFFF}.container.body-text-colour-white tbody{color:#FFFFFF}.container.body-background-colour-white tbody{background-color:#FFFFFF}.container.header-text-colour-black thead{color:#000000}.container.header-background-colour-black thead{background-color:#000000}.container.body-text-colour-black tbody{color:#000000}.container.body-background-colour-black tbody{background-color:#000000}.container.header-text-colour-grey-extra-light thead{color:#D7D7D7}.container.header-background-colour-grey-extra-light thead{background-color:#D7D7D7}.container.body-text-colour-grey-extra-light tbody{color:#D7D7D7}.container.body-background-colour-grey-extra-light tbody{background-color:#D7D7D7}.container.header-text-colour-grey-light thead{color:#E8E8E8}.container.header-background-colour-grey-light thead{background-color:#E8E8E8}.container.body-text-colour-grey-light tbody{color:#E8E8E8}.container.body-background-colour-grey-light tbody{background-color:#E8E8E8}.container.header-text-colour-grey-medium thead{color:#8A8A8A}.container.header-background-colour-grey-medium thead{background-color:#8A8A8A}.container.body-text-colour-grey-medium tbody{color:#8A8A8A}.container.body-background-colour-grey-medium tbody{background-color:#8A8A8A}.container.header-text-colour-grey-dark thead{color:#4A4A4A}.container.header-background-colour-grey-dark thead{background-color:#4A4A4A}.container.body-text-colour-grey-dark tbody{color:#4A4A4A}.container.body-background-colour-grey-dark tbody{background-color:#4A4A4A}.container table{width:100%;border-collapse:collapse;border:0}.container table td,.container table th{padding:10px 20px;border:0;font-size:inherit}.container table thead{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.15))}.container table thead td,.container table thead th{font-weight:bold}.container table tbody tr.odd{background-color:rgba(255, 255, 255, 0.3)}.container table tbody td,.container table tbody th{font-size:80%}";
+const biggiveTableCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-red{fill:red}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container.header-text-colour-primary thead{color:#2C089B}.container.header-background-colour-primary thead{background-color:#2C089B}.container.body-text-colour-primary tbody{color:#2C089B}.container.body-background-colour-primary tbody{background-color:#2C089B}.container.header-text-colour-secondary thead{color:#2AF135}.container.header-background-colour-secondary thead{background-color:#2AF135}.container.body-text-colour-secondary tbody{color:#2AF135}.container.body-background-colour-secondary tbody{background-color:#2AF135}.container.header-text-colour-tertiary thead{color:#FF7272}.container.header-background-colour-tertiary thead{background-color:#FF7272}.container.body-text-colour-tertiary tbody{color:#FF7272}.container.body-background-colour-tertiary tbody{background-color:#FF7272}.container.header-text-colour-brand-1 thead{color:#B30510}.container.header-background-colour-brand-1 thead{background-color:#B30510}.container.body-text-colour-brand-1 tbody{color:#B30510}.container.body-background-colour-brand-1 tbody{background-color:#B30510}.container.header-text-colour-brand-2 thead{color:#6E0887}.container.header-background-colour-brand-2 thead{background-color:#6E0887}.container.body-text-colour-brand-2 tbody{color:#6E0887}.container.body-background-colour-brand-2 tbody{background-color:#6E0887}.container.header-text-colour-brand-3 thead{color:#50B400}.container.header-background-colour-brand-3 thead{background-color:#50B400}.container.body-text-colour-brand-3 tbody{color:#50B400}.container.body-background-colour-brand-3 tbody{background-color:#50B400}.container.header-text-colour-brand-4 thead{color:#FFE500}.container.header-background-colour-brand-4 thead{background-color:#FFE500}.container.body-text-colour-brand-4 tbody{color:#FFE500}.container.body-background-colour-brand-4 tbody{background-color:#FFE500}.container.header-text-colour-brand-5 thead{color:#F07D00}.container.header-background-colour-brand-5 thead{background-color:#F07D00}.container.body-text-colour-brand-5 tbody{color:#F07D00}.container.body-background-colour-brand-5 tbody{background-color:#F07D00}.container.header-text-colour-brand-6 thead{color:#62CFC9}.container.header-background-colour-brand-6 thead{background-color:#62CFC9}.container.body-text-colour-brand-6 tbody{color:#62CFC9}.container.body-background-colour-brand-6 tbody{background-color:#62CFC9}.container.header-text-colour-white thead{color:#FFFFFF}.container.header-background-colour-white thead{background-color:#FFFFFF}.container.body-text-colour-white tbody{color:#FFFFFF}.container.body-background-colour-white tbody{background-color:#FFFFFF}.container.header-text-colour-black thead{color:#000000}.container.header-background-colour-black thead{background-color:#000000}.container.body-text-colour-black tbody{color:#000000}.container.body-background-colour-black tbody{background-color:#000000}.container.header-text-colour-grey-extra-light thead{color:#D7D7D7}.container.header-background-colour-grey-extra-light thead{background-color:#D7D7D7}.container.body-text-colour-grey-extra-light tbody{color:#D7D7D7}.container.body-background-colour-grey-extra-light tbody{background-color:#D7D7D7}.container.header-text-colour-grey-light thead{color:#E8E8E8}.container.header-background-colour-grey-light thead{background-color:#E8E8E8}.container.body-text-colour-grey-light tbody{color:#E8E8E8}.container.body-background-colour-grey-light tbody{background-color:#E8E8E8}.container.header-text-colour-grey-medium thead{color:#8A8A8A}.container.header-background-colour-grey-medium thead{background-color:#8A8A8A}.container.body-text-colour-grey-medium tbody{color:#8A8A8A}.container.body-background-colour-grey-medium tbody{background-color:#8A8A8A}.container.header-text-colour-grey-dark thead{color:#4A4A4A}.container.header-background-colour-grey-dark thead{background-color:#4A4A4A}.container.body-text-colour-grey-dark tbody{color:#4A4A4A}.container.body-background-colour-grey-dark tbody{background-color:#4A4A4A}.container table{width:100%;border-collapse:collapse;border:0}.container table td,.container table th{padding:10px 20px;border:0;font-size:inherit}.container table thead{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.15))}.container table thead td,.container table thead th{font-weight:bold}.container table tbody tr.odd{background-color:rgba(255, 255, 255, 0.3)}.container table tbody td,.container table tbody th{font-size:80%}";
 const BiggiveTable$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/biggive-timeline-entry.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface BiggiveTimelineEntry extends Components.BiggiveTimelineEntry, HTMLElement {}
+export const BiggiveTimelineEntry: {
+  prototype: BiggiveTimelineEntry;
+  new (): BiggiveTimelineEntry;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/biggive-timeline-entry.js ADDED Viewed

@@ -0,0 +1,38 @@
+import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+const biggiveTimelineEntryCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block}";
+const BiggiveTimelineEntry$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.date = undefined;
+    this.heading = undefined;
+  }
+  render() {
+    return null;
+  }
+  static get style() { return biggiveTimelineEntryCss; }
+}, [1, "biggive-timeline-entry", {
+    "date": [1],
+    "heading": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["biggive-timeline-entry"];
+  components.forEach(tagName => { switch (tagName) {
+    case "biggive-timeline-entry":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BiggiveTimelineEntry$1);
+      }
+      break;
+  } });
+}
+const BiggiveTimelineEntry = BiggiveTimelineEntry$1;
+const defineCustomElement = defineCustomElement$1;
+export { BiggiveTimelineEntry, defineCustomElement };

package/dist/components/biggive-timeline.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface BiggiveTimeline extends Components.BiggiveTimeline, HTMLElement {}
+export const BiggiveTimeline: {
+  prototype: BiggiveTimeline;
+  new (): BiggiveTimeline;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/biggive-timeline.js ADDED Viewed

@@ -0,0 +1,140 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+const biggiveTimelineCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}::slotted(*){display:none}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .navigation{padding:0 40px}.container .navigation .button{position:absolute;top:5px;display:block;width:30px;height:30px;padding:2.5px 10px;box-sizing:border-box;background-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);border-radius:50%;cursor:pointer;text-align:center}.container .navigation .button.prev{left:0}.container .navigation .button.next{right:0}.container .navigation .button svg{width:10px;height:10px}.container .navigation ul{margin:0;padding:0;list-style-type:none;border-bottom:1px solid transparent;display:flex}.container .navigation ul li{padding:10px;margin:0;width:calc(33.3% - 20px);border-bottom:3px solid transparent;text-align:center;cursor:pointer}.container .navigation ul li.selected{font-weight:bold}.container .entry-wrap{padding:40px}.container .entry-wrap .entry{margin-bottom:15px;border-left:15px solid transparent;padding:15px 40px 15px 40px}.container .entry-wrap .entry .date{font-size:13px;line-height:17px;font-weight:bold;margin:0 0 5px 0}.container .entry-wrap .entry .title{font-weight:bold;margin:0 0 5px 0;padding:0}.container .entry-wrap .entry .content p{margin:0 0 5px 0}.container.text-colour-primary .navigation li{color:#2C089B}.container.navigation-highlight-colour-primary .navigation ul{border-color:#2C089B}.container.selected-text-colour-primary .navigation li.selected{color:#2C089B;border-color:#2C089B}.container.selected-navigation-highlight-colour-primary .navigation li.selected{border-color:#2C089B}.container.button-background-colour-primary .navigation .button{background-color:#2C089B}.container.button-icon-colour-primary .navigation .button svg path{stroke:#2C089B}.container.entry-background-colour-primary .entry{background-color:#2C089B}.container.entry-highlight-colour-primary .entry{border-color:#2C089B}.container.entry-date-colour-primary .entry .date{color:#2C089B}.container.entry-title-colour-primary .entry .title{color:#2C089B}.container.entry-text-colour-primary .entry .content{color:#2C089B}.container.text-colour-secondary .navigation li{color:#2AF135}.container.navigation-highlight-colour-secondary .navigation ul{border-color:#2AF135}.container.selected-text-colour-secondary .navigation li.selected{color:#2AF135;border-color:#2AF135}.container.selected-navigation-highlight-colour-secondary .navigation li.selected{border-color:#2AF135}.container.button-background-colour-secondary .navigation .button{background-color:#2AF135}.container.button-icon-colour-secondary .navigation .button svg path{stroke:#2AF135}.container.entry-background-colour-secondary .entry{background-color:#2AF135}.container.entry-highlight-colour-secondary .entry{border-color:#2AF135}.container.entry-date-colour-secondary .entry .date{color:#2AF135}.container.entry-title-colour-secondary .entry .title{color:#2AF135}.container.entry-text-colour-secondary .entry .content{color:#2AF135}.container.text-colour-tertiary .navigation li{color:#FF7272}.container.navigation-highlight-colour-tertiary .navigation ul{border-color:#FF7272}.container.selected-text-colour-tertiary .navigation li.selected{color:#FF7272;border-color:#FF7272}.container.selected-navigation-highlight-colour-tertiary .navigation li.selected{border-color:#FF7272}.container.button-background-colour-tertiary .navigation .button{background-color:#FF7272}.container.button-icon-colour-tertiary .navigation .button svg path{stroke:#FF7272}.container.entry-background-colour-tertiary .entry{background-color:#FF7272}.container.entry-highlight-colour-tertiary .entry{border-color:#FF7272}.container.entry-date-colour-tertiary .entry .date{color:#FF7272}.container.entry-title-colour-tertiary .entry .title{color:#FF7272}.container.entry-text-colour-tertiary .entry .content{color:#FF7272}.container.text-colour-brand-1 .navigation li{color:#B30510}.container.navigation-highlight-colour-brand-1 .navigation ul{border-color:#B30510}.container.selected-text-colour-brand-1 .navigation li.selected{color:#B30510;border-color:#B30510}.container.selected-navigation-highlight-colour-brand-1 .navigation li.selected{border-color:#B30510}.container.button-background-colour-brand-1 .navigation .button{background-color:#B30510}.container.button-icon-colour-brand-1 .navigation .button svg path{stroke:#B30510}.container.entry-background-colour-brand-1 .entry{background-color:#B30510}.container.entry-highlight-colour-brand-1 .entry{border-color:#B30510}.container.entry-date-colour-brand-1 .entry .date{color:#B30510}.container.entry-title-colour-brand-1 .entry .title{color:#B30510}.container.entry-text-colour-brand-1 .entry .content{color:#B30510}.container.text-colour-brand-2 .navigation li{color:#6E0887}.container.navigation-highlight-colour-brand-2 .navigation ul{border-color:#6E0887}.container.selected-text-colour-brand-2 .navigation li.selected{color:#6E0887;border-color:#6E0887}.container.selected-navigation-highlight-colour-brand-2 .navigation li.selected{border-color:#6E0887}.container.button-background-colour-brand-2 .navigation .button{background-color:#6E0887}.container.button-icon-colour-brand-2 .navigation .button svg path{stroke:#6E0887}.container.entry-background-colour-brand-2 .entry{background-color:#6E0887}.container.entry-highlight-colour-brand-2 .entry{border-color:#6E0887}.container.entry-date-colour-brand-2 .entry .date{color:#6E0887}.container.entry-title-colour-brand-2 .entry .title{color:#6E0887}.container.entry-text-colour-brand-2 .entry .content{color:#6E0887}.container.text-colour-brand-3 .navigation li{color:#50B400}.container.navigation-highlight-colour-brand-3 .navigation ul{border-color:#50B400}.container.selected-text-colour-brand-3 .navigation li.selected{color:#50B400;border-color:#50B400}.container.selected-navigation-highlight-colour-brand-3 .navigation li.selected{border-color:#50B400}.container.button-background-colour-brand-3 .navigation .button{background-color:#50B400}.container.button-icon-colour-brand-3 .navigation .button svg path{stroke:#50B400}.container.entry-background-colour-brand-3 .entry{background-color:#50B400}.container.entry-highlight-colour-brand-3 .entry{border-color:#50B400}.container.entry-date-colour-brand-3 .entry .date{color:#50B400}.container.entry-title-colour-brand-3 .entry .title{color:#50B400}.container.entry-text-colour-brand-3 .entry .content{color:#50B400}.container.text-colour-brand-4 .navigation li{color:#FFE500}.container.navigation-highlight-colour-brand-4 .navigation ul{border-color:#FFE500}.container.selected-text-colour-brand-4 .navigation li.selected{color:#FFE500;border-color:#FFE500}.container.selected-navigation-highlight-colour-brand-4 .navigation li.selected{border-color:#FFE500}.container.button-background-colour-brand-4 .navigation .button{background-color:#FFE500}.container.button-icon-colour-brand-4 .navigation .button svg path{stroke:#FFE500}.container.entry-background-colour-brand-4 .entry{background-color:#FFE500}.container.entry-highlight-colour-brand-4 .entry{border-color:#FFE500}.container.entry-date-colour-brand-4 .entry .date{color:#FFE500}.container.entry-title-colour-brand-4 .entry .title{color:#FFE500}.container.entry-text-colour-brand-4 .entry .content{color:#FFE500}.container.text-colour-brand-5 .navigation li{color:#F07D00}.container.navigation-highlight-colour-brand-5 .navigation ul{border-color:#F07D00}.container.selected-text-colour-brand-5 .navigation li.selected{color:#F07D00;border-color:#F07D00}.container.selected-navigation-highlight-colour-brand-5 .navigation li.selected{border-color:#F07D00}.container.button-background-colour-brand-5 .navigation .button{background-color:#F07D00}.container.button-icon-colour-brand-5 .navigation .button svg path{stroke:#F07D00}.container.entry-background-colour-brand-5 .entry{background-color:#F07D00}.container.entry-highlight-colour-brand-5 .entry{border-color:#F07D00}.container.entry-date-colour-brand-5 .entry .date{color:#F07D00}.container.entry-title-colour-brand-5 .entry .title{color:#F07D00}.container.entry-text-colour-brand-5 .entry .content{color:#F07D00}.container.text-colour-brand-6 .navigation li{color:#62CFC9}.container.navigation-highlight-colour-brand-6 .navigation ul{border-color:#62CFC9}.container.selected-text-colour-brand-6 .navigation li.selected{color:#62CFC9;border-color:#62CFC9}.container.selected-navigation-highlight-colour-brand-6 .navigation li.selected{border-color:#62CFC9}.container.button-background-colour-brand-6 .navigation .button{background-color:#62CFC9}.container.button-icon-colour-brand-6 .navigation .button svg path{stroke:#62CFC9}.container.entry-background-colour-brand-6 .entry{background-color:#62CFC9}.container.entry-highlight-colour-brand-6 .entry{border-color:#62CFC9}.container.entry-date-colour-brand-6 .entry .date{color:#62CFC9}.container.entry-title-colour-brand-6 .entry .title{color:#62CFC9}.container.entry-text-colour-brand-6 .entry .content{color:#62CFC9}.container.text-colour-white .navigation li{color:#FFFFFF}.container.navigation-highlight-colour-white .navigation ul{border-color:#FFFFFF}.container.selected-text-colour-white .navigation li.selected{color:#FFFFFF;border-color:#FFFFFF}.container.selected-navigation-highlight-colour-white .navigation li.selected{border-color:#FFFFFF}.container.button-background-colour-white .navigation .button{background-color:#FFFFFF}.container.button-icon-colour-white .navigation .button svg path{stroke:#FFFFFF}.container.entry-background-colour-white .entry{background-color:#FFFFFF}.container.entry-highlight-colour-white .entry{border-color:#FFFFFF}.container.entry-date-colour-white .entry .date{color:#FFFFFF}.container.entry-title-colour-white .entry .title{color:#FFFFFF}.container.entry-text-colour-white .entry .content{color:#FFFFFF}.container.text-colour-black .navigation li{color:#000000}.container.navigation-highlight-colour-black .navigation ul{border-color:#000000}.container.selected-text-colour-black .navigation li.selected{color:#000000;border-color:#000000}.container.selected-navigation-highlight-colour-black .navigation li.selected{border-color:#000000}.container.button-background-colour-black .navigation .button{background-color:#000000}.container.button-icon-colour-black .navigation .button svg path{stroke:#000000}.container.entry-background-colour-black .entry{background-color:#000000}.container.entry-highlight-colour-black .entry{border-color:#000000}.container.entry-date-colour-black .entry .date{color:#000000}.container.entry-title-colour-black .entry .title{color:#000000}.container.entry-text-colour-black .entry .content{color:#000000}.container.text-colour-grey-extra-light .navigation li{color:#D7D7D7}.container.navigation-highlight-colour-grey-extra-light .navigation ul{border-color:#D7D7D7}.container.selected-text-colour-grey-extra-light .navigation li.selected{color:#D7D7D7;border-color:#D7D7D7}.container.selected-navigation-highlight-colour-grey-extra-light .navigation li.selected{border-color:#D7D7D7}.container.button-background-colour-grey-extra-light .navigation .button{background-color:#D7D7D7}.container.button-icon-colour-grey-extra-light .navigation .button svg path{stroke:#D7D7D7}.container.entry-background-colour-grey-extra-light .entry{background-color:#D7D7D7}.container.entry-highlight-colour-grey-extra-light .entry{border-color:#D7D7D7}.container.entry-date-colour-grey-extra-light .entry .date{color:#D7D7D7}.container.entry-title-colour-grey-extra-light .entry .title{color:#D7D7D7}.container.entry-text-colour-grey-extra-light .entry .content{color:#D7D7D7}.container.text-colour-grey-light .navigation li{color:#E8E8E8}.container.navigation-highlight-colour-grey-light .navigation ul{border-color:#E8E8E8}.container.selected-text-colour-grey-light .navigation li.selected{color:#E8E8E8;border-color:#E8E8E8}.container.selected-navigation-highlight-colour-grey-light .navigation li.selected{border-color:#E8E8E8}.container.button-background-colour-grey-light .navigation .button{background-color:#E8E8E8}.container.button-icon-colour-grey-light .navigation .button svg path{stroke:#E8E8E8}.container.entry-background-colour-grey-light .entry{background-color:#E8E8E8}.container.entry-highlight-colour-grey-light .entry{border-color:#E8E8E8}.container.entry-date-colour-grey-light .entry .date{color:#E8E8E8}.container.entry-title-colour-grey-light .entry .title{color:#E8E8E8}.container.entry-text-colour-grey-light .entry .content{color:#E8E8E8}.container.text-colour-grey-medium .navigation li{color:#8A8A8A}.container.navigation-highlight-colour-grey-medium .navigation ul{border-color:#8A8A8A}.container.selected-text-colour-grey-medium .navigation li.selected{color:#8A8A8A;border-color:#8A8A8A}.container.selected-navigation-highlight-colour-grey-medium .navigation li.selected{border-color:#8A8A8A}.container.button-background-colour-grey-medium .navigation .button{background-color:#8A8A8A}.container.button-icon-colour-grey-medium .navigation .button svg path{stroke:#8A8A8A}.container.entry-background-colour-grey-medium .entry{background-color:#8A8A8A}.container.entry-highlight-colour-grey-medium .entry{border-color:#8A8A8A}.container.entry-date-colour-grey-medium .entry .date{color:#8A8A8A}.container.entry-title-colour-grey-medium .entry .title{color:#8A8A8A}.container.entry-text-colour-grey-medium .entry .content{color:#8A8A8A}.container.text-colour-grey-dark .navigation li{color:#4A4A4A}.container.navigation-highlight-colour-grey-dark .navigation ul{border-color:#4A4A4A}.container.selected-text-colour-grey-dark .navigation li.selected{color:#4A4A4A;border-color:#4A4A4A}.container.selected-navigation-highlight-colour-grey-dark .navigation li.selected{border-color:#4A4A4A}.container.button-background-colour-grey-dark .navigation .button{background-color:#4A4A4A}.container.button-icon-colour-grey-dark .navigation .button svg path{stroke:#4A4A4A}.container.entry-background-colour-grey-dark .entry{background-color:#4A4A4A}.container.entry-highlight-colour-grey-dark .entry{border-color:#4A4A4A}.container.entry-date-colour-grey-dark .entry .date{color:#4A4A4A}.container.entry-title-colour-grey-dark .entry .title{color:#4A4A4A}.container.entry-text-colour-grey-dark .entry .content{color:#4A4A4A}";
+const BiggiveTimeline$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.currentTab = 0;
+    this.tabHeadings = [];
+    this.children = [];
+    this.spaceBelow = 0;
+    this.textColour = 'black';
+    this.selectedTextColour = 'primary';
+    this.navigationHighlightColour = 'grey-medium';
+    this.selectedNavigationHighlightColour = 'primary';
+    this.buttonBackgroundColour = 'white';
+    this.buttonIconColour = 'primary';
+    this.entryBackgroundColour = 'white';
+    this.entryHighlightColour = 'secondary';
+    this.entryDateColour = 'black';
+    this.entryTitleColour = 'primary';
+    this.entryTextColour = 'black';
+  }
+  componentWillLoad() {
+    this.children = Array.from(this.host.children);
+    let tabHeadings = this.tabHeadings;
+    this.children.forEach(function (entry) {
+      let tab = entry.date.substring(0, 4);
+      if (!tabHeadings.includes(tab)) {
+        tabHeadings.push(tab);
+      }
+    });
+  }
+  componentDidRender() {
+    this.showTab(0);
+  }
+  /*
+   * Shows the i'th element in the timeline, counting from zero. Does nothing if i out of range.
+   */
+  showTab(i) {
+    var _a, _b, _c;
+    const tabs = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.navigation ul li');
+    const entries = (_b = this.host.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('.entry');
+    if (i >= 0 && i <= (tabs === null || tabs === void 0 ? void 0 : tabs.length) - 1) {
+      this.currentTab = i;
+      let currentTabTitle = (_c = tabs[i]) === null || _c === void 0 ? void 0 : _c.innerHTML;
+      let j = 0;
+      tabs === null || tabs === void 0 ? void 0 : tabs.forEach(function (tab) {
+        if (i == j) {
+          tab.classList.add('selected');
+        }
+        else {
+          tab.classList.remove('selected');
+        }
+        j++;
+      });
+      entries.forEach(function (entry) {
+        var _a;
+        entry.style.display = ((_a = entry.getAttribute('data-date')) === null || _a === void 0 ? void 0 : _a.substring(0, 4)) == currentTabTitle ? 'block' : 'none';
+      });
+    }
+  }
+  clickTabHandler(e) {
+    let i = 0;
+    for (let el of e.target.parentElement.children) {
+      if (el == e.target) {
+        this.showTab(i);
+        return;
+      }
+      i++;
+    }
+  }
+  clickPrevHandler() {
+    this.showTab(this.currentTab - 1);
+  }
+  clickNextHandler() {
+    this.showTab(this.currentTab + 1);
+  }
+  render() {
+    return (h("div", { class: 'container space-below-' +
+        this.spaceBelow +
+        ' text-colour-' +
+        this.textColour +
+        ' selected-text-colour-' +
+        this.selectedTextColour +
+        ' navigation-highlight-colour-' +
+        this.navigationHighlightColour +
+        ' selected-navigation-highlight-colour-' +
+        this.selectedNavigationHighlightColour +
+        ' button-background-colour-' +
+        this.buttonBackgroundColour +
+        ' button-icon-colour-' +
+        this.buttonIconColour +
+        ' entry-background-colour-' +
+        this.entryBackgroundColour +
+        ' entry-highlight-colour-' +
+        this.entryHighlightColour +
+        ' entry-date-colour-' +
+        this.entryDateColour +
+        ' entry-title-colour-' +
+        this.entryTitleColour +
+        ' entry-text-colour-' +
+        this.entryTextColour }, h("div", { class: "navigation" }, h("div", { class: "button prev", onClick: () => this.clickPrevHandler(), title: "Previous" }, h("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("ul", null, this.tabHeadings.map(tab => (h("li", { onClick: event => this.clickTabHandler(event) }, tab)))), h("div", { class: "button next", onClick: () => this.clickNextHandler(), title: "Next" }, h("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("div", { class: "entry-wrap" }, this.children.map(entry => (h("div", { class: "entry", "data-date": entry.date }, h("div", { class: "date" }, entry.date), h("h4", { class: "title" }, entry.heading), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
+  }
+  get host() { return this; }
+  static get style() { return biggiveTimelineCss; }
+}, [1, "biggive-timeline", {
+    "spaceBelow": [2, "space-below"],
+    "textColour": [1, "text-colour"],
+    "selectedTextColour": [1, "selected-text-colour"],
+    "navigationHighlightColour": [1, "navigation-highlight-colour"],
+    "selectedNavigationHighlightColour": [1, "selected-navigation-highlight-colour"],
+    "buttonBackgroundColour": [1, "button-background-colour"],
+    "buttonIconColour": [1, "button-icon-colour"],
+    "entryBackgroundColour": [1, "entry-background-colour"],
+    "entryHighlightColour": [1, "entry-highlight-colour"],
+    "entryDateColour": [1, "entry-date-colour"],
+    "entryTitleColour": [1, "entry-title-colour"],
+    "entryTextColour": [1, "entry-text-colour"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["biggive-timeline"];
+  components.forEach(tagName => { switch (tagName) {
+    case "biggive-timeline":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BiggiveTimeline$1);
+      }
+      break;
+  } });
+}
+const BiggiveTimeline = BiggiveTimeline$1;
+const defineCustomElement = defineCustomElement$1;
+export { BiggiveTimeline, defineCustomElement };

package/dist/components/biggive-tipping-slider.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+interface BiggiveTippingSlider extends Components.BiggiveTippingSlider, HTMLElement {}
+export const BiggiveTippingSlider: {
+  prototype: BiggiveTippingSlider;
+  new (): BiggiveTippingSlider;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/biggive-tipping-slider.js ADDED Viewed

@@ -0,0 +1,100 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+const biggiveTippingSliderCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-red{fill:red}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container{overflow:hidden;padding:50px 30px 0 30px}.container .bar{position:relative;margin:25px 0 15px 0;background-color:#8A8A8A;border-radius:5px;height:10px}.container .bar .handle{border-radius:50%;position:absolute;width:40px;height:40px;background-color:#2C089B;transform:translate(0, -15px);cursor:pointer}.container .bar .handle .tooltip{display:block;position:absolute;left:50%;transform:translate(-50%, -110%);white-space:nowrap;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.25);padding:2px 10px}.container .bar .handle .tooltip .donation{font-weight:bold}.container .bar .handle .tooltip .percentage{font-size:75%}.container .labels{display:flex;justify-content:space-around;margin:20px 15px 15px 15px;font-weight:600}.container .labels .label-start{text-align:left;margin-right:auto}.container .labels .label-end{text-align:right;margin-left:auto}.container .reset{margin-bottom:15px;display:flex}.container .reset .button{margin-left:auto;cursor:pointer;text-decoration:underline}";
+const BiggiveTippingSlider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.resetSlider = () => {
+      var _a;
+      const handle = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.handle');
+      const percentageWrap = handle === null || handle === void 0 ? void 0 : handle.querySelector('.percentage-value');
+      const donationWrap = handle === null || handle === void 0 ? void 0 : handle.querySelector('.donation-value');
+      handle.style.marginLeft = '0px';
+      percentageWrap.innerHTML = '0';
+      donationWrap.innerHTML = '0';
+    };
+    this.spaceBelow = 0;
+    this.colourScheme = 'primary';
+    this.percentageStart = undefined;
+    this.percentageEnd = undefined;
+    this.donationAmount = undefined;
+    this.donationCurrency = undefined;
+  }
+  componentDidRender() {
+    var _a, _b;
+    var isMoving = false;
+    const handle = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.handle');
+    const bar = (_b = this.host.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.bar');
+    const percentageWrap = handle === null || handle === void 0 ? void 0 : handle.querySelector('.percentage-value');
+    const donationWrap = handle === null || handle === void 0 ? void 0 : handle.querySelector('.donation-value');
+    var move = (e) => {
+      var _a;
+      if (isMoving) {
+        const max = bar.offsetWidth - handle.offsetWidth;
+        const pageX = e instanceof TouchEvent ? (_a = e.touches[0]) === null || _a === void 0 ? void 0 : _a.pageX : e.pageX;
+        if (typeof pageX != 'undefined') {
+          const mousePos = pageX - bar.offsetLeft - handle.offsetWidth / 2;
+          const position = mousePos > max ? max : mousePos < 0 ? 0 : mousePos;
+          const percentage = (position / max) * this.percentageEnd;
+          const donation = Math.round(this.donationAmount * (percentage / 100));
+          percentageWrap.innerHTML = Math.round(percentage).toString();
+          donationWrap.innerHTML = Math.round(donation).toString();
+          handle.style.marginLeft = position + 'px';
+        }
+      }
+    };
+    bar.addEventListener('mousedown', function (e) {
+      isMoving = true;
+      move(e);
+    });
+    document.addEventListener('mouseup', function () {
+      isMoving = false;
+    });
+    document.addEventListener('mousemove', function (e) {
+      move(e);
+    });
+    bar.addEventListener('touchstart', function (e) {
+      isMoving = true;
+      move(e);
+    });
+    bar.addEventListener('touchend', function () {
+      isMoving = false;
+    });
+    document.addEventListener('touchmove', function (e) {
+      move(e);
+    });
+  }
+  render() {
+    return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "bar" }, h("div", { class: "handle", id: "handle" }, h("div", { class: "tooltip" }, h("span", { class: "donation" }, this.donationCurrency, h("span", { class: "donation-value" }, "0")), "\u00A0", h("span", { class: "percentage" }, "(", h("span", { class: "percentage-value" }, "0"), "%)")))), h("div", { class: "labels" }, h("div", { class: "label-start" }, this.percentageStart, "%"), h("div", { class: "label-end" }, this.percentageEnd, "%")), h("div", { class: "reset" }, h("span", { class: "button", onClick: this.resetSlider }, "Back to default"))));
+  }
+  get host() { return this; }
+  static get style() { return biggiveTippingSliderCss; }
+}, [1, "biggive-tipping-slider", {
+    "spaceBelow": [2, "space-below"],
+    "colourScheme": [1, "colour-scheme"],
+    "percentageStart": [2, "percentage-start"],
+    "percentageEnd": [2, "percentage-end"],
+    "donationAmount": [2, "donation-amount"],
+    "donationCurrency": [1, "donation-currency"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["biggive-tipping-slider"];
+  components.forEach(tagName => { switch (tagName) {
+    case "biggive-tipping-slider":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BiggiveTippingSlider$1);
+      }
+      break;
+  } });
+}
+const BiggiveTippingSlider = BiggiveTippingSlider$1;
+const defineCustomElement = defineCustomElement$1;
+export { BiggiveTippingSlider, defineCustomElement };

package/dist/components/biggive-totalizer.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-const biggiveTotalizerCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}@keyframes ticker{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-100%, 0, 0)}}.container{position:absolute;left:0;right:0;z-index:1}.container .main-message-wrap{position:absolute;z-index:1;padding:10px 30px;left:0;top:0;font-size:24px;line-height:30px;font-weight:600;max-width:33.3%}.container .ticker-wrap{padding:10px 0 10px 0;min-height:17px;font-size:17px;line-height:24px;overflow:hidden;position:relative}.container .ticker-wrap .sleeve{will-change:transform;width:100%;position:absolute;left:100%;display:flex;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:ticker;animation-duration:20s}.container .ticker-wrap .sleeve .ticker-item{white-space:nowrap;padding:0 15px}@media screen and (max-width: 768px){.container .main-message-wrap{font-size:17px;line-height:24px;padding:10px}}";
+const biggiveTotalizerCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}@keyframes ticker{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-100%, 0, 0)}}.container{position:absolute;left:0;right:0;z-index:1}.container .main-message-wrap{position:absolute;z-index:1;padding:10px 30px;left:0;top:0;font-size:24px;line-height:30px;font-weight:600;max-width:33.3%}.container .ticker-wrap{padding:10px 0 10px 0;min-height:17px;font-size:17px;line-height:24px;overflow:hidden;position:relative}.container .ticker-wrap .sleeve{will-change:transform;width:100%;position:absolute;left:100%;display:flex;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:ticker;animation-duration:20s}.container .ticker-wrap .sleeve .ticker-item{white-space:nowrap;padding:0 15px}@media screen and (max-width: 768px){.container .main-message-wrap{font-size:17px;line-height:24px;padding:10px}}";
 const BiggiveTotalizer$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/biggive-video-feature.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 import { V as VideoService } from './video.js';
 import { d as defineCustomElement$2 } from './biggive-button2.js';
-const biggiveVideoFeatureCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}:host{display:contents}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .sleeve{display:flex;justify-content:space-between}.container .sleeve .content-wrap{width:calc(40% - 15px);position:relative;z-index:1}.container .sleeve .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .sleeve .content-wrap h2{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .sleeve .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .sleeve .graphic-wrap{width:calc(60% - 15px)}@media screen and (max-width: 576px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%}.container .sleeve .graphic-wrap{padding-top:20px;width:100%;margin-bottom:15px}}";
+const biggiveVideoFeatureCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}:host{display:contents}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .sleeve{display:flex;justify-content:space-between}.container .sleeve .content-wrap{width:calc(40% - 15px);position:relative;z-index:1}.container .sleeve .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .sleeve .content-wrap h2{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .sleeve .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .sleeve .graphic-wrap{width:calc(60% - 15px)}@media screen and (max-width: 576px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%}.container .sleeve .graphic-wrap{padding-top:20px;width:100%;margin-bottom:15px}}";
 const BiggiveVideoFeature$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/index.d.ts CHANGED Viewed

@@ -1,4 +1,6 @@
 /* BigGive custom elements */
+export { BiggiveAccordion as BiggiveAccordion } from '../types/components/biggive-accordion/biggive-accordion';
+export { BiggiveAccordionEntry as BiggiveAccordionEntry } from '../types/components/biggive-accordion-entry/biggive-accordion-entry';
 export { BiggiveArticleCard as BiggiveArticleCard } from '../types/components/biggive-article-card/biggive-article-card';
 export { BiggiveBackToTop as BiggiveBackToTop } from '../types/components/biggive-back-to-top/biggive-back-to-top';
 export { BiggiveBasicCard as BiggiveBasicCard } from '../types/components/biggive-basic-card/biggive-basic-card';
@@ -11,6 +13,7 @@ export { BiggiveCallToAction as BiggiveCallToAction } from '../types/components/
 export { BiggiveCampaignCard as BiggiveCampaignCard } from '../types/components/biggive-campaign-card/biggive-campaign-card';
 export { BiggiveCampaignCardFilterGrid as BiggiveCampaignCardFilterGrid } from '../types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid';
 export { BiggiveCampaignHighlights as BiggiveCampaignHighlights } from '../types/components/biggive-campaign-highlights/biggive-campaign-highlights';
+export { BiggiveCarousel as BiggiveCarousel } from '../types/components/biggive-carousel/biggive-carousel';
 export { BiggiveCategoryIcon as BiggiveCategoryIcon } from '../types/components/biggive-category-icon/biggive-category-icon';
 export { BiggiveFooter as BiggiveFooter } from '../types/components/biggive-footer/biggive-footer';
 export { BiggiveForm as BiggiveForm } from '../types/components/biggive-form/biggive-form';
@@ -41,6 +44,9 @@ export { BiggiveTab as BiggiveTab } from '../types/components/biggive-tab/biggiv
 export { BiggiveTabbedContent as BiggiveTabbedContent } from '../types/components/biggive-tabbed-content/biggive-tabbed-content';
 export { BiggiveTable as BiggiveTable } from '../types/components/biggive-table/biggive-table';
 export { BiggiveTextInput as BiggiveTextInput } from '../types/components/biggive-form-field-text-input/biggive-text-input';
+export { BiggiveTimeline as BiggiveTimeline } from '../types/components/biggive-timeline/biggive-timeline';
+export { BiggiveTimelineEntry as BiggiveTimelineEntry } from '../types/components/biggive-timeline-entry/biggive-timeline-entry';
+export { BiggiveTippingSlider as BiggiveTippingSlider } from '../types/components/biggive-tipping-slider/biggive-tipping-slider';
 export { BiggiveTotalizer as BiggiveTotalizer } from '../types/components/biggive-totalizer/biggive-totalizer';
 export { BiggiveTotalizerTickerItem as BiggiveTotalizerTickerItem } from '../types/components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item';
 export { BiggiveVideo as BiggiveVideo } from '../types/components/biggive-video/biggive-video';

package/dist/components/index.js CHANGED Viewed

@@ -1,4 +1,6 @@
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
+export { BiggiveAccordion, defineCustomElement as defineCustomElementBiggiveAccordion } from './biggive-accordion.js';
+export { BiggiveAccordionEntry, defineCustomElement as defineCustomElementBiggiveAccordionEntry } from './biggive-accordion-entry.js';
 export { BiggiveArticleCard, defineCustomElement as defineCustomElementBiggiveArticleCard } from './biggive-article-card.js';
 export { BiggiveBackToTop, defineCustomElement as defineCustomElementBiggiveBackToTop } from './biggive-back-to-top.js';
 export { BiggiveBasicCard, defineCustomElement as defineCustomElementBiggiveBasicCard } from './biggive-basic-card.js';
@@ -11,6 +13,7 @@ export { BiggiveCallToAction, defineCustomElement as defineCustomElementBiggiveC
 export { BiggiveCampaignCard, defineCustomElement as defineCustomElementBiggiveCampaignCard } from './biggive-campaign-card.js';
 export { BiggiveCampaignCardFilterGrid, defineCustomElement as defineCustomElementBiggiveCampaignCardFilterGrid } from './biggive-campaign-card-filter-grid.js';
 export { BiggiveCampaignHighlights, defineCustomElement as defineCustomElementBiggiveCampaignHighlights } from './biggive-campaign-highlights.js';
+export { BiggiveCarousel, defineCustomElement as defineCustomElementBiggiveCarousel } from './biggive-carousel.js';
 export { BiggiveCategoryIcon, defineCustomElement as defineCustomElementBiggiveCategoryIcon } from './biggive-category-icon.js';
 export { BiggiveFooter, defineCustomElement as defineCustomElementBiggiveFooter } from './biggive-footer.js';
 export { BiggiveForm, defineCustomElement as defineCustomElementBiggiveForm } from './biggive-form.js';
@@ -41,6 +44,9 @@ export { BiggiveTab, defineCustomElement as defineCustomElementBiggiveTab } from
 export { BiggiveTabbedContent, defineCustomElement as defineCustomElementBiggiveTabbedContent } from './biggive-tabbed-content.js';
 export { BiggiveTable, defineCustomElement as defineCustomElementBiggiveTable } from './biggive-table.js';
 export { BiggiveTextInput, defineCustomElement as defineCustomElementBiggiveTextInput } from './biggive-text-input.js';
+export { BiggiveTimeline, defineCustomElement as defineCustomElementBiggiveTimeline } from './biggive-timeline.js';
+export { BiggiveTimelineEntry, defineCustomElement as defineCustomElementBiggiveTimelineEntry } from './biggive-timeline-entry.js';
+export { BiggiveTippingSlider, defineCustomElement as defineCustomElementBiggiveTippingSlider } from './biggive-tipping-slider.js';
 export { BiggiveTotalizer, defineCustomElement as defineCustomElementBiggiveTotalizer } from './biggive-totalizer.js';
 export { BiggiveTotalizerTickerItem, defineCustomElement as defineCustomElementBiggiveTotalizerTickerItem } from './biggive-totalizer-ticker-item.js';
 export { BiggiveVideo, defineCustomElement as defineCustomElementBiggiveVideo } from './biggive-video.js';