@biggive/components 202501021532.0.0 → 202501071646.0.0

package/dist/esm/{biggive-accordion_40.entry.js → biggive-accordion_38.entry.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement, a as getAssetPath, c as createEvent, d as Host } from './index-bf4df57a.js';
+import { r as registerInstance, h, g as getElement, a as getAssetPath, c as createEvent, d as Host } from './index-ccd7196b.js';
 import { f as faMagnifyingGlass, F as FontAwesomeIconsService } from './fontawesome-icons-4a999d04.js';
 import { V as VideoService } from './video-b04ad412.js';
 
@@ -11,7 +11,6 @@ const BiggiveAccordion = class {
         this.spaceBelow = 0;
         this.textColour = 'black';
         this.headingColour = 'primary';
-        this.children = undefined;
     }
     componentWillLoad() {
         this.children = Array.from(this.host.children);
@@ -53,57 +52,6 @@ const BiggiveAccordionEntry = class {
 };
 BiggiveAccordionEntry.style = BiggiveAccordionEntryStyle0;
 
-const biggiveArticleCardCss = "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-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{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-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}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.image-wrap img{width:100%;height:auto}.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-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{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}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}.align-right{text-align:right}.container{height:100%;width:100%;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.container .sleeve{height:100%;box-sizing:border-box;background-size:cover;padding:15px 15px 10px 15px}.container .sleeve .content-wrap{height:100%;display:flex;flex-direction:column}.container .meta{margin-bottom:10px}.container .meta .slug{font-size:13px;line-height:17px;margin-bottom:5px}.container .meta .date{font-size:13px;line-height:17px;margin-bottom:5px}.container h3{font-size:20px;line-height:24px;font-weight:bold;padding-bottom:15px;margin-bottom:auto}.container h3 a,.container h3 a:hover{text-decoration:none}.container .main-image-container img{width:100%;height:auto;display:inline-block}.container .image-group{display:flex;margin-bottom:15px}.container .image-group .image-container{margin-right:15px}.container .image-group .image-container .image-wrap{border-radius:50%;width:60px;height:60px;background-size:cover;background-position:center center;margin-bottom:5px}.container .image-group .image-container .image-wrap img{display:none}.container .image-label{font-size:11px;line-height:14px}.container .clip-bottom-left-corner-false.clip-top-right-corner-true{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container .clip-bottom-left-corner-true.clip-top-right-corner-false{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .clip-bottom-left-corner-true.clip-top-right-corner-true{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .main-title-colour-primary h3{color:#2C089B}.container .slug-colour-primary .slug{color:#2C089B}.container .date-colour-primary .date{color:#2C089B}.container .image-label-colour-primary .image-label{color:#2C089B}.container .main-title-colour-secondary h3{color:#2AF135}.container .slug-colour-secondary .slug{color:#2AF135}.container .date-colour-secondary .date{color:#2AF135}.container .image-label-colour-secondary .image-label{color:#2AF135}.container .main-title-colour-tertiary h3{color:#FF7272}.container .slug-colour-tertiary .slug{color:#FF7272}.container .date-colour-tertiary .date{color:#FF7272}.container .image-label-colour-tertiary .image-label{color:#FF7272}.container .main-title-colour-brand-1 h3{color:#B30510}.container .slug-colour-brand-1 .slug{color:#B30510}.container .date-colour-brand-1 .date{color:#B30510}.container .image-label-colour-brand-1 .image-label{color:#B30510}.container .main-title-colour-brand-2 h3{color:#6E0887}.container .slug-colour-brand-2 .slug{color:#6E0887}.container .date-colour-brand-2 .date{color:#6E0887}.container .image-label-colour-brand-2 .image-label{color:#6E0887}.container .main-title-colour-brand-3 h3{color:#50B400}.container .slug-colour-brand-3 .slug{color:#50B400}.container .date-colour-brand-3 .date{color:#50B400}.container .image-label-colour-brand-3 .image-label{color:#50B400}.container .main-title-colour-brand-4 h3{color:#FFE500}.container .slug-colour-brand-4 .slug{color:#FFE500}.container .date-colour-brand-4 .date{color:#FFE500}.container .image-label-colour-brand-4 .image-label{color:#FFE500}.container .main-title-colour-brand-5 h3{color:#F07D00}.container .slug-colour-brand-5 .slug{color:#F07D00}.container .date-colour-brand-5 .date{color:#F07D00}.container .image-label-colour-brand-5 .image-label{color:#F07D00}.container .main-title-colour-brand-cc-red h3{color:#B30510}.container .slug-colour-brand-cc-red .slug{color:#B30510}.container .date-colour-brand-cc-red .date{color:#B30510}.container .image-label-colour-brand-cc-red .image-label{color:#B30510}.container .main-title-colour-brand-wgmf-purple h3{color:#6E0887}.container .slug-colour-brand-wgmf-purple .slug{color:#6E0887}.container .date-colour-brand-wgmf-purple .date{color:#6E0887}.container .image-label-colour-brand-wgmf-purple .image-label{color:#6E0887}.container .main-title-colour-brand-gmf-green h3{color:#50B400}.container .slug-colour-brand-gmf-green .slug{color:#50B400}.container .date-colour-brand-gmf-green .date{color:#50B400}.container .image-label-colour-brand-gmf-green .image-label{color:#50B400}.container .main-title-colour-brand-emf-yellow h3{color:#FFE500}.container .slug-colour-brand-emf-yellow .slug{color:#FFE500}.container .date-colour-brand-emf-yellow .date{color:#FFE500}.container .image-label-colour-brand-emf-yellow .image-label{color:#FFE500}.container .main-title-colour-brand-c4c-orange h3{color:#F07D00}.container .slug-colour-brand-c4c-orange .slug{color:#F07D00}.container .date-colour-brand-c4c-orange .date{color:#F07D00}.container .image-label-colour-brand-c4c-orange .image-label{color:#F07D00}.container .main-title-colour-brand-afa-pink h3{color:#BF387D}.container .slug-colour-brand-afa-pink .slug{color:#BF387D}.container .date-colour-brand-afa-pink .date{color:#BF387D}.container .image-label-colour-brand-afa-pink .image-label{color:#BF387D}.container .main-title-colour-brand-mhf-turquoise h3{color:#62CFC9}.container .slug-colour-brand-mhf-turquoise .slug{color:#62CFC9}.container .date-colour-brand-mhf-turquoise .date{color:#62CFC9}.container .image-label-colour-brand-mhf-turquoise .image-label{color:#62CFC9}.container .main-title-colour-brand-grey h3{color:#CBC8C8}.container .slug-colour-brand-grey .slug{color:#CBC8C8}.container .date-colour-brand-grey .date{color:#CBC8C8}.container .image-label-colour-brand-grey .image-label{color:#CBC8C8}.container .main-title-colour-white h3{color:#FFFFFF}.container .slug-colour-white .slug{color:#FFFFFF}.container .date-colour-white .date{color:#FFFFFF}.container .image-label-colour-white .image-label{color:#FFFFFF}.container .main-title-colour-black h3{color:#000000}.container .slug-colour-black .slug{color:#000000}.container .date-colour-black .date{color:#000000}.container .image-label-colour-black .image-label{color:#000000}.container .main-title-colour-grey-extra-light h3{color:#D7D7D7}.container .slug-colour-grey-extra-light .slug{color:#D7D7D7}.container .date-colour-grey-extra-light .date{color:#D7D7D7}.container .image-label-colour-grey-extra-light .image-label{color:#D7D7D7}.container .main-title-colour-grey-light h3{color:#E8E8E8}.container .slug-colour-grey-light .slug{color:#E8E8E8}.container .date-colour-grey-light .date{color:#E8E8E8}.container .image-label-colour-grey-light .image-label{color:#E8E8E8}.container .main-title-colour-grey-medium h3{color:#8A8A8A}.container .slug-colour-grey-medium .slug{color:#8A8A8A}.container .date-colour-grey-medium .date{color:#8A8A8A}.container .image-label-colour-grey-medium .image-label{color:#8A8A8A}.container .main-title-colour-grey-dark h3{color:#4A4A4A}.container .slug-colour-grey-dark .slug{color:#4A4A4A}.container .date-colour-grey-dark .date{color:#4A4A4A}.container .image-label-colour-grey-dark .image-label{color:#4A4A4A}.container .main-title-colour-brand-6 h3{color:#62CFC9}.container .slug-colour-brand-6 .slug{color:#62CFC9}.container .date-colour-brand-6 .date{color:#62CFC9}.container .image-label-colour-brand-6 .image-label{color:#62CFC9}";
-const BiggiveArticleCardStyle0 = biggiveArticleCardCss;
-
-const BiggiveArticleCard = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.spaceBelow = 0;
-        this.backgroundColour = 'white';
-        this.backgroundImageUrl = '';
-        this.slug = undefined;
-        this.slugColour = 'black';
-        this.date = undefined;
-        this.dateColour = 'black';
-        this.mainTitle = undefined;
-        this.mainTitleColour = 'black';
-        this.mainImageUrl = undefined;
-        this.mainImageAltText = undefined;
-        this.image1Url = undefined;
-        this.image1AltText = undefined;
-        this.image2Url = undefined;
-        this.image2AltText = undefined;
-        this.imageLabel = undefined;
-        this.imageLabelColour = 'black';
-        this.buttonLabel = undefined;
-        this.buttonUrl = undefined;
-        this.buttonColour = 'black';
-        this.clipBottomLeftCorner = true;
-        this.clipTopRightCorner = true;
-    }
-    render() {
-        return (h("div", { key: '659f6dc7eed2b715979f73dfcf884738a01046fb', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'ddfca0655daf30b37c7bd616d722fbb8533d162e', class: 'sleeve background-colour-' +
-                this.backgroundColour +
-                ' text-colour-black ' +
-                ' slug-colour-' +
-                this.slugColour +
-                ' date-colour-' +
-                this.dateColour +
-                ' main-title-colour-' +
-                this.mainTitleColour +
-                ' image-label-colour-' +
-                this.imageLabelColour +
-                ' button-colour' +
-                this.buttonColour +
-                ' clip-bottom-left-corner-' +
-                this.clipBottomLeftCorner +
-                ' clip-top-right-corner-' +
-                this.clipTopRightCorner, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, h("div", { key: '2e7922c6aa0f543cd5b231809e63b957d9a9d0c7', class: "content-wrap" }, h("div", { key: '3d09111817153cf4c15cb12b24f0ccddcccde6e1', class: "meta" }, this.slug != '' ? h("div", { class: "slug text-colour-primary" }, this.slug) : null, this.date != '' ? h("div", { class: "date" }, this.date) : null), this.mainImageUrl != '' ? (h("div", { class: "main-image-container" }, h("div", { class: "image-wrap" }, h("img", { src: this.mainImageUrl, alt: this.mainImageAltText })))) : null, h("h3", { key: '722202a10aae733ed8d14663fa47ddb516df401c', class: "title" }, h("a", { key: '2a06861933adcd1faf4fb2da0587dd7fb2f229dd', href: this.buttonUrl }, this.mainTitle)), this.image1Url != '' || this.image2Url != '' ? (h("div", { class: "image-group" }, this.image1Url != '' ? (h("div", { class: "image-container" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image1Url + "')" } }, h("img", { src: this.image1Url, alt: this.image1AltText })))) : null, this.image2Url != '' ? (h("div", { class: "image-container" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.image2Url + "')" } }, h("img", { src: this.image2Url, alt: this.image2AltText })))) : null)) : null, this.imageLabel != '' ? h("div", { class: "image-label" }, this.imageLabel) : null, this.buttonLabel != null && this.buttonUrl != null ? (h("div", { class: "button-wrap align-right" }, h("biggive-button", { "colour-scheme": 'clear-' + this.buttonColour, url: this.buttonUrl, label: this.buttonLabel }))) : null))));
-    }
-};
-BiggiveArticleCard.style = BiggiveArticleCardStyle0;
-
 const biggiveBackToTopCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;margin:30px 0;text-align:center}.container a{display:inline-block}.container a .text{display:block}";
 const BiggiveBackToTopStyle0 = biggiveBackToTopCss;
 
