@biggive/components 202304111314.0.0 → 202304281233.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.
- package/dist/biggive/biggive.esm.js +1 -1
- package/dist/biggive/{p-2fa6188d.entry.js → p-1db6e873.entry.js} +1 -1
- package/dist/biggive/p-35625fdd.entry.js +1 -0
- package/dist/biggive/{p-9e7d82e1.entry.js → p-3c132a28.entry.js} +1 -1
- package/dist/biggive/p-89428a52.js +1 -0
- package/dist/biggive/{p-6eb97f2f.entry.js → p-b6a63d44.entry.js} +1 -1
- package/dist/cjs/biggive-accordion_43.cjs.entry.js +153 -48
- package/dist/cjs/biggive-basic-card.cjs.entry.js +1 -1
- package/dist/cjs/biggive-beneficiary-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive-category-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive.cjs.js +1 -1
- package/dist/cjs/{fontawesome-icons-79883fa9.js → fontawesome-icons-ebf9e546.js} +13 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/biggive-accordion/biggive-accordion.js +1 -1
- package/dist/collection/components/biggive-article-card/biggive-article-card.css +185 -4
- package/dist/collection/components/biggive-article-card/biggive-article-card.js +1 -26
- package/dist/collection/components/biggive-article-card/biggive-article-card.stories.js +0 -9
- package/dist/collection/components/biggive-basic-card/biggive-basic-card.css +1 -0
- package/dist/collection/components/biggive-biography-card/biggive-biography-card.css +3 -0
- package/dist/collection/components/biggive-biography-card/biggive-biography-card.js +1 -1
- package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.js +1 -1
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.css +40 -0
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js +31 -3
- package/dist/collection/components/biggive-carousel/biggive-carousel.css +12 -3
- package/dist/collection/components/biggive-carousel/biggive-carousel.js +38 -3
- package/dist/collection/components/biggive-filtered-carousel/biggive-filtered-carousel.css +14 -0
- package/dist/collection/components/biggive-filtered-carousel/biggive-filtered-carousel.js +24 -3
- package/dist/collection/components/biggive-form-field-select/biggive-form-field-select.css +31 -3
- package/dist/collection/components/biggive-form-field-select/biggive-form-field-select.js +20 -1
- package/dist/collection/components/biggive-generic-icon/biggive-generic-icon.js +9 -8
- package/dist/collection/components/biggive-grid/biggive-grid.css +42 -0
- package/dist/collection/components/biggive-sheet/biggive-sheet.css +5 -0
- package/dist/collection/components/biggive-sheet/biggive-sheet.js +1 -1
- package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.css +1 -0
- package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.js +14 -1
- package/dist/collection/components/biggive-timeline/biggive-timeline.css +2 -17
- package/dist/collection/components/biggive-timeline/biggive-timeline.js +1 -1
- package/dist/collection/components/biggive-tipping-slider/biggive-tipping-slider.js +1 -1
- package/dist/collection/components/biggive-totalizer/biggive-totalizer.css +10 -2
- package/dist/collection/components/biggive-totalizer/biggive-totalizer.js +45 -8
- package/dist/collection/util/fontawesome-icons.js +9 -1
- package/dist/collection/util/helper-methods.js +1 -1
- package/dist/components/biggive-accordion.js +1 -1
- package/dist/components/biggive-article-card.js +2 -5
- package/dist/components/biggive-basic-card.js +1 -1
- package/dist/components/biggive-biography-card.js +2 -2
- package/dist/components/biggive-campaign-card-filter-grid.js +32 -4
- package/dist/components/biggive-campaign-card.js +1 -1
- package/dist/components/biggive-carousel2.js +14 -5
- package/dist/components/biggive-filtered-carousel.js +25 -4
- package/dist/components/biggive-form-field-select2.js +4 -2
- package/dist/components/biggive-generic-icon2.js +9 -8
- package/dist/components/biggive-grid.js +1 -1
- package/dist/components/biggive-sheet.js +2 -2
- package/dist/components/biggive-tabbed-content.js +15 -2
- package/dist/components/biggive-timeline.js +2 -2
- package/dist/components/biggive-tipping-slider.js +1 -1
- package/dist/components/biggive-totalizer.js +45 -9
- package/dist/components/fontawesome-icons.js +9 -1
- package/dist/components/helper-methods.js +1 -1
- package/dist/components/index2.js +6 -1
- package/dist/esm/biggive-accordion_43.entry.js +153 -48
- package/dist/esm/biggive-basic-card.entry.js +1 -1
- package/dist/esm/biggive-beneficiary-icon.entry.js +1 -1
- package/dist/esm/biggive-category-icon.entry.js +1 -1
- package/dist/esm/biggive.js +1 -1
- package/dist/esm/{fontawesome-icons-91ad19d5.js → fontawesome-icons-b35f07cf.js} +14 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/biggive-article-card/biggive-article-card.d.ts +0 -1
- package/dist/types/components/biggive-article-card/biggive-article-card.stories.d.ts +0 -7
- package/dist/types/components/biggive-carousel/biggive-carousel.d.ts +2 -0
- package/dist/types/components/biggive-form-field-select/biggive-form-field-select.d.ts +1 -0
- package/dist/types/components/biggive-generic-icon/biggive-generic-icon.d.ts +1 -1
- package/dist/types/components/biggive-totalizer/biggive-totalizer.d.ts +1 -0
- package/dist/types/components.d.ts +3 -2
- package/hydrate/index.js +170 -50
- package/package.json +2 -2
- package/readme.md +9 -9
- package/dist/biggive/p-7a720caf.entry.js +0 -1
- package/dist/biggive/p-8fb77726.js +0 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-8dcaaf94.js');
|
|
6
|
-
const fontawesomeIcons = require('./fontawesome-icons-
|
|
6
|
+
const fontawesomeIcons = require('./fontawesome-icons-ebf9e546.js');
|
|
7
7
|
const video = require('./video-9d39b110.js');
|
|
8
8
|
|
|
9
9
|
const biggiveAccordionCss = "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}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .entry h3.heading{position:relative;margin:25px 0 0 0;padding:15px 60px 10px 20px;border-bottom:1px solid #000000;cursor:pointer}.container .entry h3.heading span.arrow{display:block;position:absolute;right:20px;top:10px;width:40px;height:20px;text-align:center}.container .entry .content{overflow:hidden;max-height:0;padding:0 20px;transition:max-height 0.5s ease-in-out}.container .entry.expanded .content{max-height:100%}.container .entry.expanded span.arrow{transform:rotate(-180deg)}.container.heading-colour-primary .entry h3.heading svg path{stroke:#2C089B}.container.heading-colour-primary h3.heading{color:#2C089B}.container.text-colour-primary .content{color:#2C089B}.container.heading-colour-secondary .entry h3.heading svg path{stroke:#2AF135}.container.heading-colour-secondary h3.heading{color:#2AF135}.container.text-colour-secondary .content{color:#2AF135}.container.heading-colour-tertiary .entry h3.heading svg path{stroke:#FF7272}.container.heading-colour-tertiary h3.heading{color:#FF7272}.container.text-colour-tertiary .content{color:#FF7272}.container.heading-colour-brand-1 .entry h3.heading svg path{stroke:#B30510}.container.heading-colour-brand-1 h3.heading{color:#B30510}.container.text-colour-brand-1 .content{color:#B30510}.container.heading-colour-brand-2 .entry h3.heading svg path{stroke:#6E0887}.container.heading-colour-brand-2 h3.heading{color:#6E0887}.container.text-colour-brand-2 .content{color:#6E0887}.container.heading-colour-brand-3 .entry h3.heading svg path{stroke:#50B400}.container.heading-colour-brand-3 h3.heading{color:#50B400}.container.text-colour-brand-3 .content{color:#50B400}.container.heading-colour-brand-4 .entry h3.heading svg path{stroke:#FFE500}.container.heading-colour-brand-4 h3.heading{color:#FFE500}.container.text-colour-brand-4 .content{color:#FFE500}.container.heading-colour-brand-5 .entry h3.heading svg path{stroke:#F07D00}.container.heading-colour-brand-5 h3.heading{color:#F07D00}.container.text-colour-brand-5 .content{color:#F07D00}.container.heading-colour-brand-6 .entry h3.heading svg path{stroke:#62CFC9}.container.heading-colour-brand-6 h3.heading{color:#62CFC9}.container.text-colour-brand-6 .content{color:#62CFC9}.container.heading-colour-white .entry h3.heading svg path{stroke:#FFFFFF}.container.heading-colour-white h3.heading{color:#FFFFFF}.container.text-colour-white .content{color:#FFFFFF}.container.heading-colour-black .entry h3.heading svg path{stroke:#000000}.container.heading-colour-black h3.heading{color:#000000}.container.text-colour-black .content{color:#000000}.container.heading-colour-grey-extra-light .entry h3.heading svg path{stroke:#D7D7D7}.container.heading-colour-grey-extra-light h3.heading{color:#D7D7D7}.container.text-colour-grey-extra-light .content{color:#D7D7D7}.container.heading-colour-grey-light .entry h3.heading svg path{stroke:#E8E8E8}.container.heading-colour-grey-light h3.heading{color:#E8E8E8}.container.text-colour-grey-light .content{color:#E8E8E8}.container.heading-colour-grey-medium .entry h3.heading svg path{stroke:#8A8A8A}.container.heading-colour-grey-medium h3.heading{color:#8A8A8A}.container.text-colour-grey-medium .content{color:#8A8A8A}.container.heading-colour-grey-dark .entry h3.heading svg path{stroke:#4A4A4A}.container.heading-colour-grey-dark h3.heading{color:#4A4A4A}.container.text-colour-grey-dark .content{color:#4A4A4A}";
|
|
@@ -33,7 +33,7 @@ const BiggiveAccordion = class {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
|
-
return (index.h("div", { class: 'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour }, index.h("div", { class: "sleeve" }, this.children.map(entry => (index.h("div", { class: "entry" }, index.h("h3", { class: "heading", onClick:
|
|
36
|
+
return (index.h("div", { class: 'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour }, index.h("div", { class: "sleeve" }, this.children.map(entry => (index.h("div", { class: "entry" }, index.h("h3", { class: "heading", onClick: this.toggleSection, title: "Expand section" }, entry.heading, index.h("span", { class: "arrow" }, index.h("svg", { width: "15", height: "9", viewBox: "0 0 15 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M14.1074 0.999859L7.55357 7.55371L0.999718 0.99986", stroke: "black", "stroke-width": "2" })))), index.h("div", { class: "content", innerHTML: entry.innerHTML })))))));
|
|
37
37
|
}
|
|
38
38
|
get host() { return index.getElement(this); }
|
|
39
39
|
};
|
|
@@ -53,7 +53,7 @@ const BiggiveAccordionEntry = class {
|
|
|
53
53
|
};
|
|
54
54
|
BiggiveAccordionEntry.style = biggiveAccordionEntryCss;
|
|
55
55
|
|
|
56
|
-
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-6:hover,.background-colour-brand-6{background-color:#62CFC9}.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}.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-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}.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 .slug{font-size:
|
|
56
|
+
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-6:hover,.background-colour-brand-6{background-color:#62CFC9}.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}.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-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}.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 .slug{font-size:17px;line-height:24px;margin-bottom:10px}.container .date{font-size:17px;line-height:24px;margin-bottom:15px}.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 .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-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}.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}";
|
|
57
57
|
|
|
58
58
|
const BiggiveArticleCard = class {
|
|
59
59
|
constructor(hostRef) {
|
|
@@ -61,7 +61,6 @@ const BiggiveArticleCard = class {
|
|
|
61
61
|
this.spaceBelow = 0;
|
|
62
62
|
this.backgroundColour = 'white';
|
|
63
63
|
this.backgroundImageUrl = '';
|
|
64
|
-
this.textColour = 'black';
|
|
65
64
|
this.slug = undefined;
|
|
66
65
|
this.slugColour = 'black';
|
|
67
66
|
this.date = undefined;
|
|
@@ -83,8 +82,7 @@ const BiggiveArticleCard = class {
|
|
|
83
82
|
render() {
|
|
84
83
|
return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", { class: 'sleeve background-colour-' +
|
|
85
84
|
this.backgroundColour +
|
|
86
|
-
' text-colour-' +
|
|
87
|
-
this.textColour +
|
|
85
|
+
' text-colour-black ' +
|
|
88
86
|
' slug-colour-' +
|
|
89
87
|
this.slugColour +
|
|
90
88
|
' date-colour-' +
|
|
@@ -115,7 +113,7 @@ const BiggiveBackToTop = class {
|
|
|
115
113
|
};
|
|
116
114
|
BiggiveBackToTop.style = biggiveBackToTopCss;
|
|
117
115
|
|
|
118
|
-
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-6:hover,.background-colour-brand-6{background-color:#62CFC9}.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}.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: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-6 .image-wrap{background-color:#62CFC9}.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.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-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.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.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{height:15px;width:15px}.container .sleeve .image-wrap img{display:none}";
|
|
116
|
+
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-6:hover,.background-colour-brand-6{background-color:#62CFC9}.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}.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: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-6 .image-wrap{background-color:#62CFC9}.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.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-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.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.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{position:relative;display:inline-block;top:-1px;height:15px;width:15px}.container .sleeve .image-wrap img{display:none}";
|
|
119
117
|
|
|
120
118
|
const BiggiveBiographyCard = class {
|
|
121
119
|
constructor(hostRef) {
|
|
@@ -143,7 +141,7 @@ const BiggiveBiographyCard = class {
|
|
|
143
141
|
' background-colour-' +
|
|
144
142
|
this.backgroundColour +
|
|
145
143
|
' border-width-' +
|
|
146
|
-
this.borderWidth }, this.imageUrl != '' ? (index.h("div", { "data-ratio": this.ratio, class: 'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString(), style: { 'background-image': "url('" + this.imageUrl + "')" } }, index.h("img", { src: this.imageUrl, alt: this.fullName, title: this.fullName }), index.h("div", { class: "circle" }, index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z" }))))) : null), index.h("h3", { class: "full-name" }, this.fullName), index.h("div", { class: "job-title" }, this.jobTitle))));
|
|
144
|
+
this.borderWidth }, this.imageUrl != '' ? (index.h("div", { "data-ratio": this.ratio, class: 'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString(), style: { 'background-image': "url('" + this.imageUrl + "')" } }, index.h("img", { src: this.imageUrl, alt: this.fullName, title: this.fullName }), index.h("div", { class: "circle" }, index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { "stroke-color": "1", stroke: "#000000", d: "M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z" }))))) : null), index.h("h3", { class: "full-name" }, this.fullName), index.h("div", { class: "job-title" }, this.jobTitle))));
|
|
147
145
|
}
|
|
148
146
|
else {
|
|
149
147
|
return (index.h("div", { class: 'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign }, index.h("div", { class: 'sleeve circle-' +
|
|
@@ -266,12 +264,12 @@ const BiggiveCampaignCard = class {
|
|
|
266
264
|
this.datetime = undefined;
|
|
267
265
|
}
|
|
268
266
|
render() {
|
|
269
|
-
return (index.h("div", { class: 'container space-below-' + this.spaceBelow.toString()
|
|
267
|
+
return (index.h("div", { class: 'container space-below-' + this.spaceBelow.toString() }, index.h("div", { class: "sleeve" }, index.h("div", { onClick: this.handleCardGeneralClick }, this.campaignType !== null ? (index.h("div", { class: "campaign-type" }, index.h("span", null, this.campaignType))) : null, this.banner !== null ? (index.h("div", { class: "image-wrap banner", role: "presentation", style: { 'background-image': 'url(' + this.banner + ')' } })) : (index.h("div", { class: "image-wrap banner" })), index.h("div", { class: "title-wrap" }, index.h("h3", null, this.campaignTitle), index.h("div", { class: "organisation-name" }, "By ", this.organisationName)), index.h("div", { class: "meta-wrap" }, index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, this.primaryFigureLabel), index.h("span", { class: "text" }, this.primaryFigureAmount)), index.h("div", { class: "meta-item" }, index.h("span", { class: "label" }, this.secondaryFigureLabel), index.h("span", { class: "text" }, this.secondaryFigureAmount))), index.h("div", { class: "progress-bar-wrap" }, index.h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" }))), index.h("div", { class: "button-wrap" }, this.isFutureCampaign || this.isPastCampaign ? (index.h("div", { class: "msg-wrapper" }, index.h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? index.h("p", null, "Launches ", this.datetime) : index.h("p", null, "Closed ", this.datetime))) : (index.h("biggive-button", { "full-width": "true", "colour-scheme": this.donateButtonColourScheme, url: this.donateButtonUrl, label: this.donateButtonLabel })), index.h("biggive-button", { "full-width": "true", "colour-scheme": this.moreInfoButtonColourScheme, url: this.moreInfoButtonUrl, label: this.moreInfoButtonLabel })))));
|
|
270
268
|
}
|
|
271
269
|
};
|
|
272
270
|
BiggiveCampaignCard.style = biggiveCampaignCardCss;
|
|
273
271
|
|
|
274
|
-
const biggiveCampaignCardFilterGridCss = "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}:host{display:content}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .search-wrap{background-color:#FFFFFF;padding:15px 30px;margin-bottom:15px}.container .search-wrap h4{margin-bottom:15px}.container .search-wrap .field-wrap{display:flex;justify-content:space-between}.container .search-wrap .field-wrap .input-wrap{display:flex;justify-content:space-between;padding-bottom:5px;border-bottom:1px solid #000000;margin-right:30px;flex-grow:1}.container .search-wrap .field-wrap .input-wrap input{border:0}.container .search-wrap .field-wrap button{padding:5px 30px}.sort-filter-wrap{display:flex;justify-content:flex-end;margin-bottom:30px;text-align:right;display:flex}.sort-filter-wrap .clear-all{cursor:pointer;vertical-align:center;margin-top:auto;margin-bottom:auto}.sort-filter-wrap .sort-wrap{margin-left:15px}.sort-filter-wrap .filter-wrap{margin-left:15px}.sort-filter-wrap .filter-wrap .button.filter{padding-left:60px;padding-right:30px}.sort-filter-wrap .filter-wrap .button.filter .filter-icon{content:\"\";display:block;position:absolute;left:25px;top:17px;width:13px;height:13px}.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg{width:100%;height:auto;vertical-align:top}.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg:hover{fill:#2C089B}.icon{height:1rem;width:2rem;vertical-align:-0.125rem;margin:auto}.icon>path{fill:#2C089B}.icon-clear-all>path{fill:#000000}@media screen and (max-width: 450px){.sort-filter-wrap{flex-direction:column-reverse}.sort-filter-wrap .sort-wrap{margin-top:20px;margin-bottom:20px}}@media screen and (max-width: 350px){.sort-filter-wrap{justify-content:space-between}.sort-filter-wrap .sort-wrap{margin-left:0px}.sort-filter-wrap .filter-wrap{margin-left:3px}}.align-right{text-align:right}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.text-colour-primary{color:#2C089B}";
|
|
272
|
+
const biggiveCampaignCardFilterGridCss = "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}:host{display:content}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .search-wrap{background-color:#FFFFFF;padding:15px 30px;margin-bottom:15px}.container .search-wrap h4{margin-bottom:15px}.container .search-wrap .field-wrap{display:flex;justify-content:space-between}.container .search-wrap .field-wrap .input-wrap{display:flex;justify-content:space-between;padding-bottom:5px;border-bottom:1px solid #000000;margin-right:30px;flex-grow:1}.container .search-wrap .field-wrap .input-wrap input{border:0}.container .search-wrap .field-wrap button{padding:5px 30px}.selected-filter-wrap{display:flex;margin-bottom:30px}.selected-filter-wrap .button{cursor:pointer;border-radius:20px;padding:5px 50px 5px 20px;margin-right:15px;background-color:#FF7272;color:#000000;border:1px solid #FF7272;text-decoration:none;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTguNCAxOC40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOC40IDE4LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7c3Ryb2tlOiMwMDAwMDA7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOS4yLDguNUwxNywwLjdsMC43LDAuN0w5LjksOS4ybDcuOCw3LjhMMTcsMTcuN0w5LjIsOS45bC03LjgsNy44TDAuNywxN2w3LjgtNy44TDAuNywxLjRsMC43LTAuN0w5LjIsOC41eiIvPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:right 20px center;background-size:12px auto}.selected-filter-wrap .button:hover{background-color:#FFFFFF;color:#000000}.selected-filter-wrap .clear-all{margin-left:auto}.selected-filter-wrap .clear-all a{cursor:pointer;border-radius:20px;padding:5px 20px;margin-right:15px;background-color:#2C089B;color:#FFFFFF;border:1px solid #2C089B;text-decoration:none}.selected-filter-wrap .clear-all a:hover{background-color:#FFFFFF;color:#2C089B}.sort-filter-wrap{display:flex;justify-content:flex-end;margin-bottom:30px;text-align:right;display:flex}.sort-filter-wrap .clear-all{cursor:pointer;vertical-align:center;margin-top:auto;margin-bottom:auto}.sort-filter-wrap .sort-wrap{margin-left:15px}.sort-filter-wrap .filter-wrap{margin-left:15px}.sort-filter-wrap .filter-wrap .button.filter{padding-left:60px;padding-right:30px}.sort-filter-wrap .filter-wrap .button.filter .filter-icon{content:\"\";display:block;position:absolute;left:25px;top:17px;width:13px;height:13px}.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg{width:100%;height:auto;vertical-align:top}.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg:hover{fill:#2C089B}.icon{height:1rem;width:2rem;vertical-align:-0.125rem;margin:auto}.icon>path{fill:#2C089B}.icon-clear-all>path{fill:#000000}@media screen and (max-width: 450px){.sort-filter-wrap{flex-direction:column-reverse}.sort-filter-wrap .sort-wrap{margin-top:20px;margin-bottom:20px}}@media screen and (max-width: 350px){.sort-filter-wrap{justify-content:space-between}.sort-filter-wrap .sort-wrap{margin-left:0px}.sort-filter-wrap .filter-wrap{margin-left:3px}}.align-right{text-align:right}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.text-colour-primary{color:#2C089B}";
|
|
275
273
|
|
|
276
274
|
const BiggiveCampaignCardFilterGrid = class {
|
|
277
275
|
constructor(hostRef) {
|
|
@@ -286,6 +284,30 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
286
284
|
const searchAndFilterObj = this.getSearchAndFilterObject();
|
|
287
285
|
this.doSearchAndFilterUpdate.emit(searchAndFilterObj);
|
|
288
286
|
this.el.shadowRoot.getElementById('filter-popup').closeFromOutside();
|
|
287
|
+
const selectedFilters = this.el.shadowRoot.querySelector('.selected-filters');
|
|
288
|
+
selectedFilters.querySelectorAll('.button').forEach(button => {
|
|
289
|
+
button.remove();
|
|
290
|
+
});
|
|
291
|
+
let filters = {
|
|
292
|
+
beneficiaries: searchAndFilterObj.filterBeneficiary,
|
|
293
|
+
categories: searchAndFilterObj.filterCategory,
|
|
294
|
+
funding: searchAndFilterObj.filterFunding,
|
|
295
|
+
locations: searchAndFilterObj.filterLocation,
|
|
296
|
+
};
|
|
297
|
+
for (var id in filters) {
|
|
298
|
+
if (typeof filters[id] === 'string') {
|
|
299
|
+
let button = document.createElement('span');
|
|
300
|
+
button.classList.add('button');
|
|
301
|
+
button.dataset.id = id;
|
|
302
|
+
button.innerText = filters[id];
|
|
303
|
+
selectedFilters.appendChild(button);
|
|
304
|
+
button.addEventListener('click', () => {
|
|
305
|
+
button.remove();
|
|
306
|
+
this.el.shadowRoot.getElementById(button.dataset.id).selectedValue = null;
|
|
307
|
+
this.el.shadowRoot.getElementById(button.dataset.id).selectedLabel = null;
|
|
308
|
+
});
|
|
309
|
+
}
|
|
310
|
+
}
|
|
289
311
|
this.filtersApplied =
|
|
290
312
|
typeof searchAndFilterObj.filterBeneficiary === 'string' ||
|
|
291
313
|
typeof searchAndFilterObj.filterCategory === 'string' ||
|
|
@@ -321,6 +343,10 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
321
343
|
this.el.shadowRoot.getElementById(id).selectedValue = null;
|
|
322
344
|
this.el.shadowRoot.getElementById(id).selectedLabel = null;
|
|
323
345
|
});
|
|
346
|
+
const selectedFilters = this.el.shadowRoot.querySelector('.selected-filters');
|
|
347
|
+
selectedFilters.querySelectorAll('.button').forEach(button => {
|
|
348
|
+
button.remove();
|
|
349
|
+
});
|
|
324
350
|
// Emit the doSearchAndFilterUpdate event with null values. DON-654
|
|
325
351
|
this.doSearchAndFilterUpdate.emit({
|
|
326
352
|
searchText: null,
|
|
@@ -394,7 +420,7 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
394
420
|
}
|
|
395
421
|
render() {
|
|
396
422
|
var _a;
|
|
397
|
-
return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "search-wrap" }, index.h("h4", null, this.intro), index.h("div", { class: "field-wrap" }, index.h("div", { class: "input-wrap" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, index.h("path", { d: fontawesomeIcons.faMagnifyingGlass.icon[4].toString() })), index.h("input", { type: "text", value: (_a = this.searchText) !== null && _a !== void 0 ? _a : '', class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), index.h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), index.h("div", { class: "sort-filter-wrap" }, index.h("div", { class: "
|
|
423
|
+
return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve" }, index.h("div", { class: "search-wrap" }, index.h("h4", null, this.intro), index.h("div", { class: "field-wrap" }, index.h("div", { class: "input-wrap" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, index.h("path", { d: fontawesomeIcons.faMagnifyingGlass.icon[4].toString() })), index.h("input", { type: "text", value: (_a = this.searchText) !== null && _a !== void 0 ? _a : '', class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), index.h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), index.h("div", { class: "sort-filter-wrap" }, index.h("div", { class: "filter-wrap" }, index.h("biggive-button", { class: "filter", colourScheme: "primary", onClick: this.handleFilterButtonClick, label: "Filter", fullWidth: true, "space-below": "0" }), index.h("biggive-popup", { id: "filter-popup" }, index.h("h4", { class: "space-above-0 space-below-3 text-colour-primary" }, "Filters"), index.h("biggive-form-field-select", { placeholder: this.categoriesPlaceHolderText, selectedLabel: this.selectedFilterCategory, id: "categories", "space-below": "2" }, this.categoryOptions.length === 0
|
|
398
424
|
? undefined
|
|
399
425
|
: (Array.isArray(this.categoryOptions) ? this.categoryOptions : JSON.parse(this.categoryOptions)).map(option => (index.h("biggive-form-field-select-option", { value: option, label: option })))), index.h("biggive-form-field-select", { placeholder: this.beneficiariesPlaceHolderText, selectedLabel: this.selectedFilterBeneficiary, id: "beneficiaries", "space-below": "2" }, this.beneficiaryOptions.length === 0
|
|
400
426
|
? undefined
|
|
@@ -402,7 +428,7 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
402
428
|
? undefined
|
|
403
429
|
: (Array.isArray(this.locationOptions) ? this.locationOptions : JSON.parse(this.locationOptions)).map(option => (index.h("biggive-form-field-select-option", { value: option, label: option })))), index.h("biggive-form-field-select", { placeholder: this.fundingPlaceHolderText, selectedLabel: this.selectedFilterFunding, id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
|
|
404
430
|
? undefined
|
|
405
|
-
: (Array.isArray(this.fundingOptions) ? this.fundingOptions : JSON.parse(this.fundingOptions)).map(option => (index.h("biggive-form-field-select-option", { value: option, label: option })))), index.h("div", { class: "align-right" }, index.h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick }))))), index.h("div", { class: "campaign-grid" }, index.h("slot", { name: "campaign-grid" })))));
|
|
431
|
+
: (Array.isArray(this.fundingOptions) ? this.fundingOptions : JSON.parse(this.fundingOptions)).map(option => (index.h("biggive-form-field-select-option", { value: option, label: option })))), index.h("div", { class: "align-right" }, index.h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), index.h("div", { class: "sort-wrap" }, index.h("biggive-form-field-select", { "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, id: "sort-by" }, index.h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), index.h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), index.h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" })))), index.h("div", { class: "selected-filter-wrap" }, index.h("div", { class: "selected-filters" }), index.h("div", { class: "clear-all" }, index.h("a", { onClick: this.handleClearAll }, "Clear all"))), index.h("div", { class: "campaign-grid" }, index.h("slot", { name: "campaign-grid" })))));
|
|
406
432
|
}
|
|
407
433
|
get el() { return index.getElement(this); }
|
|
408
434
|
};
|
|
@@ -434,7 +460,7 @@ const BiggiveCampaignHighlights = class {
|
|
|
434
460
|
};
|
|
435
461
|
BiggiveCampaignHighlights.style = biggiveCampaignHighlightsCss;
|
|
436
462
|
|
|
437
|
-
const biggiveCarouselCss = "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}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .items{overflow:hidden}.container .items .sleeve{display:flex;flex-flow:row wrap;min-width:100
|
|
463
|
+
const biggiveCarouselCss = "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}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .items{overflow:hidden}.container .items .sleeve{display:flex;flex-flow:row wrap;min-width:100%;overflow:hidden}.container .navigation{padding:10px 0;text-align:right;display:flex;justify-content:end;position:relative;z-index:1}.container .navigation .button{margin-left:15px;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 svg{width:15px;height:15px;position:relative;top:2.5px}.container .navigation .button.prev{left:0}.container .navigation .button.prev svg{left:-3px}.container .navigation .button.next{right:0}.container .navigation .button.next svg{left:-1px}.container ::slotted(.hidden){display:none}.column-count-5 ::slotted(*){width:calc(20% - 24px);display:flex;flex-direction:column}.column-count-4 ::slotted(*){width:calc(25% - 22.5px);display:flex;flex-direction:column}.column-count-3 ::slotted(*){width:calc(33.3333333333% - 20px);display:flex;flex-direction:column}.column-count-2 ::slotted(*){width:calc(50% - 15px);display:flex;flex-direction:column}@media screen and (max-width: 768px){.column-count-2 ::slotted(*),.column-count-3 ::slotted(*),.column-count-4 ::slotted(*),.column-count-5 ::slotted(*){width:calc(50% - 15px)}}@media screen and (max-width: 576px){.column-count-2 ::slotted(*),.column-count-3 ::slotted(*),.column-count-4 ::slotted(*),.column-count-5 ::slotted(*){width:100%}}";
|
|
438
464
|
|
|
439
465
|
const BiggiveCarousel = class {
|
|
440
466
|
constructor(hostRef) {
|
|
@@ -443,14 +469,19 @@ const BiggiveCarousel = class {
|
|
|
443
469
|
this.itemCount = 0;
|
|
444
470
|
this.itemWidthPx = 0;
|
|
445
471
|
this.columnGapPx = 0;
|
|
472
|
+
this.versions = undefined;
|
|
446
473
|
this.spaceBelow = 4;
|
|
447
474
|
this.columnCount = 3;
|
|
448
475
|
this.buttonBackgroundColour = 'white';
|
|
449
476
|
this.buttonIconColour = 'primary';
|
|
450
477
|
}
|
|
451
478
|
componentDidRender() {
|
|
452
|
-
var _a
|
|
479
|
+
var _a;
|
|
453
480
|
this.sleeve = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.sleeve');
|
|
481
|
+
this.resizeToFitContent();
|
|
482
|
+
}
|
|
483
|
+
async resizeToFitContent() {
|
|
484
|
+
var _a;
|
|
454
485
|
let children = new Array();
|
|
455
486
|
Array.from(this.host.children).forEach(item => {
|
|
456
487
|
if (!item.classList.contains('hidden')) {
|
|
@@ -460,8 +491,10 @@ const BiggiveCarousel = class {
|
|
|
460
491
|
this.itemCount = children.length;
|
|
461
492
|
if (children.length > 0) {
|
|
462
493
|
this.columnGapPx = 30;
|
|
463
|
-
this.itemWidthPx = (((
|
|
494
|
+
this.itemWidthPx = (((_a = this.sleeve.parentElement) === null || _a === void 0 ? void 0 : _a.offsetWidth) - (this.columnCount - 1) * this.columnGapPx) / this.columnCount;
|
|
464
495
|
this.sleeve.style.width = (this.itemWidthPx + this.columnGapPx) * children.length + 'px';
|
|
496
|
+
this.sleeve.style.height = this.sleeve.style.height;
|
|
497
|
+
this.sleeve.style.transform = 'translate3d(0px, 0, 0)';
|
|
465
498
|
children.forEach(el => {
|
|
466
499
|
el.style.width = this.itemWidthPx + 'px';
|
|
467
500
|
el.style.marginRight = this.columnGapPx + 'px';
|
|
@@ -497,13 +530,13 @@ const BiggiveCarousel = class {
|
|
|
497
530
|
' button-background-colour-' +
|
|
498
531
|
this.buttonBackgroundColour +
|
|
499
532
|
' button-icon-colour-' +
|
|
500
|
-
this.buttonIconColour }, index.h("div", { class: "items" }, index.h("div", { class: "sleeve" }, index.h("slot", null))), index.h("div", { class: "navigation" }, index.h("div", { class: "button prev", onClick:
|
|
533
|
+
this.buttonIconColour }, index.h("div", { class: "items" }, index.h("div", { class: "sleeve" }, index.h("slot", null))), index.h("div", { class: "navigation" }, index.h("div", { class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, index.h("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), index.h("div", { class: "button next", onClick: this.clickNextHandler, title: "Next" }, index.h("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" }))))));
|
|
501
534
|
}
|
|
502
535
|
get host() { return index.getElement(this); }
|
|
503
536
|
};
|
|
504
537
|
BiggiveCarousel.style = biggiveCarouselCss;
|
|
505
538
|
|
|
506
|
-
const biggiveFilteredCarouselCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block}.filters{margin-bottom:15px}.filters .button{cursor:pointer;border-radius:20px;padding:5px 20px;margin-right:15px;font-size:13px;line-height:17px;background-color:#FF7272;color:#000000;border-color:#FF7272}.filters .button.active{background-color:#000000;border-color:#000000;color:#FFFFFF}";
|
|
539
|
+
const biggiveFilteredCarouselCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block}.filters{margin-bottom:15px}.filters .button{cursor:pointer;border-radius:20px;padding:5px 20px;margin-right:15px;font-size:13px;line-height:17px;background-color:#FF7272;color:#000000;border-color:#FF7272}.filters .button.active{background-color:#000000;border-color:#000000;color:#FFFFFF}.filters .clear{padding:5px;height:26px;width:26px;text-align:center}.filters .clear svg{top:3px;left:0.5px;position:relative;height:16px;width:16px;transform:rotate(45deg)}";
|
|
507
540
|
|
|
508
541
|
const BiggiveFilteredCarousel = class {
|
|
509
542
|
constructor(hostRef) {
|
|
@@ -537,6 +570,7 @@ const BiggiveFilteredCarousel = class {
|
|
|
537
570
|
var button = document.createElement('span');
|
|
538
571
|
button.innerHTML = filter;
|
|
539
572
|
button.classList.add('button');
|
|
573
|
+
button.classList.add('apply');
|
|
540
574
|
button.setAttribute('data-filter', filter);
|
|
541
575
|
button.addEventListener('click', e => {
|
|
542
576
|
var _a;
|
|
@@ -556,12 +590,32 @@ const BiggiveFilteredCarousel = class {
|
|
|
556
590
|
item.classList.add('hidden');
|
|
557
591
|
}
|
|
558
592
|
});
|
|
559
|
-
carousel.
|
|
560
|
-
carousel.setAttribute('space-below', '1');
|
|
593
|
+
carousel.resizeToFitContent();
|
|
561
594
|
});
|
|
562
595
|
filterWrap.appendChild(button);
|
|
563
596
|
});
|
|
564
|
-
|
|
597
|
+
var clear = document.createElement('span');
|
|
598
|
+
clear.innerHTML =
|
|
599
|
+
'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-color="1" stroke="#000000" d="M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z" /></svg>';
|
|
600
|
+
clear.classList.add('button');
|
|
601
|
+
clear.classList.add('clear');
|
|
602
|
+
clear.addEventListener('click', () => {
|
|
603
|
+
filterWrap.querySelectorAll('.apply').forEach(button => {
|
|
604
|
+
button.classList.remove('active');
|
|
605
|
+
});
|
|
606
|
+
this.children.forEach(item => {
|
|
607
|
+
item.classList.remove('hidden');
|
|
608
|
+
});
|
|
609
|
+
carousel.resizeToFitContent();
|
|
610
|
+
});
|
|
611
|
+
filterWrap.appendChild(clear);
|
|
612
|
+
/*
|
|
613
|
+
Check added to confirm that carousel variable is set with a valid carousel. Ommiting this check fails the npm test - although works fine at runtime in browser.
|
|
614
|
+
@todo Pass a null fn in the test so it passes without this workaround?
|
|
615
|
+
*/
|
|
616
|
+
if (typeof carousel.resizeToFitContent === 'function') {
|
|
617
|
+
carousel.resizeToFitContent();
|
|
618
|
+
}
|
|
565
619
|
}
|
|
566
620
|
render() {
|
|
567
621
|
return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", { class: "filters" }), index.h("biggive-carousel", { "space-below": "1", "column-count": this.columnCount, "button-background-colour": this.buttonBackgroundColour, "button-icon-colour": this.buttonIconColour })));
|
|
@@ -571,7 +625,7 @@ const BiggiveFilteredCarousel = class {
|
|
|
571
625
|
BiggiveFilteredCarousel.style = biggiveFilteredCarouselCss;
|
|
572
626
|
|
|
573
627
|
const makeURL = (urlType, urlPrefix, relativeUrl) => {
|
|
574
|
-
if (
|
|
628
|
+
if (urlPrefix === undefined || urlPrefix.length === 0 || !urlPrefix.startsWith('http')) {
|
|
575
629
|
throw new Error(`${urlType} URL prefix must be set and start with http`);
|
|
576
630
|
}
|
|
577
631
|
return urlPrefix + '/' + relativeUrl;
|
|
@@ -615,7 +669,7 @@ const BiggiveFooter = class {
|
|
|
615
669
|
};
|
|
616
670
|
BiggiveFooter.style = biggiveFooterCss;
|
|
617
671
|
|
|
618
|
-
const biggiveFormFieldSelectCss = "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}:host{display:contents}.dropdown{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.dropdown .sleeve{font-size:17px;line-height:24px;padding:1px;position:relative;background-color:#2C089B;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 15px) 0%, 100% 15px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.dropdown .sleeve span.placeholder{background-color:#FFFFFF;color:#2C089B;display:block;position:relative;padding:10px 80px 10px 10px;cursor:pointer;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 14px) 0%, 100% 14px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.dropdown .sleeve span.placeholder:after{content:\"\";display:block;position:absolute;right:20px;top:18px;width:10px;height:10px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS4yMzcxNiA2LjYyNDkzQzQuOTAzMjMgNy4xMjUwMiA0LjA5NyA3LjEyNTAyIDMuNzYzMDggNi42MjQ5M0wwLjEyMzg2OCAxLjE3MDYzQy0wLjIxOTk0IDAuNjU1NDU5IDAuMTkyNjMgMS44MzcxZS0wNyAwLjg2MDkwOCAyLjQyMTMyZS0wN0w4LjEzOTMzIDguNzg0MzJlLTA3QzguODA3MTggOS4zNjgxN2UtMDcgOS4yMTk3NSAwLjY1NTQ1OSA4Ljg3NjM3IDEuMTcwNjNMNS4yMzcxNiA2LjYyNDkzWiIgZmlsbD0iIzJDMDg5QiIvPgo8L3N2Zz4K\");background-size:contain;background-repeat:no-repeat;background-position:center center}.dropdown .options{max-height:200px;overflow-x:hidden;overflow-y:scroll;background-color:#FFFFFF;position:absolute;display:none;z-index:1;left:0;right:0;border-left:1px solid #2C089B;border-right:1px solid #2C089B;border-bottom:1px solid #2C089B}.dropdown.active .options{display:block}";
|
|
672
|
+
const biggiveFormFieldSelectCss = "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}:host{display:contents}.dropdown{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.dropdown.select-style-bordered .sleeve{font-size:17px;line-height:24px;padding:1px;position:relative;background-color:#2C089B;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 15px) 0%, 100% 15px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.dropdown.select-style-bordered .sleeve span.placeholder{background-color:#FFFFFF;color:#2C089B;display:block;position:relative;padding:10px 80px 10px 10px;cursor:pointer;clip-path:polygon(0% 0%, 0% 0%, calc(100% - 14px) 0%, 100% 14px, 100% 100%, 100% 100%, 0 100%, 0 100%)}.dropdown.select-style-bordered .sleeve span.placeholder:after{content:\"\";display:block;position:absolute;right:20px;top:18px;width:10px;height:10px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS4yMzcxNiA2LjYyNDkzQzQuOTAzMjMgNy4xMjUwMiA0LjA5NyA3LjEyNTAyIDMuNzYzMDggNi42MjQ5M0wwLjEyMzg2OCAxLjE3MDYzQy0wLjIxOTk0IDAuNjU1NDU5IDAuMTkyNjMgMS44MzcxZS0wNyAwLjg2MDkwOCAyLjQyMTMyZS0wN0w4LjEzOTMzIDguNzg0MzJlLTA3QzguODA3MTggOS4zNjgxN2UtMDcgOS4yMTk3NSAwLjY1NTQ1OSA4Ljg3NjM3IDEuMTcwNjNMNS4yMzcxNiA2LjYyNDkzWiIgZmlsbD0iIzJDMDg5QiIvPgo8L3N2Zz4K\");background-size:contain;background-repeat:no-repeat;background-position:center center}.dropdown.select-style-underlined .sleeve{font-size:17px;line-height:24px;padding:1px;position:relative;border-bottom:1px solid #2C089B}.dropdown.select-style-underlined .sleeve span.placeholder{background-color:#FFFFFF;color:#2C089B;display:block;position:relative;padding:10px 80px 10px 10px;cursor:pointer}.dropdown.select-style-underlined .sleeve span.placeholder:after{content:\"\";display:block;position:absolute;right:20px;top:18px;width:10px;height:10px;background-image:url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS4yMzcxNiA2LjYyNDkzQzQuOTAzMjMgNy4xMjUwMiA0LjA5NyA3LjEyNTAyIDMuNzYzMDggNi42MjQ5M0wwLjEyMzg2OCAxLjE3MDYzQy0wLjIxOTk0IDAuNjU1NDU5IDAuMTkyNjMgMS44MzcxZS0wNyAwLjg2MDkwOCAyLjQyMTMyZS0wN0w4LjEzOTMzIDguNzg0MzJlLTA3QzguODA3MTggOS4zNjgxN2UtMDcgOS4yMTk3NSAwLjY1NTQ1OSA4Ljg3NjM3IDEuMTcwNjNMNS4yMzcxNiA2LjYyNDkzWiIgZmlsbD0iIzJDMDg5QiIvPgo8L3N2Zz4K\");background-size:contain;background-repeat:no-repeat;background-position:center center}.dropdown .options{max-height:200px;overflow-x:hidden;overflow-y:scroll;background-color:#FFFFFF;position:absolute;display:none;z-index:1;left:0;right:0;border-left:1px solid #2C089B;border-right:1px solid #2C089B;border-bottom:1px solid #2C089B}.dropdown.active .options{display:block}";
|
|
619
673
|
|
|
620
674
|
const BiggiveFormFieldSelect = class {
|
|
621
675
|
constructor(hostRef) {
|
|
@@ -623,6 +677,7 @@ const BiggiveFormFieldSelect = class {
|
|
|
623
677
|
this.doSelectChange = index.createEvent(this, "doSelectChange", 7);
|
|
624
678
|
this.selectedValue = undefined;
|
|
625
679
|
this.selectedLabel = undefined;
|
|
680
|
+
this.selectStyle = 'bordered';
|
|
626
681
|
this.spaceBelow = 0;
|
|
627
682
|
this.placeholder = undefined;
|
|
628
683
|
}
|
|
@@ -651,7 +706,7 @@ const BiggiveFormFieldSelect = class {
|
|
|
651
706
|
}
|
|
652
707
|
}
|
|
653
708
|
render() {
|
|
654
|
-
return (index.h("div", { class: 'dropdown space-below-' + this.spaceBelow }, index.h("div", { class: "sleeve", onClick: this.toggleFocus, onMouseLeave: this.toggleFocus }, index.h("span", { class: "placeholder" }, this.selectedLabel === null || this.selectedLabel === undefined ? this.placeholder : this.selectedLabel)), index.h("div", { class: "options" }, index.h("slot", null))));
|
|
709
|
+
return (index.h("div", { class: 'dropdown space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle }, index.h("div", { class: "sleeve", onClick: this.toggleFocus, onMouseLeave: this.toggleFocus }, index.h("span", { class: "placeholder" }, this.selectedLabel === null || this.selectedLabel === undefined ? this.placeholder : this.selectedLabel)), index.h("div", { class: "options" }, index.h("slot", null))));
|
|
655
710
|
}
|
|
656
711
|
get el() { return index.getElement(this); }
|
|
657
712
|
};
|
|
@@ -706,31 +761,32 @@ const BiggiveGenericIcon = class {
|
|
|
706
761
|
this.icon = undefined;
|
|
707
762
|
this.url = undefined;
|
|
708
763
|
}
|
|
709
|
-
|
|
710
|
-
let
|
|
764
|
+
getIconDefinition() {
|
|
765
|
+
let iconDefinition;
|
|
711
766
|
if (this.iconGroup == 'beneficiary') {
|
|
712
|
-
|
|
767
|
+
iconDefinition = fontawesomeIcons.FontAwesomeIconsService.getBeneficiaryIcon(this.icon);
|
|
713
768
|
}
|
|
714
769
|
else if (this.iconGroup == 'misc') {
|
|
715
|
-
|
|
770
|
+
iconDefinition = fontawesomeIcons.FontAwesomeIconsService.getMiscIcon(this.icon);
|
|
716
771
|
}
|
|
717
772
|
else if (this.iconGroup == 'social') {
|
|
718
|
-
|
|
773
|
+
iconDefinition = fontawesomeIcons.FontAwesomeIconsService.getSocialIcon(this.icon);
|
|
719
774
|
}
|
|
720
775
|
else if (this.iconGroup == 'category') {
|
|
721
|
-
|
|
776
|
+
iconDefinition = fontawesomeIcons.FontAwesomeIconsService.getCategoryIcon(this.icon);
|
|
722
777
|
}
|
|
723
|
-
return
|
|
778
|
+
return iconDefinition;
|
|
724
779
|
}
|
|
725
780
|
render() {
|
|
781
|
+
const iconDefinition = this.getIconDefinition();
|
|
726
782
|
return (
|
|
727
783
|
// Note: the icon name prop is set as a css class too for any styling specific to certain icons
|
|
728
|
-
index.h("div", { class: 'generic-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, index.h("a", { href: this.url },
|
|
784
|
+
index.h("div", { class: 'generic-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon }, index.h("a", { href: this.url }, iconDefinition ? (index.h("svg", { width: iconDefinition.icon[0], height: iconDefinition.icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + iconDefinition.icon[0] + ' ' + iconDefinition.icon[1] }, index.h("path", { d: iconDefinition.icon[4].toString() }))) : null)));
|
|
729
785
|
}
|
|
730
786
|
};
|
|
731
787
|
BiggiveGenericIcon.style = biggiveGenericIconCss;
|
|
732
788
|
|
|
733
|
-
const biggiveGridCss = "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}:host{display:contents}.grid{margin-bottom:15px;display:flex;flex-flow:row wrap}.space-between{justify-content:space-between}.grid ::slotted([slot=grid-item]){display:block}.column-count-2 ::slotted(*){width:50%;display:flex;flex-direction:column}.column-count-3 ::slotted(*){width:33.3333333333%;display:flex;flex-direction:column}.column-count-4 ::slotted(*){width:25%;display:flex;flex-direction:column}.column-count-5 ::slotted(*){width:20%;display:flex;flex-direction:column}.column-count-6 ::slotted(*){width:16.6666666667%;display:flex;flex-direction:column}.column-gap-1{justify-content:space-between}.column-gap-2{justify-content:space-between}.column-gap-3{justify-content:space-between}.column-gap-4{justify-content:space-between}.column-gap-5{justify-content:space-between}.column-gap-6{justify-content:space-between}.column-count-2.column-gap-1 ::slotted(*){width:calc(50% - 2.5px)}.column-count-2.column-gap-2 ::slotted(*){width:calc(50% - 5px)}.column-count-2.column-gap-3 ::slotted(*){width:calc(50% - 7.5px)}.column-count-2.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-5 ::slotted(*){width:calc(50% - 22.5px)}.column-count-2.column-gap-6 ::slotted(*){width:calc(50% - 30px)}.column-count-3.column-gap-1 ::slotted(*){width:calc(33.3333333333% - 3.3333333333px)}.column-count-3.column-gap-2 ::slotted(*){width:calc(33.3333333333% - 6.6666666667px)}.column-count-3.column-gap-3 ::slotted(*){width:calc(33.3333333333% - 10px)}.column-count-3.column-gap-4 ::slotted(*){width:calc(33.3333333333% - 20px)}.column-count-3.column-gap-5 ::slotted(*){width:calc(33.3333333333% - 30px)}.column-count-3.column-gap-6 ::slotted(*){width:calc(33.3333333333% - 40px)}.column-count-4.column-gap-1 ::slotted(*){width:calc(25% - 3.75px)}.column-count-4.column-gap-2 ::slotted(*){width:calc(25% - 7.5px)}.column-count-4.column-gap-3 ::slotted(*){width:calc(25% - 11.25px)}.column-count-4.column-gap-4 ::slotted(*){width:calc(25% - 22.5px)}.column-count-4.column-gap-5 ::slotted(*){width:calc(25% - 33.75px)}.column-count-4.column-gap-6 ::slotted(*){width:calc(25% - 45px)}.column-count-5.column-gap-1 ::slotted(*){width:calc(20% - 4px)}.column-count-5.column-gap-2 ::slotted(*){width:calc(20% - 8px)}.column-count-5.column-gap-3 ::slotted(*){width:calc(20% - 12px)}.column-count-5.column-gap-4 ::slotted(*){width:calc(20% - 24px)}.column-count-5.column-gap-5 ::slotted(*){width:calc(20% - 36px)}.column-count-5.column-gap-6 ::slotted(*){width:calc(20% - 48px)}.column-count-6.column-gap-1 ::slotted(*){width:calc(16.6666666667% - 4.1666666667px)}.column-count-6.column-gap-2 ::slotted(*){width:calc(16.6666666667% - 8.3333333333px)}.column-count-6.column-gap-3 ::slotted(*){width:calc(16.6666666667% - 12.5px)}.column-count-6.column-gap-4 ::slotted(*){width:calc(16.6666666667% - 25px)}.column-count-6.column-gap-5 ::slotted(*){width:calc(16.6666666667% - 37.5px)}.column-count-6.column-gap-6 ::slotted(*){width:calc(16.6666666667% - 50px)}@media screen and (max-width: 768px){.column-count-2 ::slotted(*),.column-count-3 ::slotted(*),.column-count-4 ::slotted(*),.column-count-5 ::slotted(*),.column-count-6 ::slotted(*){width:calc(50% - 15px)}}@media screen and (max-width: 576px){.column-count-2 ::slotted(*),.column-count-3 ::slotted(*),.column-count-4 ::slotted(*),.column-count-5 ::slotted(*),.column-count-6 ::slotted(*){width:100%}}";
|
|
789
|
+
const biggiveGridCss = "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}:host{display:contents}.grid{margin-bottom:15px;display:flex;flex-flow:row wrap}.space-between{justify-content:space-between}.grid ::slotted([slot=grid-item]){display:block}.column-count-2 ::slotted(*){width:50%;display:flex;flex-direction:column}.column-count-3 ::slotted(*){width:33.3333333333%;display:flex;flex-direction:column}.column-count-4 ::slotted(*){width:25%;display:flex;flex-direction:column}.column-count-5 ::slotted(*){width:20%;display:flex;flex-direction:column}.column-count-6 ::slotted(*){width:16.6666666667%;display:flex;flex-direction:column}.column-gap-1{justify-content:space-between}.column-gap-2{justify-content:space-between}.column-gap-3{justify-content:space-between}.column-gap-4{justify-content:space-between}.column-gap-5{justify-content:space-between}.column-gap-6{justify-content:space-between}.column-count-2.column-gap-1 ::slotted(*){width:calc(50% - 2.5px)}.column-count-2.column-gap-2 ::slotted(*){width:calc(50% - 5px)}.column-count-2.column-gap-3 ::slotted(*){width:calc(50% - 7.5px)}.column-count-2.column-gap-4 ::slotted(*){width:calc(50% - 15px)}.column-count-2.column-gap-5 ::slotted(*){width:calc(50% - 22.5px)}.column-count-2.column-gap-6 ::slotted(*){width:calc(50% - 30px)}.column-count-3.column-gap-1 ::slotted(*){width:calc(33.3333333333% - 3.3333333333px)}.column-count-3.column-gap-2 ::slotted(*){width:calc(33.3333333333% - 6.6666666667px)}.column-count-3.column-gap-3 ::slotted(*){width:calc(33.3333333333% - 10px)}.column-count-3.column-gap-4 ::slotted(*){width:calc(33.3333333333% - 20px)}.column-count-3.column-gap-5 ::slotted(*){width:calc(33.3333333333% - 30px)}.column-count-3.column-gap-6 ::slotted(*){width:calc(33.3333333333% - 40px)}.column-count-4.column-gap-1 ::slotted(*){width:calc(25% - 3.75px)}.column-count-4.column-gap-2 ::slotted(*){width:calc(25% - 7.5px)}.column-count-4.column-gap-3 ::slotted(*){width:calc(25% - 11.25px)}.column-count-4.column-gap-4 ::slotted(*){width:calc(25% - 22.5px)}.column-count-4.column-gap-5 ::slotted(*){width:calc(25% - 33.75px)}.column-count-4.column-gap-6 ::slotted(*){width:calc(25% - 45px)}.column-count-5.column-gap-1 ::slotted(*){width:calc(20% - 4px)}.column-count-5.column-gap-2 ::slotted(*){width:calc(20% - 8px)}.column-count-5.column-gap-3 ::slotted(*){width:calc(20% - 12px)}.column-count-5.column-gap-4 ::slotted(*){width:calc(20% - 24px)}.column-count-5.column-gap-5 ::slotted(*){width:calc(20% - 36px)}.column-count-5.column-gap-6 ::slotted(*){width:calc(20% - 48px)}.column-count-6.column-gap-1 ::slotted(*){width:calc(16.6666666667% - 4.1666666667px)}.column-count-6.column-gap-2 ::slotted(*){width:calc(16.6666666667% - 8.3333333333px)}.column-count-6.column-gap-3 ::slotted(*){width:calc(16.6666666667% - 12.5px)}.column-count-6.column-gap-4 ::slotted(*){width:calc(16.6666666667% - 25px)}.column-count-6.column-gap-5 ::slotted(*){width:calc(16.6666666667% - 37.5px)}.column-count-6.column-gap-6 ::slotted(*){width:calc(16.6666666667% - 50px)}.column-count-3.column-gap-1:after{content:\"\";display:flex;flex-direction:column;width:calc(33.3333333333% - 3.3333333333px)}.column-count-3.column-gap-2:after{content:\"\";display:flex;flex-direction:column;width:calc(33.3333333333% - 6.6666666667px)}.column-count-3.column-gap-3:after{content:\"\";display:flex;flex-direction:column;width:calc(33.3333333333% - 10px)}.column-count-3.column-gap-4:after{content:\"\";display:flex;flex-direction:column;width:calc(33.3333333333% - 20px)}.column-count-3.column-gap-5:after{content:\"\";display:flex;flex-direction:column;width:calc(33.3333333333% - 30px)}.column-count-3.column-gap-6:after{content:\"\";display:flex;flex-direction:column;width:calc(33.3333333333% - 40px)}@media screen and (max-width: 768px){.column-count-2 ::slotted(*),.column-count-3 ::slotted(*),.column-count-4 ::slotted(*),.column-count-5 ::slotted(*),.column-count-6 ::slotted(*){width:calc(50% - 15px)}}@media screen and (max-width: 576px){.column-count-2 ::slotted(*),.column-count-3 ::slotted(*),.column-count-4 ::slotted(*),.column-count-5 ::slotted(*),.column-count-6 ::slotted(*){width:100%}}";
|
|
734
790
|
|
|
735
791
|
const BiggiveGrid = class {
|
|
736
792
|
constructor(hostRef) {
|
|
@@ -1193,7 +1249,7 @@ const BiggiveQuote = class {
|
|
|
1193
1249
|
};
|
|
1194
1250
|
BiggiveQuote.style = biggiveQuoteCss;
|
|
1195
1251
|
|
|
1196
|
-
const biggiveSheetCss = "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:#62CFC9}.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}.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}.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.active .popup{transform:translateX(0)}.container.active .background{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.6);z-index:99}.container .popup{position:fixed;transition:transform 1s ease-in-out;transform:translateX(100%);z-index:999;top:0;bottom:0;right:0;width:66%}.container .popup .header{padding:45px;display:flex;justify-content:space-between}.container .popup .header .back-link{cursor:pointer;display:flex;font-size:14px}.container .popup .header .back-link .svg-wrap{display:flex;margin:5px 15px auto 0}.container .popup .header .back-link .svg-wrap.colour-primary svg path{fill:#2C089B}.container .popup .header .back-link .svg-wrap.colour-secondary svg path{fill:#2AF135}.container .popup .header .back-link .svg-wrap.colour-tertiary svg path{fill:#FF7272}.container .popup .header .back-link .svg-wrap.colour-brand-1 svg path{fill:#B30510}.container .popup .header .back-link .svg-wrap.colour-brand-2 svg path{fill:#6E0887}.container .popup .header .back-link .svg-wrap.colour-brand-3 svg path{fill:#50B400}.container .popup .header .back-link .svg-wrap.colour-brand-4 svg path{fill:#FFE500}.container .popup .header .back-link .svg-wrap.colour-brand-5 svg path{fill:#F07D00}.container .popup .header .back-link .svg-wrap.colour-brand-6 svg path{fill:#62CFC9}.container .popup .header .back-link .svg-wrap.colour-white svg path{fill:#FFFFFF}.container .popup .header .back-link .svg-wrap.colour-black svg path{fill:#000000}.container .popup .header .back-link .svg-wrap.colour-grey-extra-light svg path{fill:#D7D7D7}.container .popup .header .back-link .svg-wrap.colour-grey-light svg path{fill:#E8E8E8}.container .popup .header .back-link .svg-wrap.colour-grey-medium svg path{fill:#8A8A8A}.container .popup .header .back-link .svg-wrap.colour-grey-dark svg path{fill:#4A4A4A}.container .popup .header .back-link .svg-wrap svg{height:14px;width:auto}.container .popup .header .close-link{margin-bottom:auto;cursor:pointer}.container .popup .header .close-link .svg-wrap{display:block;width:30px;height:30px;background-color:#FFFFFF;border-radius:50%;text-align:center;padding:6.5px;box-sizing:border-box}.container .popup .header .close-link .svg-wrap svg{height:15px;width:15px;transform:rotate(45deg)}.container .popup .content{padding:0 45px 90px 90px;margin-right:45px;max-height:calc(100vh - 200px);overflow-y:scroll;box-sizing:border-box}@media screen and (max-width: 768px){.container .header{padding:15px}.container .content{padding:0 15px 30px 30px;margin-right:15px;max-height:calc(100vh - 90px)}.container .popup{width:100%}}@media screen and (max-width: 576px){.container .header{padding:15px}.container .content{padding:0 15px 30px 30px;margin-right:15px;max-height:calc(100vh - 90px)}.container .popup{width:100%}}";
|
|
1252
|
+
const biggiveSheetCss = "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:#62CFC9}.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}.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}.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.active .popup{transform:translateX(0)}.container.active .background{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.6);z-index:99}.container .popup{position:fixed;transition:transform 1s ease-in-out;transform:translateX(100%);z-index:999;top:0;bottom:0;right:0;width:66%}.container .popup .header{padding:45px;display:flex;justify-content:space-between}.container .popup .header .back-link{cursor:pointer;display:flex;font-size:14px}.container .popup .header .back-link .svg-wrap{display:flex;margin:5px 15px auto 0}.container .popup .header .back-link .svg-wrap.colour-primary svg path{fill:#2C089B}.container .popup .header .back-link .svg-wrap.colour-secondary svg path{fill:#2AF135}.container .popup .header .back-link .svg-wrap.colour-tertiary svg path{fill:#FF7272}.container .popup .header .back-link .svg-wrap.colour-brand-1 svg path{fill:#B30510}.container .popup .header .back-link .svg-wrap.colour-brand-2 svg path{fill:#6E0887}.container .popup .header .back-link .svg-wrap.colour-brand-3 svg path{fill:#50B400}.container .popup .header .back-link .svg-wrap.colour-brand-4 svg path{fill:#FFE500}.container .popup .header .back-link .svg-wrap.colour-brand-5 svg path{fill:#F07D00}.container .popup .header .back-link .svg-wrap.colour-brand-6 svg path{fill:#62CFC9}.container .popup .header .back-link .svg-wrap.colour-white svg path{fill:#FFFFFF}.container .popup .header .back-link .svg-wrap.colour-black svg path{fill:#000000}.container .popup .header .back-link .svg-wrap.colour-grey-extra-light svg path{fill:#D7D7D7}.container .popup .header .back-link .svg-wrap.colour-grey-light svg path{fill:#E8E8E8}.container .popup .header .back-link .svg-wrap.colour-grey-medium svg path{fill:#8A8A8A}.container .popup .header .back-link .svg-wrap.colour-grey-dark svg path{fill:#4A4A4A}.container .popup .header .back-link .svg-wrap svg{height:14px;width:auto}.container .popup .header .close-link{margin-bottom:auto;cursor:pointer}.container .popup .header .close-link .svg-wrap{display:block;width:30px;height:30px;background-color:#FFFFFF;border-radius:50%;text-align:center;padding:6.5px;box-sizing:border-box}.container .popup .header .close-link .svg-wrap svg{display:inline-block;top:-1.5px;position:relative;stroke-width:1;stroke:#000000;height:15px;width:15px;transform:rotate(45deg)}.container .popup .content{padding:0 45px 90px 90px;margin-right:45px;max-height:calc(100vh - 200px);overflow-y:scroll;box-sizing:border-box}@media screen and (max-width: 768px){.container .header{padding:15px}.container .content{padding:0 15px 30px 30px;margin-right:15px;max-height:calc(100vh - 90px)}.container .popup{width:100%}}@media screen and (max-width: 576px){.container .header{padding:15px}.container .content{padding:0 15px 30px 30px;margin-right:15px;max-height:calc(100vh - 90px)}.container .popup{width:100%}}";
|
|
1197
1253
|
|
|
1198
1254
|
const BiggiveSheet = class {
|
|
1199
1255
|
constructor(hostRef) {
|
|
@@ -1222,7 +1278,7 @@ const BiggiveSheet = class {
|
|
|
1222
1278
|
history.pushState('', document.title, window.location.pathname);
|
|
1223
1279
|
}
|
|
1224
1280
|
render() {
|
|
1225
|
-
return (index.h("div", { class: 'container' }, index.h("div", { class: "background" }), index.h("div", { class: 'popup background-colour-' + this.backgroundColour + ' text-colour-' + this.textColour }, index.h("div", { class: "header" }, index.h("div", { class: "back-link", onClick:
|
|
1281
|
+
return (index.h("div", { class: 'container' }, index.h("div", { class: "background" }), index.h("div", { class: 'popup background-colour-' + this.backgroundColour + ' text-colour-' + this.textColour }, index.h("div", { class: "header" }, index.h("div", { class: "back-link", onClick: this.closeSheet }, index.h("span", { class: 'svg-wrap colour-' + this.textColour }, index.h("svg", { width: "33", height: "16", viewBox: "0 0 33 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M0.292892 7.29289C-0.0976295 7.68342 -0.0976295 8.31658 0.292892 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292892 7.29289ZM33 7L1 7V9L33 9V7Z", fill: "black" }))), "Back"), index.h("div", { class: "close-link", onClick: this.closeSheet }, index.h("span", { class: "svg-wrap" }, index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z" }))))), index.h("div", { class: "content" }, index.h("slot", null)))));
|
|
1226
1282
|
}
|
|
1227
1283
|
get host() { return index.getElement(this); }
|
|
1228
1284
|
};
|
|
@@ -1262,7 +1318,7 @@ const BiggiveTab = class {
|
|
|
1262
1318
|
};
|
|
1263
1319
|
BiggiveTab.style = biggiveTabCss;
|
|
1264
1320
|
|
|
1265
|
-
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 .sleeve{border-bottom:1px solid #E8E8E8;overflow:hidden}.container .navigation .sleeve ul{margin:0;padding:0;list-style-type:none;display:flex}.container .navigation .sleeve ul li{flex-grow:1;padding:10px 20px;margin:0;width:calc(33.3% - 20px);border-bottom:3px solid transparent;text-align:center;cursor:pointer}.container .navigation .sleeve 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}";
|
|
1321
|
+
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 .sleeve{border-bottom:1px solid #E8E8E8;overflow:hidden}.container .navigation .sleeve ul{margin:0;padding:0;list-style-type:none;display:flex}.container .navigation .sleeve ul li{flex-grow:1;padding:10px 20px;margin:0;width:calc(33.3% - 20px);border-bottom:3px solid transparent;text-align:center;white-space:nowrap;cursor:pointer}.container .navigation .sleeve 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}";
|
|
1266
1322
|
|
|
1267
1323
|
const BiggiveTabbedContent = class {
|
|
1268
1324
|
constructor(hostRef) {
|
|
@@ -1282,7 +1338,20 @@ const BiggiveTabbedContent = class {
|
|
|
1282
1338
|
this.children = Array.from(this.host.children);
|
|
1283
1339
|
}
|
|
1284
1340
|
componentDidRender() {
|
|
1341
|
+
var _a, _b, _c, _d;
|
|
1285
1342
|
this.showTab(0);
|
|
1343
|
+
this.scrollContextTab = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.navigation .sleeve ul li');
|
|
1344
|
+
const sleeveElement = (_b = this.host.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.navigation .sleeve');
|
|
1345
|
+
if (sleeveElement.scrollWidth > sleeveElement.offsetWidth) {
|
|
1346
|
+
(_c = this.host.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelectorAll('.navigation .button').forEach(function (button) {
|
|
1347
|
+
button.style.display = 'block';
|
|
1348
|
+
});
|
|
1349
|
+
}
|
|
1350
|
+
else {
|
|
1351
|
+
(_d = this.host.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelectorAll('.navigation .button').forEach(function (button) {
|
|
1352
|
+
button.style.display = 'none';
|
|
1353
|
+
});
|
|
1354
|
+
}
|
|
1286
1355
|
}
|
|
1287
1356
|
/*
|
|
1288
1357
|
* Shows the i'th tab, counting from zero. Does nothing if i out of range.
|
|
@@ -1369,13 +1438,13 @@ const BiggiveTabbedContent = class {
|
|
|
1369
1438
|
' button-background-colour-' +
|
|
1370
1439
|
this.buttonBackgroundColour +
|
|
1371
1440
|
' button-icon-colour-' +
|
|
1372
|
-
this.buttonIconColour }, index.h("div", { class: "navigation" }, index.h("div", { class: "button prev", onClick:
|
|
1441
|
+
this.buttonIconColour }, index.h("div", { class: "navigation" }, index.h("div", { class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, index.h("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), index.h("div", { class: "sleeve" }, index.h("ul", null, this.children.map(child => (index.h("li", { onClick: this.clickTabHandler }, child.tabTitle))))), index.h("div", { class: "button next", onClick: this.clickNextHandler, title: "Next" }, index.h("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), index.h("slot", null)));
|
|
1373
1442
|
}
|
|
1374
1443
|
get host() { return index.getElement(this); }
|
|
1375
1444
|
};
|
|
1376
1445
|
BiggiveTabbedContent.style = biggiveTabbedContentCss;
|
|
1377
1446
|
|
|
1378
|
-
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 .sleeve{border-bottom:1px solid #E8E8E8;overflow-x:hidden}.container .navigation .sleeve ul{margin:0;padding:0;list-style-type:none;display:flex}.container .navigation .sleeve ul li{flex-grow:1;padding:10px 20px;margin:0;width:calc(33.3% - 20px);border-bottom:3px solid transparent;text-align:center;cursor:pointer}.container .navigation .sleeve 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 .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}";
|
|
1447
|
+
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 .sleeve{overflow-x:hidden}.container .navigation .sleeve ul{margin:0;padding:0;list-style-type:none;display:flex;border-bottom:1px solid #E8E8E8}.container .navigation .sleeve ul li{flex-grow:1;padding:10px 20px;margin:0 0 -1px 0;width:calc(33.3% - 20px);border-bottom:3px solid transparent;text-align:center;cursor:pointer}.container .navigation .sleeve 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 .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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}.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}";
|
|
1379
1448
|
|
|
1380
1449
|
const BiggiveTimeline = class {
|
|
1381
1450
|
constructor(hostRef) {
|
|
@@ -1508,7 +1577,7 @@ const BiggiveTimeline = class {
|
|
|
1508
1577
|
' entry-title-colour-' +
|
|
1509
1578
|
this.entryTitleColour +
|
|
1510
1579
|
' entry-text-colour-' +
|
|
1511
|
-
this.entryTextColour }, index.h("div", { class: "navigation" }, index.h("div", { class: "button prev", onClick:
|
|
1580
|
+
this.entryTextColour }, index.h("div", { class: "navigation" }, index.h("div", { class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, index.h("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), index.h("div", { class: "sleeve" }, index.h("ul", null, this.tabHeadings.map(tab => (index.h("li", { onClick: this.clickTabHandler }, tab))))), index.h("div", { class: "button next", onClick: this.clickNextHandler, title: "Next" }, index.h("svg", { width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), index.h("div", { class: "entry-wrap" }, this.children.map(entry => (index.h("div", { class: "entry", "data-date": entry.date }, index.h("h4", { class: "title" }, entry.heading), index.h("div", { class: "content", innerHTML: entry.innerHTML })))))));
|
|
1512
1581
|
}
|
|
1513
1582
|
get host() { return index.getElement(this); }
|
|
1514
1583
|
};
|
|
@@ -1575,7 +1644,7 @@ const BiggiveTippingSlider = class {
|
|
|
1575
1644
|
// a truthy window.TouchEvent - see https://stackoverflow.com/a/32882849/2803757
|
|
1576
1645
|
pageX = e.pageX;
|
|
1577
1646
|
}
|
|
1578
|
-
if (pageX) {
|
|
1647
|
+
if (pageX !== undefined) {
|
|
1579
1648
|
const mousePos = pageX - bar.offsetLeft - handle.offsetWidth / 2;
|
|
1580
1649
|
const position = mousePos > max ? max : mousePos < 0 ? 0 : mousePos;
|
|
1581
1650
|
const percentage = (position / max) * this.percentageEnd;
|
|
@@ -1615,7 +1684,7 @@ const BiggiveTippingSlider = class {
|
|
|
1615
1684
|
};
|
|
1616
1685
|
BiggiveTippingSlider.style = biggiveTippingSliderCss;
|
|
1617
1686
|
|
|
1618
|
-
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:#62CFC9}.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(-
|
|
1687
|
+
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:#62CFC9}.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(-200%, 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:10s}@media (prefers-reduced-motion){.container .ticker-wrap .sleeve{animation-name:none}}.container .ticker-wrap .sleeve .ticker-item{white-space:nowrap;padding:0 15px}.container .ticker-wrap .sleeve.sleeve-delayed-copy{animation-delay:5s}@media screen and (max-width: 768px){.container .main-message-wrap{font-size:17px;line-height:24px;padding:10px}}";
|
|
1619
1688
|
|
|
1620
1689
|
const BiggiveTotalizer = class {
|
|
1621
1690
|
constructor(hostRef) {
|
|
@@ -1627,22 +1696,58 @@ const BiggiveTotalizer = class {
|
|
|
1627
1696
|
this.secondaryTextColour = 'black';
|
|
1628
1697
|
this.mainMessage = undefined;
|
|
1629
1698
|
}
|
|
1699
|
+
setSpeed(itemsWidth) {
|
|
1700
|
+
var _a, _b;
|
|
1701
|
+
const sleeve1 = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.ticker-wrap #sleeve_1');
|
|
1702
|
+
const sleeve2 = (_b = this.host.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.ticker-wrap #sleeve_2');
|
|
1703
|
+
if (!sleeve1 || !sleeve2) {
|
|
1704
|
+
console.log('sleeve1 or sleeve2 is missing, skipping setSpeed()');
|
|
1705
|
+
return;
|
|
1706
|
+
}
|
|
1707
|
+
// Restart the animation(s) on window resize to reduce the chance of jankiness.
|
|
1708
|
+
// https://stackoverflow.com/a/45036752/2803757
|
|
1709
|
+
sleeve1.style.animationName = 'none';
|
|
1710
|
+
sleeve2.style.animationName = 'none';
|
|
1711
|
+
const duration = sleeve1.clientWidth / 50;
|
|
1712
|
+
sleeve1.style.animationDuration = Math.round(duration) + 's';
|
|
1713
|
+
sleeve1.style.animationName = 'ticker';
|
|
1714
|
+
// For now, only show the 2nd copy if there's space for it to not overlap. This means
|
|
1715
|
+
// a bumpier loop on mobile, but we'd need a tweaked approach to wrap around cleanly
|
|
1716
|
+
// where the item lists doesn't fit on the screen twice. The 1.5 ratio is a trial and
|
|
1717
|
+
// error number which seems OK for now. It leaves a bit of a gap before items cycle
|
|
1718
|
+
// back in at tablet sizes but is an improvement on what we had before at all breakpoints
|
|
1719
|
+
// tested.
|
|
1720
|
+
if (itemsWidth * 1.5 < sleeve1.clientWidth) {
|
|
1721
|
+
sleeve2.style.animationDuration = Math.round(duration) + 's';
|
|
1722
|
+
sleeve2.style.animationDelay = Math.round(duration / 2) + 's';
|
|
1723
|
+
sleeve2.style.animationName = 'ticker';
|
|
1724
|
+
}
|
|
1725
|
+
}
|
|
1630
1726
|
componentDidRender() {
|
|
1631
|
-
|
|
1727
|
+
var _a, _b;
|
|
1632
1728
|
const tickerItemsInternalWrapper = this.host.querySelector(`[slot="ticker-items"]`);
|
|
1729
|
+
const sleeve1 = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.ticker-wrap #sleeve_1');
|
|
1730
|
+
const sleeve2 = (_b = this.host.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.ticker-wrap #sleeve_2');
|
|
1731
|
+
if (!tickerItemsInternalWrapper || !sleeve1 || !sleeve2) {
|
|
1732
|
+
console.log('tickerItemsInternalWrapper, sleeve1 or sleeve2 is missing, skipping totalizer animation setup');
|
|
1733
|
+
return;
|
|
1734
|
+
}
|
|
1735
|
+
// Clone all children of the ticker items internal wrapper and append them, so the ticker can show items without
|
|
1736
|
+
// a blank break. Sleeve 2 will animate on a delay per https://stackoverflow.com/a/45847760.
|
|
1737
|
+
tickerItemsInternalWrapper.childNodes.forEach((child) => {
|
|
1738
|
+
sleeve2.appendChild(child.cloneNode(true)); // Deep clone all items.
|
|
1739
|
+
});
|
|
1633
1740
|
if (tickerItemsInternalWrapper !== null && tickerItemsInternalWrapper !== undefined) {
|
|
1634
1741
|
tickerItemsInternalWrapper.style.display = 'inline-flex';
|
|
1635
1742
|
tickerItemsInternalWrapper.style.flex = 'none';
|
|
1636
1743
|
}
|
|
1637
|
-
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
const sleeve = this.host.shadowRoot.querySelector('.ticker-wrap .sleeve');
|
|
1642
|
-
sleeve.style.animationDuration = Math.round(duration) + 's';
|
|
1744
|
+
this.setSpeed(tickerItemsInternalWrapper.clientWidth);
|
|
1745
|
+
window.addEventListener('resize', () => {
|
|
1746
|
+
this.setSpeed(tickerItemsInternalWrapper.clientWidth);
|
|
1747
|
+
});
|
|
1643
1748
|
}
|
|
1644
1749
|
render() {
|
|
1645
|
-
return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div",
|
|
1750
|
+
return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, index.h("div", null, index.h("div", { class: "banner" }, index.h("div", { class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), index.h("div", { class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, index.h("div", { id: "sleeve_1", class: "sleeve" }, index.h("slot", { name: "ticker-items" })), index.h("div", { id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }))))));
|
|
1646
1751
|
}
|
|
1647
1752
|
get host() { return index.getElement(this); }
|
|
1648
1753
|
};
|