@@ -117,65 +65,24 @@ const BiggiveBackToTop = class {
 };
 BiggiveBackToTop.style = BiggiveBackToTopStyle0;
 
-const biggiveBiographyCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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}.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-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{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-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}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.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-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{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}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:block}.container{text-align:left}.container.background-colour-primary .image-wrap{background-color:#2C089B}.container.background-colour-secondary .image-wrap{background-color:#2AF135}.container.background-colour-tertiary .image-wrap{background-color:#FF7272}.container.background-colour-brand-1 .image-wrap{background-color:#B30510}.container.background-colour-brand-2 .image-wrap{background-color:#6E0887}.container.background-colour-brand-3 .image-wrap{background-color:#50B400}.container.background-colour-brand-4 .image-wrap{background-color:#FFE500}.container.background-colour-brand-5 .image-wrap{background-color:#F07D00}.container.background-colour-brand-cc-red .image-wrap{background-color:#B30510}.container.background-colour-brand-wgmf-purple .image-wrap{background-color:#6E0887}.container.background-colour-brand-gmf-green .image-wrap{background-color:#50B400}.container.background-colour-brand-emf-yellow .image-wrap{background-color:#FFE500}.container.background-colour-brand-c4c-orange .image-wrap{background-color:#F07D00}.container.background-colour-brand-afa-pink .image-wrap{background-color:#BF387D}.container.background-colour-brand-mhf-turquoise .image-wrap{background-color:#62CFC9}.container.background-colour-brand-grey .image-wrap{background-color:#CBC8C8}.container.background-colour-white .image-wrap{background-color:#FFFFFF}.container.background-colour-black .image-wrap{background-color:#000000}.container.background-colour-grey-extra-light .image-wrap{background-color:#D7D7D7}.container.background-colour-grey-light .image-wrap{background-color:#E8E8E8}.container.background-colour-grey-medium .image-wrap{background-color:#8A8A8A}.container.background-colour-grey-dark .image-wrap{background-color:#4A4A4A}.container.background-colour-brand-6 .image-wrap{background-color:#62CFC9}.container.text-align-center{text-align:center}.container.text-align-right{text-align:right}.container a{text-decoration:none}.container h3.full-name{font-size:font-size-medium();margin:0}.container div.job-title{font-size:font-size-small();margin:0}.container .sleeve{margin-bottom:10px}.container .sleeve.border-width-1.border-colour-primary{border:5px solid #2C089B}.container .sleeve.border-width-2.border-colour-primary{border:10px solid #2C089B}.container .sleeve.border-width-3.border-colour-primary{border:15px solid #2C089B}.container .sleeve.border-width-4.border-colour-primary{border:30px solid #2C089B}.container .sleeve.border-width-5.border-colour-primary{border:45px solid #2C089B}.container .sleeve.border-width-6.border-colour-primary{border:60px solid #2C089B}.container .sleeve.border-width-1.border-colour-secondary{border:5px solid #2AF135}.container .sleeve.border-width-2.border-colour-secondary{border:10px solid #2AF135}.container .sleeve.border-width-3.border-colour-secondary{border:15px solid #2AF135}.container .sleeve.border-width-4.border-colour-secondary{border:30px solid #2AF135}.container .sleeve.border-width-5.border-colour-secondary{border:45px solid #2AF135}.container .sleeve.border-width-6.border-colour-secondary{border:60px solid #2AF135}.container .sleeve.border-width-1.border-colour-tertiary{border:5px solid #FF7272}.container .sleeve.border-width-2.border-colour-tertiary{border:10px solid #FF7272}.container .sleeve.border-width-3.border-colour-tertiary{border:15px solid #FF7272}.container .sleeve.border-width-4.border-colour-tertiary{border:30px solid #FF7272}.container .sleeve.border-width-5.border-colour-tertiary{border:45px solid #FF7272}.container .sleeve.border-width-6.border-colour-tertiary{border:60px solid #FF7272}.container .sleeve.border-width-1.border-colour-brand-1{border:5px solid #B30510}.container .sleeve.border-width-2.border-colour-brand-1{border:10px solid #B30510}.container .sleeve.border-width-3.border-colour-brand-1{border:15px solid #B30510}.container .sleeve.border-width-4.border-colour-brand-1{border:30px solid #B30510}.container .sleeve.border-width-5.border-colour-brand-1{border:45px solid #B30510}.container .sleeve.border-width-6.border-colour-brand-1{border:60px solid #B30510}.container .sleeve.border-width-1.border-colour-brand-2{border:5px solid #6E0887}.container .sleeve.border-width-2.border-colour-brand-2{border:10px solid #6E0887}.container .sleeve.border-width-3.border-colour-brand-2{border:15px solid #6E0887}.container .sleeve.border-width-4.border-colour-brand-2{border:30px solid #6E0887}.container .sleeve.border-width-5.border-colour-brand-2{border:45px solid #6E0887}.container .sleeve.border-width-6.border-colour-brand-2{border:60px solid #6E0887}.container .sleeve.border-width-1.border-colour-brand-3{border:5px solid #50B400}.container .sleeve.border-width-2.border-colour-brand-3{border:10px solid #50B400}.container .sleeve.border-width-3.border-colour-brand-3{border:15px solid #50B400}.container .sleeve.border-width-4.border-colour-brand-3{border:30px solid #50B400}.container .sleeve.border-width-5.border-colour-brand-3{border:45px solid #50B400}.container .sleeve.border-width-6.border-colour-brand-3{border:60px solid #50B400}.container .sleeve.border-width-1.border-colour-brand-4{border:5px solid #FFE500}.container .sleeve.border-width-2.border-colour-brand-4{border:10px solid #FFE500}.container .sleeve.border-width-3.border-colour-brand-4{border:15px solid #FFE500}.container .sleeve.border-width-4.border-colour-brand-4{border:30px solid #FFE500}.container .sleeve.border-width-5.border-colour-brand-4{border:45px solid #FFE500}.container .sleeve.border-width-6.border-colour-brand-4{border:60px solid #FFE500}.container .sleeve.border-width-1.border-colour-brand-5{border:5px solid #F07D00}.container .sleeve.border-width-2.border-colour-brand-5{border:10px solid #F07D00}.container .sleeve.border-width-3.border-colour-brand-5{border:15px solid #F07D00}.container .sleeve.border-width-4.border-colour-brand-5{border:30px solid #F07D00}.container .sleeve.border-width-5.border-colour-brand-5{border:45px solid #F07D00}.container .sleeve.border-width-6.border-colour-brand-5{border:60px solid #F07D00}.container .sleeve.border-width-1.border-colour-brand-cc-red{border:5px solid #B30510}.container .sleeve.border-width-2.border-colour-brand-cc-red{border:10px solid #B30510}.container .sleeve.border-width-3.border-colour-brand-cc-red{border:15px solid #B30510}.container .sleeve.border-width-4.border-colour-brand-cc-red{border:30px solid #B30510}.container .sleeve.border-width-5.border-colour-brand-cc-red{border:45px solid #B30510}.container .sleeve.border-width-6.border-colour-brand-cc-red{border:60px solid #B30510}.container .sleeve.border-width-1.border-colour-brand-wgmf-purple{border:5px solid #6E0887}.container .sleeve.border-width-2.border-colour-brand-wgmf-purple{border:10px solid #6E0887}.container .sleeve.border-width-3.border-colour-brand-wgmf-purple{border:15px solid #6E0887}.container .sleeve.border-width-4.border-colour-brand-wgmf-purple{border:30px solid #6E0887}.container .sleeve.border-width-5.border-colour-brand-wgmf-purple{border:45px solid #6E0887}.container .sleeve.border-width-6.border-colour-brand-wgmf-purple{border:60px solid #6E0887}.container .sleeve.border-width-1.border-colour-brand-gmf-green{border:5px solid #50B400}.container .sleeve.border-width-2.border-colour-brand-gmf-green{border:10px solid #50B400}.container .sleeve.border-width-3.border-colour-brand-gmf-green{border:15px solid #50B400}.container .sleeve.border-width-4.border-colour-brand-gmf-green{border:30px solid #50B400}.container .sleeve.border-width-5.border-colour-brand-gmf-green{border:45px solid #50B400}.container .sleeve.border-width-6.border-colour-brand-gmf-green{border:60px solid #50B400}.container .sleeve.border-width-1.border-colour-brand-emf-yellow{border:5px solid #FFE500}.container .sleeve.border-width-2.border-colour-brand-emf-yellow{border:10px solid #FFE500}.container .sleeve.border-width-3.border-colour-brand-emf-yellow{border:15px solid #FFE500}.container .sleeve.border-width-4.border-colour-brand-emf-yellow{border:30px solid #FFE500}.container .sleeve.border-width-5.border-colour-brand-emf-yellow{border:45px solid #FFE500}.container .sleeve.border-width-6.border-colour-brand-emf-yellow{border:60px solid #FFE500}.container .sleeve.border-width-1.border-colour-brand-c4c-orange{border:5px solid #F07D00}.container .sleeve.border-width-2.border-colour-brand-c4c-orange{border:10px solid #F07D00}.container .sleeve.border-width-3.border-colour-brand-c4c-orange{border:15px solid #F07D00}.container .sleeve.border-width-4.border-colour-brand-c4c-orange{border:30px solid #F07D00}.container .sleeve.border-width-5.border-colour-brand-c4c-orange{border:45px solid #F07D00}.container .sleeve.border-width-6.border-colour-brand-c4c-orange{border:60px solid #F07D00}.container .sleeve.border-width-1.border-colour-brand-afa-pink{border:5px solid #BF387D}.container .sleeve.border-width-2.border-colour-brand-afa-pink{border:10px solid #BF387D}.container .sleeve.border-width-3.border-colour-brand-afa-pink{border:15px solid #BF387D}.container .sleeve.border-width-4.border-colour-brand-afa-pink{border:30px solid #BF387D}.container .sleeve.border-width-5.border-colour-brand-afa-pink{border:45px solid #BF387D}.container .sleeve.border-width-6.border-colour-brand-afa-pink{border:60px solid #BF387D}.container .sleeve.border-width-1.border-colour-brand-mhf-turquoise{border:5px solid #62CFC9}.container .sleeve.border-width-2.border-colour-brand-mhf-turquoise{border:10px solid #62CFC9}.container .sleeve.border-width-3.border-colour-brand-mhf-turquoise{border:15px solid #62CFC9}.container .sleeve.border-width-4.border-colour-brand-mhf-turquoise{border:30px solid #62CFC9}.container .sleeve.border-width-5.border-colour-brand-mhf-turquoise{border:45px solid #62CFC9}.container .sleeve.border-width-6.border-colour-brand-mhf-turquoise{border:60px solid #62CFC9}.container .sleeve.border-width-1.border-colour-brand-grey{border:5px solid #CBC8C8}.container .sleeve.border-width-2.border-colour-brand-grey{border:10px solid #CBC8C8}.container .sleeve.border-width-3.border-colour-brand-grey{border:15px solid #CBC8C8}.container .sleeve.border-width-4.border-colour-brand-grey{border:30px solid #CBC8C8}.container .sleeve.border-width-5.border-colour-brand-grey{border:45px solid #CBC8C8}.container .sleeve.border-width-6.border-colour-brand-grey{border:60px solid #CBC8C8}.container .sleeve.border-width-1.border-colour-white{border:5px solid #FFFFFF}.container .sleeve.border-width-2.border-colour-white{border:10px solid #FFFFFF}.container .sleeve.border-width-3.border-colour-white{border:15px solid #FFFFFF}.container .sleeve.border-width-4.border-colour-white{border:30px solid #FFFFFF}.container .sleeve.border-width-5.border-colour-white{border:45px solid #FFFFFF}.container .sleeve.border-width-6.border-colour-white{border:60px solid #FFFFFF}.container .sleeve.border-width-1.border-colour-black{border:5px solid #000000}.container .sleeve.border-width-2.border-colour-black{border:10px solid #000000}.container .sleeve.border-width-3.border-colour-black{border:15px solid #000000}.container .sleeve.border-width-4.border-colour-black{border:30px solid #000000}.container .sleeve.border-width-5.border-colour-black{border:45px solid #000000}.container .sleeve.border-width-6.border-colour-black{border:60px solid #000000}.container .sleeve.border-width-1.border-colour-grey-extra-light{border:5px solid #D7D7D7}.container .sleeve.border-width-2.border-colour-grey-extra-light{border:10px solid #D7D7D7}.container .sleeve.border-width-3.border-colour-grey-extra-light{border:15px solid #D7D7D7}.container .sleeve.border-width-4.border-colour-grey-extra-light{border:30px solid #D7D7D7}.container .sleeve.border-width-5.border-colour-grey-extra-light{border:45px solid #D7D7D7}.container .sleeve.border-width-6.border-colour-grey-extra-light{border:60px solid #D7D7D7}.container .sleeve.border-width-1.border-colour-grey-light{border:5px solid #E8E8E8}.container .sleeve.border-width-2.border-colour-grey-light{border:10px solid #E8E8E8}.container .sleeve.border-width-3.border-colour-grey-light{border:15px solid #E8E8E8}.container .sleeve.border-width-4.border-colour-grey-light{border:30px solid #E8E8E8}.container .sleeve.border-width-5.border-colour-grey-light{border:45px solid #E8E8E8}.container .sleeve.border-width-6.border-colour-grey-light{border:60px solid #E8E8E8}.container .sleeve.border-width-1.border-colour-grey-medium{border:5px solid #8A8A8A}.container .sleeve.border-width-2.border-colour-grey-medium{border:10px solid #8A8A8A}.container .sleeve.border-width-3.border-colour-grey-medium{border:15px solid #8A8A8A}.container .sleeve.border-width-4.border-colour-grey-medium{border:30px solid #8A8A8A}.container .sleeve.border-width-5.border-colour-grey-medium{border:45px solid #8A8A8A}.container .sleeve.border-width-6.border-colour-grey-medium{border:60px solid #8A8A8A}.container .sleeve.border-width-1.border-colour-grey-dark{border:5px solid #4A4A4A}.container .sleeve.border-width-2.border-colour-grey-dark{border:10px solid #4A4A4A}.container .sleeve.border-width-3.border-colour-grey-dark{border:15px solid #4A4A4A}.container .sleeve.border-width-4.border-colour-grey-dark{border:30px solid #4A4A4A}.container .sleeve.border-width-5.border-colour-grey-dark{border:45px solid #4A4A4A}.container .sleeve.border-width-6.border-colour-grey-dark{border:60px solid #4A4A4A}.container .sleeve.border-width-1.border-colour-brand-6{border:5px solid #62CFC9}.container .sleeve.border-width-2.border-colour-brand-6{border:10px solid #62CFC9}.container .sleeve.border-width-3.border-colour-brand-6{border:15px solid #62CFC9}.container .sleeve.border-width-4.border-colour-brand-6{border:30px solid #62CFC9}.container .sleeve.border-width-5.border-colour-brand-6{border:45px solid #62CFC9}.container .sleeve.border-width-6.border-colour-brand-6{border:60px solid #62CFC9}.container .sleeve.circle-true{overflow:hidden;border-radius:50%}.container .sleeve .image-wrap{position:relative;background-position:center center;background-size:cover;background-repeat:no-repeat}.container .sleeve .image-wrap.image-style-cover{background-size:cover}.container .sleeve .image-wrap.image-style-contain{background-size:contain}.container .sleeve .image-wrap[data-ratio=\"1,1\"]{padding-bottom:100%}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-1{padding-bottom:calc(100% - 10px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-2{padding-bottom:calc(100% - 20px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-3{padding-bottom:calc(100% - 30px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-4{padding-bottom:calc(100% - 60px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-5{padding-bottom:calc(100% - 90px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-6{padding-bottom:calc(100% - 120px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"]{padding-bottom:150%}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-1{padding-bottom:calc(150% - 10px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-2{padding-bottom:calc(150% - 20px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-3{padding-bottom:calc(150% - 30px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-4{padding-bottom:calc(150% - 60px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-5{padding-bottom:calc(150% - 90px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-6{padding-bottom:calc(150% - 120px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"]{padding-bottom:200%}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-1{padding-bottom:calc(200% - 10px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-2{padding-bottom:calc(200% - 20px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-3{padding-bottom:calc(200% - 30px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-4{padding-bottom:calc(200% - 60px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-5{padding-bottom:calc(200% - 90px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-6{padding-bottom:calc(200% - 120px)}.container .sleeve .image-wrap.rounded-true{overflow:hidden;border-radius:10px}.container .sleeve .image-wrap .circle{position:absolute;width:30px;height:30px;background-color:#FFFFFF;bottom:15px;right:15px;border-radius:50%;text-align:center;padding:6.5px;box-sizing:border-box}.container .sleeve .image-wrap .circle svg path{stroke:#000000}.container .sleeve .image-wrap .circle.dark{background-color:#000000}.container .sleeve .image-wrap .circle.dark svg path{stroke:#FFFFFF}.container .sleeve .image-wrap .circle svg{position:relative;display:inline-block;top:-1px;height:15px;width:15px}.container .sleeve .image-wrap img{display:none}";
-const BiggiveBiographyCardStyle0 = biggiveBiographyCardCss;
-
-const BiggiveBiographyCard = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.spaceBelow = 0;
-        this.borderWidth = 0;
-        this.imageUrl = '';
-        this.imageStyle = 'cover';
-        this.textColour = 'black';
-        this.backgroundColour = 'white';
-        this.fullName = '';
-        this.jobTitle = '';
-        this.textAlign = 'left';
-        this.ratio = '1,1.5';
-        this.circle = false;
-        this.circleColour = 'light';
-        this.rounded = false;
-        this.url = '';
-    }
-    render() {
-        if (this.url != '') {
-            return (h("div", { class: 'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign }, h("a", { href: this.url }, h("div", { class: 'sleeve circle-' +
-                    this.circle.toString() +
-                    ' border-colour-' +
-                    this.backgroundColour +
-                    ' background-colour-' +
-                    this.backgroundColour +
-                    ' border-width-' +
-                    this.borderWidth }, this.imageUrl != '' ? (h("div", { "data-ratio": this.ratio, class: 'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString(), style: { 'background-image': "url('" + this.imageUrl + "')" } }, h("img", { src: this.imageUrl, alt: this.fullName, title: this.fullName }), h("div", { class: 'circle ' + this.circleColour }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "stroke-color": "1", d: "M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z" }))))) : null), h("h3", { class: "full-name" }, this.fullName), h("div", { class: "job-title" }, this.jobTitle))));
-        }
-        else {
-            return (h("div", { class: 'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign }, h("div", { class: 'sleeve circle-' +
-                    this.circle.toString() +
-                    ' border-colour-' +
-                    this.backgroundColour +
-                    ' background-colour-' +
-                    this.backgroundColour +
-                    ' border-width-' +
-                    this.borderWidth }, this.imageUrl != '' ? (h("div", { "data-ratio": this.ratio, class: 'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString(), style: { 'background-image': "url('" + this.imageUrl + "')" } }, h("img", { src: this.imageUrl, alt: this.fullName, title: this.fullName }))) : null), h("h3", { class: "full-name" }, this.fullName), h("div", { class: "job-title" }, this.jobTitle)));
-        }
-    }
-};
-BiggiveBiographyCard.style = BiggiveBiographyCardStyle0;
-
 const biggiveBrandedImageCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .slug{text-align:center;font-weight:bold;background-color:#2AF135;color:#000000;padding:5px 15px;width:100%;margin:-17px auto 17px auto;transform:translateY(50%);box-sizing:border-box}.container img{width:100%}.container .logo-wrap{border-radius:50%;width:120px;height:120px;transform:translateY(-50%);margin-top:30px;margin-bottom:-30px;background-size:contain;background-position:center center;background-repeat:no-repeat;background-color:#FFFFFF}@media screen and (max-width: 768px){.container .logo-wrap{width:100px;height:100px}}@media screen and (max-width: 576px){.container .logo-wrap{width:70px;height:70px;margin-top:20px}}.container #charityName{color:#2C089B;display:block;margin-bottom:5px;width:fit-content}.container #charityName,.container .charity-info{font-size:17px}@media screen and (max-width: 768px){.container #charityName,.container .charity-info{font-size:16px}}@media screen and (max-width: 576px){.container #charityName,.container .charity-info{font-size:15px}}@media screen and (max-width: 450px){.container #charityName,.container .charity-info{font-size:14px}}";
 const BiggiveBrandedImageStyle0 = biggiveBrandedImageCss;
 
 const BiggiveBrandedImage = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
+        /**
+         * Full URL of a image.
+         */
         this.imageUrl = '';
+        /**
+         * Full URL of the logo.
+         */
         this.logoUrl = '';
-        this.slug = undefined;
-        this.charityName = undefined;
-        this.charityLocation = undefined;
-        this.charityUrl = undefined;
     }
     render() {
         return (h("div", { key: '23614f7c92777ff9cc505df3ba05e414266140ae', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'de69e9303308ff4be55295f6d98c8df514ed1379', class: "slug" }, this.slug), this.imageUrl !== undefined && this.imageUrl !== null ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl }))) : null, this.logoUrl !== undefined && this.logoUrl !== null ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? h("h3", { class: "title" }, this.charityName) : null, this.charityLocation !== undefined && this.charityLocation !== null ? h("div", { class: "charity-info" }, this.charityLocation) : null));
@@ -190,19 +97,42 @@ const BiggiveButton = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.doButtonClick = createEvent(this, "doButtonClick", 7);
-        this.handleButtonClick = (event) => {
-            this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });
-        };
+        /**
+         * Space below component
+         */
         this.spaceBelow = 1;
+        /**
+         * Colour Scheme
+         */
         this.colourScheme = 'primary';
+        /**
+         * Text
+         */
         this.label = 'Click me';
-        this.url = undefined;
+        /**
+         * New Tab
+         */
         this.openInNewTab = false;
+        /**
+         * Display full width
+         */
         this.fullWidth = false;
+        /**
+         * Size
+         */
         this.size = 'medium';
+        /**
+         * Rounded corners
+         */
         this.rounded = false;
+        /**
+         * Centered
+         */
         this.centered = false;
         this.buttonId = undefined;
+        this.handleButtonClick = (event) => {
+            this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });
+        };
     }
     render() {
         // We always want to have a href so that browsers will see this as a link and allow clicking with keybard.
@@ -220,25 +150,53 @@ const BiggiveCallToActionStyle0 = biggiveCallToActionCss;
 const BiggiveCallToAction = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Space above component
+         */
         this.spaceAbove = 0;
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
+        /**
+         * Default text colour
+         */
         this.defaultTextColour = 'primary';
+        /**
+         * Slug size
+         */
         this.slugSize = 4;
+        /**
+         * Slug colour
+         */
         this.slugColour = '';
-        this.slug = undefined;
+        /**
+         * Main title colour
+         */
         this.mainTitleColour = '';
+        /**
+         * Main title size
+         */
         this.mainTitleSize = 2;
-        this.mainTitle = undefined;
+        /**
+         * Main title size
+         */
         this.subtitleSize = 4;
+        /**
+         * Subtitle colour
+         */
         this.subtitleColour = '';
-        this.subtitle = undefined;
+        /**
+         * Teaser colour
+         */
         this.teaserColour = '';
-        this.teaser = undefined;
-        this.primaryButtonUrl = undefined;
-        this.primaryButtonLabel = undefined;
+        /**
+         * Primary button Colour Scheme
+         */
         this.primaryButtonColourScheme = 'primary';
-        this.secondaryButtonUrl = undefined;
-        this.secondaryButtonLabel = undefined;
+        /**
+         * Secondary button Colour Scheme
+         */
         this.secondaryButtonColourScheme = 'primary';
     }
     render() {
@@ -254,28 +212,37 @@ const BiggiveCampaignCard = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.doCardGeneralClick = createEvent(this, "doCardGeneralClick", 7);
-        this.handleCardGeneralClick = (event) => {
-            this.doCardGeneralClick.emit({ event, url: this.moreInfoButtonUrl });
-        };
+        /**
+         * Space below component
+         */
         this.spaceBelow = 4;
-        this.campaignType = undefined;
-        this.banner = undefined;
-        this.campaignTitle = undefined;
-        this.organisationName = undefined;
-        this.primaryFigureLabel = undefined;
-        this.primaryFigureAmount = undefined;
-        this.secondaryFigureLabel = undefined;
-        this.secondaryFigureAmount = undefined;
-        this.progressBarCounter = undefined;
+        /**
+         * Donate button label
+         */
         this.donateButtonLabel = 'Donate now';
-        this.donateButtonUrl = undefined;
+        /**
+         * Donate button colour scheme
+         */
         this.donateButtonColourScheme = 'primary';
+        /**
+         * More information button label
+         */
         this.moreInfoButtonLabel = 'Find out more';
-        this.moreInfoButtonUrl = undefined;
+        /**
+         * Donate button colour scheme
+         */
         this.moreInfoButtonColourScheme = 'clear-primary';
+        /**
+         * Boolean flag telling the component if the campaign is in the future (not open yet).
+         */
         this.isFutureCampaign = false;
+        /**
+         * Boolean flag telling the component if the campaign is in the future (not open yet).
+         */
         this.isPastCampaign = false;
-        this.datetime = undefined;
+        this.handleCardGeneralClick = (event) => {
+            this.doCardGeneralClick.emit({ event, url: this.moreInfoButtonUrl });
+        };
     }
     isEmpty(value) {
         return value === undefined || value === null || value === '';
@@ -310,6 +277,44 @@ const BiggiveCampaignCardFilterGrid = class {
         this.newSelectedFilterCategory = null;
         this.newSelectedFilterBeneficiary = null;
         this.newSelectedFilterLocation = null;
+        /**
+         * Space below component
+         */
+        this.spaceBelow = 0;
+        /**
+         * Intro
+         */
+        this.intro = 'Find a charity or project';
+        /**
+         * Optional search text prop. Useful for pre-populating the search field
+         * when the page is loaded with a search term already existing in the URL.
+         * This can happen when sharing links, or if a donor goes to a campaign page
+         * after searching, and then returns to the search results. In such a case,
+         * the search box text will clear, unless we use this prop to populate it on
+         * rendering. DON-652.
+         */
+        this.searchText = null;
+        /**
+         * Defines the text displayed as the placeholder in the input field
+         * before the user types anything
+         */
+        this.placeholderText = 'Search';
+        /**
+         * Defines the text on the search button
+         */
+        this.buttonText = 'Search';
+        /**
+         * For injecting the chosen category to filter by, as per the comment above for `selectedSortByOption`.
+         */
+        this.selectedFilterCategory = null;
+        /**
+         * For injecting the chosen beneficiary to filter by, as per the comment above for `selectedSortByOption`.
+         */
+        this.selectedFilterBeneficiary = null;
+        /**
+         * For injecting the chosen location to filter by, as per the comment above for `selectedSortByOption`.
+         */
+        this.selectedFilterLocation = null;
         this.categoryFilterSelectionChanged = (value) => {
             this.newSelectedFilterCategory = value;
         };
@@ -399,19 +404,6 @@ const BiggiveCampaignCardFilterGrid = class {
                 filterLocation: null,
             });
         };
-        this.spaceBelow = 0;
-        this.intro = 'Find a charity or project';
-        this.searchText = null;
-        this.placeholderText = 'Search';
-        this.buttonText = 'Search';
-        this.categoryOptions = undefined;
-        this.beneficiaryOptions = undefined;
-        this.locationOptions = undefined;
-        this.selectedSortByOption = undefined;
-        this.selectedFilterCategory = null;
-        this.selectedFilterBeneficiary = null;
-        this.selectedFilterLocation = null;
-        this.filtersApplied = undefined;
     }
     /**
      * Typically on non-negligible scroll away from the search area.
@@ -522,20 +514,14 @@ const BiggiveCampaignHighlightsStyle0 = biggiveCampaignHighlightsCss;
 const BiggiveCampaignHighlights = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
-        this.banner = undefined;
-        this.campaignTitle = undefined;
-        this.primaryFigureLabel = undefined;
-        this.primaryFigureAmount = undefined;
-        this.secondaryFigureLabel = undefined;
-        this.secondaryFigureAmount = undefined;
+        /**
+         * Progress bar percentage
+         */
         this.progressBarCounter = 100;
-        this.primaryStatIcon = undefined;
-        this.primaryStatText = undefined;
-        this.secondaryStatIcon = undefined;
-        this.secondaryStatText = undefined;
-        this.championName = undefined;
-        this.championUrl = undefined;
     }
     render() {
         return (h("div", { key: 'add93be878549fc1c8f00b8dc3001896724cfe34', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'd5577539172f56e51540d03e53c91327bed96143', class: "sleeve" }, this.campaignTitle != null ? (h("div", { class: "campaign-title" }, h("span", null, this.campaignTitle))) : null, this.banner !== null && this.banner !== undefined ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : null, h("div", { key: 'c7029df25a46f19e84057d4e9db469ba6325d1ec', class: "meta-wrap" }, h("div", { key: '877452b98dd3d64bfa132da71797e6f00bc5696d', class: "meta-item" }, h("span", { key: '4c373ec8b3e8d53754280b5fabecc0986a57f6f8', class: "label" }, this.primaryFigureLabel), h("span", { key: 'c354468bd49fb84a9b5317c7cfb7dc363b0b7b54', class: "text" }, this.primaryFigureAmount)), h("div", { key: '49ba302a5c22f674bd45478607afe5e57c40ad98', class: "meta-item" }, h("span", { key: '8f8c8e3935542794e7ba3e9624cedf5bacd89be1', class: "label" }, this.secondaryFigureLabel), h("span", { key: '952ee3945423ac3f129d59f466b98c7f5b1f9f26', class: "text" }, this.secondaryFigureAmount))), h("div", { key: '76bf79668d1c1f737d400d9d85816310de2147ee', class: "progress-bar-wrap" }, h("biggive-progress-bar", { key: 'cb43751f5905000bb6c294d472a43c89e660447e', counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { key: 'af9a81b3c9ca0b15fa44e45df0aa7068ddb9249d', class: "stat-wrap" }, this.primaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.secondaryStatText))) : null), this.championName != null ? (h("div", { class: "championed-by" }, "Championed by ", h("a", { href: this.championUrl }, this.championName))) : null)));
@@ -557,11 +543,12 @@ const BiggiveFooterStyle0 = biggiveFooterCss;
 const BiggiveFooter = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.year = new Date().getFullYear().toString();
         this.headingLevel = 5;
-        this.donateUrlPrefix = undefined;
-        this.blogUrlPrefix = undefined;
-        this.experienceUrlPrefix = undefined;
+        this.year = new Date().getFullYear().toString();
+        /**
+         * Conditionally render footer menu:
+         * hard-coded (preset) when set to true, dynamic (slot-based) when set to false
+         */
         this.usePresetFooter = false;
     }
     appendMenu(menuName) {
@@ -598,22 +585,18 @@ const BiggiveFormFieldSelectStyle0 = biggiveFormFieldSelectCss;
 const BiggiveFormFieldSelect = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.selectStyle = 'bordered';
+        this.selectedOptionColour = 'blue';
         this.doOptionSelectCompletedHandler = (event) => {
             const value = event.target.value;
             this.selectedValue = value;
             this.selectedLabel = event.target.label;
             this.selectionChanged(value);
         };
-        this.selectionChanged = undefined;
-        this.prompt = undefined;
-        this.selectedValue = undefined;
-        this.selectedLabel = undefined;
-        this.options = undefined;
-        this.selectStyle = 'bordered';
-        this.backgroundColour = undefined;
-        this.selectedOptionColour = 'blue';
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
-        this.placeholder = undefined;
     }
     render() {
         const greyIfRequired = this.backgroundColour === 'grey' ? ' grey' : '';
@@ -654,8 +637,17 @@ const BiggiveFormattedTextStyle0 = biggiveFormattedTextCss;
 const BiggiveFormattedText = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
+        /**
+         * Default text colour
+         */
         this.defaultTextColour = 'primary';
+        /**
+         * Width
+         */
         this.maxWidth = 100;
     }
     render() {
@@ -672,9 +664,6 @@ const BiggiveGenericIcon = class {
         registerInstance(this, hostRef);
         this.backgroundColour = 'primary';
         this.iconColour = 'white';
-        this.iconGroup = undefined;
-        this.icon = undefined;
-        this.url = undefined;
     }
     getIconDefinition() {
         let iconDefinition;
@@ -709,6 +698,9 @@ const BiggiveGrid = class {
         registerInstance(this, hostRef);
         this.spaceBelow = 4;
         this.columnCount = 3;
+        /**
+         * Deprecated - should use columGap Instead
+         */
         this.spaceBetween = false;
         this.columnGap = 0;
     }
@@ -747,23 +739,46 @@ const BiggiveHeroImageStyle0 = biggiveHeroImageCss;
 const BiggiveHeroImage = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
+        /**
+         * Colour Scheme
+         */
         this.colourScheme = 'primary';
-        this.slug = undefined;
-        this.slugColour = undefined;
+        /**
+         * Full URL of a logo image.
+         */
         this.logo = '';
+        /**
+        * Logo container height selection. Numbers are not measurements.
+        */
         this.logoHeight = 3;
+        /**
+         * Logo alt text
+         */
         this.logoAltText = '';
+        /**
+         * Full URL of a main hero image.
+         */
         this.mainImage = null;
+        /**
+         * Determines whether the main image is clipped to a triangle shape (default) or used as
+         * a background for the entire component. Clipping can leave a lot of blank space.
+         */
         this.mainImageShape = 'triangle';
+        /**
+         * Horizontal alignment of image
+         */
         this.mainImageAlignHorizontal = 'center';
+        /**
+     * Vertical alignment of image
+     */
         this.mainImageAlignVertical = 'center';
-        this.mainTitle = undefined;
-        this.mainTitleColour = undefined;
-        this.teaser = undefined;
-        this.teaserColour = undefined;
-        this.buttonUrl = undefined;
-        this.buttonLabel = undefined;
+        /**
+         * Button Colour Scheme
+         */
         this.buttonColourScheme = 'primary';
     }
     render() {
@@ -805,17 +820,10 @@ const BiggiveIconButton = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.doButtonClick = createEvent(this, "doButtonClick", 7);
-        this.handleButtonClick = (event) => {
-            this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });
-        };
         this.spaceBelow = 1;
         this.backgroundColour = 'white';
         this.backgroundPadding = 0;
-        this.text = undefined;
         this.textColour = 'black';
-        this.iconGroup = undefined;
-        this.icon = undefined;
-        this.url = undefined;
         this.openInNewTab = false;
         this.size = 'medium';
         this.arrow = false;
@@ -825,6 +833,9 @@ const BiggiveIconButton = class {
         this.centered = false;
         this.rounded = false;
         this.buttonId = undefined;
+        this.handleButtonClick = (event) => {
+            this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });
+        };
     }
     render() {
         return (h("div", { key: '2345c3faaec52f17c518641b301caedc686ba150', class: 'container space-below-' +
@@ -849,12 +860,33 @@ const BiggiveImageStyle0 = biggiveImageCss;
 const BiggiveImage = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Space above component
+         */
         this.spaceAbove = 0;
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
+        /**
+         * Full URL of a image.
+         */
         this.imageUrl = '';
+        /**
+         * Image alt text tag.
+         */
         this.imageAltText = '';
+        /**
+         * Image width
+         */
         this.width = 0;
+        /**
+         * Image width
+         */
         this.height = 0;
+        /**
+         * Size unit
+         */
         this.sizeUnit = 'px';
     }
     getWidth() {
@@ -884,17 +916,11 @@ const BiggiveImageButton = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.doButtonClick = createEvent(this, "doButtonClick", 7);
-        this.handleButtonClick = (event) => {
-            this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });
-        };
         this.spaceBelow = 1;
         this.backgroundColour = 'white';
         this.backgroundPadding = 0;
-        this.text = undefined;
         this.textColour = 'black';
-        this.imageUrl = undefined;
         this.imageStyle = 'cover';
-        this.url = undefined;
         this.openInNewTab = false;
         this.size = 'medium';
         this.arrow = false;
@@ -904,6 +930,9 @@ const BiggiveImageButton = class {
         this.centered = false;
         this.rounded = false;
         this.buttonId = undefined;
+        this.handleButtonClick = (event) => {
+            this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });
+        };
     }
     render() {
         return (h("div", { key: 'ca8fa701b2ebc212f7b80005f41c43953e67b187', class: 'container space-below-' +
@@ -928,18 +957,37 @@ const BiggiveImageFeatureStyle0 = biggiveImageFeatureCss;
 const BiggiveImageFeature = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
+        /**
+         * Default text colour
+         */
         this.defaultTextColour = 'primary';
+        /**
+         * Full URL of a image.
+         */
         this.imageUrl = '';
+        /**
+         * Image alt text tag.
+         */
         this.imageAltText = '';
-        this.slug = undefined;
+        /**
+         * Slug colour
+         */
         this.slugColour = '';
-        this.mainTitle = undefined;
+        /**
+         * Slug colour
+         */
         this.mainTitleColour = '';
-        this.teaser = undefined;
+        /**
+         * Teaser colour
+         */
         this.teaserColour = '';
-        this.buttonUrl = undefined;
-        this.buttonLabel = undefined;
+        /**
+         * Button Colour Scheme
+         */
         this.buttonColourScheme = 'primary';
     }
     render() {
@@ -956,6 +1004,19 @@ const BiggiveMainMenu = class {
         registerInstance(this, hostRef);
         this.logoutClicked = createEvent(this, "logoutClicked", 7);
         this.lastScrollHeight = 0;
+        // URL prefixes vary by environment, and components library is not best placed to know what they are, so we
+        // take them as props. But somehow on first render the prop passed in doesn't seem to be used, so the defaults
+        // below are the values currently used in our prod site. They should be replaced by other values in other
+        // environments.
+        this.blogUrlPrefix = 'https://biggive.org';
+        this.donateUrlPrefix = 'https://donate.biggive.org';
+        this.experienceUrlPrefix = 'https://community.biggive.org';
+        this.myAccountFlagEnabled = false;
+        /**
+         * Whether the current user is logged in (i.e. is assumed to have a valid JWT). They get links to some
+         * extra content if they are.
+         */
+        this.isLoggedIn = false;
         this.openMobileMenu = () => {
             const mobileMenu = this.host.shadowRoot.querySelector('.nav-links');
             mobileMenu.style.left = '0';
@@ -967,11 +1028,6 @@ const BiggiveMainMenu = class {
             const mobileMenu = this.host.shadowRoot.querySelector('.nav-links');
             mobileMenu.style.left = '-100%';
         };
-        this.blogUrlPrefix = 'https://biggive.org';
-        this.donateUrlPrefix = 'https://donate.biggive.org';
-        this.experienceUrlPrefix = 'https://community.biggive.org';
-        this.myAccountFlagEnabled = false;
-        this.isLoggedIn = false;
     }
     async closeMobileMenuFromOutside() {
         const mobileMenu = this.host.shadowRoot.querySelector('.nav-links');
@@ -1079,10 +1135,14 @@ const BiggiveMiscIconStyle0 = biggiveMiscIconCss;
 const BiggiveMiscIcon = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Background colour
+         */
         this.backgroundColour = 'primary';
+        /**
+         * Background colour
+         */
         this.iconColour = 'white';
-        this.icon = undefined;
-        this.url = undefined;
     }
     getMiscIcon() {
         var icon = FontAwesomeIconsService.getMiscIcon(this.icon);
@@ -1115,6 +1175,9 @@ const BiggivePageColumnsStyle0 = biggivePageColumnsCss;
 const BiggivePageColumns = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
     }
     render() {
@@ -1129,11 +1192,25 @@ const BiggivePageSectionStyle0 = biggivePageSectionCss;
 const BiggivePageSection = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
+        /**
+         * Section style top
+         */
         this.sectionStyleTop = 'straight';
+        /**
+         * Section style bottom
+         */
         this.sectionStyleBottom = 'straight';
-        this.colourScheme = undefined;
+        /**
+         * Width
+         */
         this.maxWidth = 100;
+        /**
+         * Bleeds the primary brand colour to the left and right edge of the viewport, even if used within a containing block element.
+         */
         this.primaryFullBleed = false;
     }
     render() {
@@ -1158,6 +1235,10 @@ const BiggivePopupStyle0 = biggivePopupCss;
 const BiggivePopup = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Function to execute when the modal is closed, whether by the user or programmatically.
+         */
+        this.modalClosedCallback = () => { };
         this.closeFromWithin = (event) => {
             if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {
                 this.popup.setAttribute('data-visible', 'false');
@@ -1165,7 +1246,6 @@ const BiggivePopup = class {
                 this.modalClosedCallback();
             }
         };
-        this.modalClosedCallback = () => { };
     }
     async openFromOutside() {
         this.popup.setAttribute('data-visible', 'true');
@@ -1189,8 +1269,17 @@ const BiggiveProgressBarStyle0 = biggiveProgressBarCss;
 const BiggiveProgressBar = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
+        /**
+         * Colour Scheme
+         */
         this.colourScheme = 'primary';
+        /**
+         * Percentage to show + use for CSS width; round before input if desired
+         */
         this.counter = 100;
     }
     render() {
@@ -1226,14 +1315,17 @@ const BiggiveSheetStyle0 = biggiveSheetCss;
 const BiggiveSheet = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * A string ID (no spaces) unique within the page context, used to trigger the opening of the sheet from an anchor hash.
+         */
+        this.sheetId = '';
+        this.backgroundColour = 'primary';
+        this.textColour = 'white';
         this.closeSheet = () => {
             var _a, _b;
             (_b = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.container')) === null || _b === void 0 ? void 0 : _b.classList.remove('active');
             history.pushState('', document.title, window.location.pathname);
         };
-        this.sheetId = '';
-        this.backgroundColour = 'primary';
-        this.textColour = 'white';
     }
     componentWillLoad() {
         window.addEventListener('hashchange', () => {
@@ -1262,11 +1354,26 @@ const BiggiveSocialIconStyle0 = biggiveSocialIconCss;
 const BiggiveSocialIcon = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.service = undefined;
+        /**
+         * Used within accessible labels for links. Typically a charity name or "Big Give". Can also be "Share".
+         */
         this.labelPrefix = 'Big Give';
+        /**
+         * Background colour
+         */
         this.backgroundColour = 'primary';
+        /**
+         * Icon colour
+         */
         this.iconColour = 'white';
+        /**
+         * Used in the social icons in the biggive-footer, which are more spaced out
+         * than others across the site. COM-43.
+         */
         this.wide = false;
+        /**
+         * Url
+         */
         this.url = '#';
     }
     getSocialIcon() {
@@ -1299,6 +1406,13 @@ const BiggiveTabbedContentStyle0 = biggiveTabbedContentCss;
 const BiggiveTabbedContent = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.spaceBelow = 0;
+        this.textColour = 'black';
+        this.selectedTextColour = 'primary';
+        this.navigationHighlightColour = 'grey-medium';
+        this.selectedNavigationHighlightColour = 'primary';
+        this.buttonBackgroundColour = 'white';
+        this.buttonIconColour = 'primary';
         this.scrollOffset = 0;
         this.children = [];
         this.clickTabHandler = (e) => {
@@ -1318,13 +1432,6 @@ const BiggiveTabbedContent = class {
         this.clickNextHandler = () => {
             this.scrollTab('NEXT');
         };
-        this.spaceBelow = 0;
-        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);
@@ -1426,8 +1533,6 @@ const BiggiveTextInputStyle0 = biggiveTextInputCss;
 const BiggiveTextInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.value = undefined;
-        this.currency = undefined;
         this.spaceBelow = 0;
         this.selectStyle = 'bordered';
     }
@@ -1454,6 +1559,18 @@ const BiggiveTimelineStyle0 = biggiveTimelineCss;
 const BiggiveTimeline = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        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';
         this.scrollOffset = 0;
         this.tabHeadings = [];
         this.children = [];
@@ -1473,18 +1590,6 @@ const BiggiveTimeline = class {
         this.clickNextHandler = () => {
             this.scrollTab('NEXT');
         };
-        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);
@@ -1594,8 +1699,6 @@ const BiggiveTimelineEntryStyle0 = biggiveTimelineEntryCss;
 const BiggiveTimelineEntry = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.date = undefined;
-        this.heading = undefined;
     }
     render() {
         return null;
@@ -1610,12 +1713,26 @@ const BiggiveTotalizer = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.lastWrapperWidth = 0;
+        /**
+         * 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';
-        this.mainMessage = undefined;
     }
     setSpeed(itemsWidth, containerWidth) {
         var _a;
@@ -1701,8 +1818,6 @@ const BiggiveTotalizerTickerItemStyle0 = biggiveTotalizerTickerItemCss;
 const BiggiveTotalizerTickerItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.figure = undefined;
-        this.label = undefined;
     }
     render() {
         return (h("div", { key: 'a2402c2906760dd5e9f2220ba9f3b82e402ac668', class: "ticker-item" }, h("strong", { key: 'f5c711457f2fd02384f65e8a3d0cefd4643b6fe0' }, this.figure), " ", this.label));
@@ -1716,18 +1831,37 @@ const BiggiveVideoFeatureStyle0 = biggiveVideoFeatureCss;
 const BiggiveVideoFeature = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Space above component
+         */
         this.spaceAbove = 0;
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
+        /**
+         * Default text colour
+         */
         this.defaultTextColour = 'primary';
+        /**
+         * Full URL of a video.
+         */
         this.videoUrl = '';
-        this.slug = undefined;
+        /**
+         * Slug colour
+         */
         this.slugColour = '';
-        this.mainTitle = undefined;
+        /**
+         * Slug colour
+         */
         this.mainTitleColour = '';
-        this.teaser = undefined;
+        /**
+         * Teaser colour
+         */
         this.teaserColour = '';
-        this.buttonUrl = undefined;
-        this.buttonLabel = undefined;
+        /**
+         * Button Colour Scheme
+         */
         this.buttonColourScheme = 'primary';
     }
     render() {
@@ -1737,6 +1871,6 @@ const BiggiveVideoFeature = class {
 };
 BiggiveVideoFeature.style = BiggiveVideoFeatureStyle0;
 
-export { BiggiveAccordion as biggive_accordion, BiggiveAccordionEntry as biggive_accordion_entry, BiggiveArticleCard as biggive_article_card, BiggiveBackToTop as biggive_back_to_top, BiggiveBiographyCard as biggive_biography_card, BiggiveBrandedImage as biggive_branded_image, BiggiveButton as biggive_button, BiggiveCallToAction as biggive_call_to_action, BiggiveCampaignCard as biggive_campaign_card, BiggiveCampaignCardFilterGrid as biggive_campaign_card_filter_grid, BiggiveCampaignHighlights as biggive_campaign_highlights, BiggiveFooter as biggive_footer, BiggiveFormFieldSelect as biggive_form_field_select, BiggiveFormattedText as biggive_formatted_text, BiggiveGenericIcon as biggive_generic_icon, BiggiveGrid as biggive_grid, BiggiveHeading as biggive_heading, BiggiveHeroImage as biggive_hero_image, BiggiveIconButton as biggive_icon_button, BiggiveImage as biggive_image, BiggiveImageButton as biggive_image_button, BiggiveImageFeature as biggive_image_feature, BiggiveMainMenu as biggive_main_menu, BiggiveMiscIcon as biggive_misc_icon, BiggivePageColumn as biggive_page_column, BiggivePageColumns as biggive_page_columns, BiggivePageSection as biggive_page_section, BiggivePopup as biggive_popup, BiggiveProgressBar as biggive_progress_bar, BiggiveQuote as biggive_quote, BiggiveSheet as biggive_sheet, BiggiveSocialIcon as biggive_social_icon, BiggiveTab as biggive_tab, BiggiveTabbedContent as biggive_tabbed_content, BiggiveTextInput as biggive_text_input, BiggiveTimeline as biggive_timeline, BiggiveTimelineEntry as biggive_timeline_entry, BiggiveTotalizer as biggive_totalizer, BiggiveTotalizerTickerItem as biggive_totalizer_ticker_item, BiggiveVideoFeature as biggive_video_feature };
+export { BiggiveAccordion as biggive_accordion, BiggiveAccordionEntry as biggive_accordion_entry, BiggiveBackToTop as biggive_back_to_top, BiggiveBrandedImage as biggive_branded_image, BiggiveButton as biggive_button, BiggiveCallToAction as biggive_call_to_action, BiggiveCampaignCard as biggive_campaign_card, BiggiveCampaignCardFilterGrid as biggive_campaign_card_filter_grid, BiggiveCampaignHighlights as biggive_campaign_highlights, BiggiveFooter as biggive_footer, BiggiveFormFieldSelect as biggive_form_field_select, BiggiveFormattedText as biggive_formatted_text, BiggiveGenericIcon as biggive_generic_icon, BiggiveGrid as biggive_grid, BiggiveHeading as biggive_heading, BiggiveHeroImage as biggive_hero_image, BiggiveIconButton as biggive_icon_button, BiggiveImage as biggive_image, BiggiveImageButton as biggive_image_button, BiggiveImageFeature as biggive_image_feature, BiggiveMainMenu as biggive_main_menu, BiggiveMiscIcon as biggive_misc_icon, BiggivePageColumn as biggive_page_column, BiggivePageColumns as biggive_page_columns, BiggivePageSection as biggive_page_section, BiggivePopup as biggive_popup, BiggiveProgressBar as biggive_progress_bar, BiggiveQuote as biggive_quote, BiggiveSheet as biggive_sheet, BiggiveSocialIcon as biggive_social_icon, BiggiveTab as biggive_tab, BiggiveTabbedContent as biggive_tabbed_content, BiggiveTextInput as biggive_text_input, BiggiveTimeline as biggive_timeline, BiggiveTimelineEntry as biggive_timeline_entry, BiggiveTotalizer as biggive_totalizer, BiggiveTotalizerTickerItem as biggive_totalizer_ticker_item, BiggiveVideoFeature as biggive_video_feature };
 
-//# sourceMappingURL=biggive-accordion_40.entry.js.map
+//# sourceMappingURL=biggive-accordion_38.entry.js.map