npm - @biggive/components - Versions diffs - 202501211147.0.0 → 202501311659.0.0 - Mend

@biggive/components 202501211147.0.0 → 202501311659.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (245) hide show

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-const biggiveTimelineCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}::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-cc-red .navigation li{color:#B30510}.container.navigation-highlight-colour-brand-cc-red .navigation ul{border-color:#B30510}.container.selected-text-colour-brand-cc-red .navigation li.selected{color:#B30510}.container.selected-navigation-highlight-colour-brand-cc-red .navigation li.selected{border-color:#B30510}.container.button-background-colour-brand-cc-red .navigation .button{background-color:#B30510}.container.button-icon-colour-brand-cc-red .navigation .button svg path{stroke:#B30510}.container.entry-background-colour-brand-cc-red .entry{background-color:#B30510}.container.entry-highlight-colour-brand-cc-red .entry{border-color:#B30510}.container.entry-date-colour-brand-cc-red .entry .date{color:#B30510}.container.entry-title-colour-brand-cc-red .entry .title{color:#B30510}.container.entry-text-colour-brand-cc-red .entry .content{color:#B30510}.container.text-colour-brand-wgmf-purple .navigation li{color:#6E0887}.container.navigation-highlight-colour-brand-wgmf-purple .navigation ul{border-color:#6E0887}.container.selected-text-colour-brand-wgmf-purple .navigation li.selected{color:#6E0887}.container.selected-navigation-highlight-colour-brand-wgmf-purple .navigation li.selected{border-color:#6E0887}.container.button-background-colour-brand-wgmf-purple .navigation .button{background-color:#6E0887}.container.button-icon-colour-brand-wgmf-purple .navigation .button svg path{stroke:#6E0887}.container.entry-background-colour-brand-wgmf-purple .entry{background-color:#6E0887}.container.entry-highlight-colour-brand-wgmf-purple .entry{border-color:#6E0887}.container.entry-date-colour-brand-wgmf-purple .entry .date{color:#6E0887}.container.entry-title-colour-brand-wgmf-purple .entry .title{color:#6E0887}.container.entry-text-colour-brand-wgmf-purple .entry .content{color:#6E0887}.container.text-colour-brand-gmf-green .navigation li{color:#50B400}.container.navigation-highlight-colour-brand-gmf-green .navigation ul{border-color:#50B400}.container.selected-text-colour-brand-gmf-green .navigation li.selected{color:#50B400}.container.selected-navigation-highlight-colour-brand-gmf-green .navigation li.selected{border-color:#50B400}.container.button-background-colour-brand-gmf-green .navigation .button{background-color:#50B400}.container.button-icon-colour-brand-gmf-green .navigation .button svg path{stroke:#50B400}.container.entry-background-colour-brand-gmf-green .entry{background-color:#50B400}.container.entry-highlight-colour-brand-gmf-green .entry{border-color:#50B400}.container.entry-date-colour-brand-gmf-green .entry .date{color:#50B400}.container.entry-title-colour-brand-gmf-green .entry .title{color:#50B400}.container.entry-text-colour-brand-gmf-green .entry .content{color:#50B400}.container.text-colour-brand-emf-yellow .navigation li{color:#FFE500}.container.navigation-highlight-colour-brand-emf-yellow .navigation ul{border-color:#FFE500}.container.selected-text-colour-brand-emf-yellow .navigation li.selected{color:#FFE500}.container.selected-navigation-highlight-colour-brand-emf-yellow .navigation li.selected{border-color:#FFE500}.container.button-background-colour-brand-emf-yellow .navigation .button{background-color:#FFE500}.container.button-icon-colour-brand-emf-yellow .navigation .button svg path{stroke:#FFE500}.container.entry-background-colour-brand-emf-yellow .entry{background-color:#FFE500}.container.entry-highlight-colour-brand-emf-yellow .entry{border-color:#FFE500}.container.entry-date-colour-brand-emf-yellow .entry .date{color:#FFE500}.container.entry-title-colour-brand-emf-yellow .entry .title{color:#FFE500}.container.entry-text-colour-brand-emf-yellow .entry .content{color:#FFE500}.container.text-colour-brand-c4c-orange .navigation li{color:#F07D00}.container.navigation-highlight-colour-brand-c4c-orange .navigation ul{border-color:#F07D00}.container.selected-text-colour-brand-c4c-orange .navigation li.selected{color:#F07D00}.container.selected-navigation-highlight-colour-brand-c4c-orange .navigation li.selected{border-color:#F07D00}.container.button-background-colour-brand-c4c-orange .navigation .button{background-color:#F07D00}.container.button-icon-colour-brand-c4c-orange .navigation .button svg path{stroke:#F07D00}.container.entry-background-colour-brand-c4c-orange .entry{background-color:#F07D00}.container.entry-highlight-colour-brand-c4c-orange .entry{border-color:#F07D00}.container.entry-date-colour-brand-c4c-orange .entry .date{color:#F07D00}.container.entry-title-colour-brand-c4c-orange .entry .title{color:#F07D00}.container.entry-text-colour-brand-c4c-orange .entry .content{color:#F07D00}.container.text-colour-brand-afa-pink .navigation li{color:#BF387D}.container.navigation-highlight-colour-brand-afa-pink .navigation ul{border-color:#BF387D}.container.selected-text-colour-brand-afa-pink .navigation li.selected{color:#BF387D}.container.selected-navigation-highlight-colour-brand-afa-pink .navigation li.selected{border-color:#BF387D}.container.button-background-colour-brand-afa-pink .navigation .button{background-color:#BF387D}.container.button-icon-colour-brand-afa-pink .navigation .button svg path{stroke:#BF387D}.container.entry-background-colour-brand-afa-pink .entry{background-color:#BF387D}.container.entry-highlight-colour-brand-afa-pink .entry{border-color:#BF387D}.container.entry-date-colour-brand-afa-pink .entry .date{color:#BF387D}.container.entry-title-colour-brand-afa-pink .entry .title{color:#BF387D}.container.entry-text-colour-brand-afa-pink .entry .content{color:#BF387D}.container.text-colour-brand-mhf-turquoise .navigation li{color:#62CFC9}.container.navigation-highlight-colour-brand-mhf-turquoise .navigation ul{border-color:#62CFC9}.container.selected-text-colour-brand-mhf-turquoise .navigation li.selected{color:#62CFC9}.container.selected-navigation-highlight-colour-brand-mhf-turquoise .navigation li.selected{border-color:#62CFC9}.container.button-background-colour-brand-mhf-turquoise .navigation .button{background-color:#62CFC9}.container.button-icon-colour-brand-mhf-turquoise .navigation .button svg path{stroke:#62CFC9}.container.entry-background-colour-brand-mhf-turquoise .entry{background-color:#62CFC9}.container.entry-highlight-colour-brand-mhf-turquoise .entry{border-color:#62CFC9}.container.entry-date-colour-brand-mhf-turquoise .entry .date{color:#62CFC9}.container.entry-title-colour-brand-mhf-turquoise .entry .title{color:#62CFC9}.container.entry-text-colour-brand-mhf-turquoise .entry .content{color:#62CFC9}.container.text-colour-brand-grey .navigation li{color:#CBC8C8}.container.navigation-highlight-colour-brand-grey .navigation ul{border-color:#CBC8C8}.container.selected-text-colour-brand-grey .navigation li.selected{color:#CBC8C8}.container.selected-navigation-highlight-colour-brand-grey .navigation li.selected{border-color:#CBC8C8}.container.button-background-colour-brand-grey .navigation .button{background-color:#CBC8C8}.container.button-icon-colour-brand-grey .navigation .button svg path{stroke:#CBC8C8}.container.entry-background-colour-brand-grey .entry{background-color:#CBC8C8}.container.entry-highlight-colour-brand-grey .entry{border-color:#CBC8C8}.container.entry-date-colour-brand-grey .entry .date{color:#CBC8C8}.container.entry-title-colour-brand-grey .entry .title{color:#CBC8C8}.container.entry-text-colour-brand-grey .entry .content{color:#CBC8C8}.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}.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}";
+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-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}::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-cc-red .navigation li{color:#B30510}.container.navigation-highlight-colour-brand-cc-red .navigation ul{border-color:#B30510}.container.selected-text-colour-brand-cc-red .navigation li.selected{color:#B30510}.container.selected-navigation-highlight-colour-brand-cc-red .navigation li.selected{border-color:#B30510}.container.button-background-colour-brand-cc-red .navigation .button{background-color:#B30510}.container.button-icon-colour-brand-cc-red .navigation .button svg path{stroke:#B30510}.container.entry-background-colour-brand-cc-red .entry{background-color:#B30510}.container.entry-highlight-colour-brand-cc-red .entry{border-color:#B30510}.container.entry-date-colour-brand-cc-red .entry .date{color:#B30510}.container.entry-title-colour-brand-cc-red .entry .title{color:#B30510}.container.entry-text-colour-brand-cc-red .entry .content{color:#B30510}.container.text-colour-brand-wgmf-purple .navigation li{color:#6E0887}.container.navigation-highlight-colour-brand-wgmf-purple .navigation ul{border-color:#6E0887}.container.selected-text-colour-brand-wgmf-purple .navigation li.selected{color:#6E0887}.container.selected-navigation-highlight-colour-brand-wgmf-purple .navigation li.selected{border-color:#6E0887}.container.button-background-colour-brand-wgmf-purple .navigation .button{background-color:#6E0887}.container.button-icon-colour-brand-wgmf-purple .navigation .button svg path{stroke:#6E0887}.container.entry-background-colour-brand-wgmf-purple .entry{background-color:#6E0887}.container.entry-highlight-colour-brand-wgmf-purple .entry{border-color:#6E0887}.container.entry-date-colour-brand-wgmf-purple .entry .date{color:#6E0887}.container.entry-title-colour-brand-wgmf-purple .entry .title{color:#6E0887}.container.entry-text-colour-brand-wgmf-purple .entry .content{color:#6E0887}.container.text-colour-brand-gmf-green .navigation li{color:#50B400}.container.navigation-highlight-colour-brand-gmf-green .navigation ul{border-color:#50B400}.container.selected-text-colour-brand-gmf-green .navigation li.selected{color:#50B400}.container.selected-navigation-highlight-colour-brand-gmf-green .navigation li.selected{border-color:#50B400}.container.button-background-colour-brand-gmf-green .navigation .button{background-color:#50B400}.container.button-icon-colour-brand-gmf-green .navigation .button svg path{stroke:#50B400}.container.entry-background-colour-brand-gmf-green .entry{background-color:#50B400}.container.entry-highlight-colour-brand-gmf-green .entry{border-color:#50B400}.container.entry-date-colour-brand-gmf-green .entry .date{color:#50B400}.container.entry-title-colour-brand-gmf-green .entry .title{color:#50B400}.container.entry-text-colour-brand-gmf-green .entry .content{color:#50B400}.container.text-colour-brand-emf-yellow .navigation li{color:#FFE500}.container.navigation-highlight-colour-brand-emf-yellow .navigation ul{border-color:#FFE500}.container.selected-text-colour-brand-emf-yellow .navigation li.selected{color:#FFE500}.container.selected-navigation-highlight-colour-brand-emf-yellow .navigation li.selected{border-color:#FFE500}.container.button-background-colour-brand-emf-yellow .navigation .button{background-color:#FFE500}.container.button-icon-colour-brand-emf-yellow .navigation .button svg path{stroke:#FFE500}.container.entry-background-colour-brand-emf-yellow .entry{background-color:#FFE500}.container.entry-highlight-colour-brand-emf-yellow .entry{border-color:#FFE500}.container.entry-date-colour-brand-emf-yellow .entry .date{color:#FFE500}.container.entry-title-colour-brand-emf-yellow .entry .title{color:#FFE500}.container.entry-text-colour-brand-emf-yellow .entry .content{color:#FFE500}.container.text-colour-brand-c4c-orange .navigation li{color:#F07D00}.container.navigation-highlight-colour-brand-c4c-orange .navigation ul{border-color:#F07D00}.container.selected-text-colour-brand-c4c-orange .navigation li.selected{color:#F07D00}.container.selected-navigation-highlight-colour-brand-c4c-orange .navigation li.selected{border-color:#F07D00}.container.button-background-colour-brand-c4c-orange .navigation .button{background-color:#F07D00}.container.button-icon-colour-brand-c4c-orange .navigation .button svg path{stroke:#F07D00}.container.entry-background-colour-brand-c4c-orange .entry{background-color:#F07D00}.container.entry-highlight-colour-brand-c4c-orange .entry{border-color:#F07D00}.container.entry-date-colour-brand-c4c-orange .entry .date{color:#F07D00}.container.entry-title-colour-brand-c4c-orange .entry .title{color:#F07D00}.container.entry-text-colour-brand-c4c-orange .entry .content{color:#F07D00}.container.text-colour-brand-afa-pink .navigation li{color:#BF387D}.container.navigation-highlight-colour-brand-afa-pink .navigation ul{border-color:#BF387D}.container.selected-text-colour-brand-afa-pink .navigation li.selected{color:#BF387D}.container.selected-navigation-highlight-colour-brand-afa-pink .navigation li.selected{border-color:#BF387D}.container.button-background-colour-brand-afa-pink .navigation .button{background-color:#BF387D}.container.button-icon-colour-brand-afa-pink .navigation .button svg path{stroke:#BF387D}.container.entry-background-colour-brand-afa-pink .entry{background-color:#BF387D}.container.entry-highlight-colour-brand-afa-pink .entry{border-color:#BF387D}.container.entry-date-colour-brand-afa-pink .entry .date{color:#BF387D}.container.entry-title-colour-brand-afa-pink .entry .title{color:#BF387D}.container.entry-text-colour-brand-afa-pink .entry .content{color:#BF387D}.container.text-colour-brand-scw-magenta .navigation li{color:#EE2C65}.container.navigation-highlight-colour-brand-scw-magenta .navigation ul{border-color:#EE2C65}.container.selected-text-colour-brand-scw-magenta .navigation li.selected{color:#EE2C65}.container.selected-navigation-highlight-colour-brand-scw-magenta .navigation li.selected{border-color:#EE2C65}.container.button-background-colour-brand-scw-magenta .navigation .button{background-color:#EE2C65}.container.button-icon-colour-brand-scw-magenta .navigation .button svg path{stroke:#EE2C65}.container.entry-background-colour-brand-scw-magenta .entry{background-color:#EE2C65}.container.entry-highlight-colour-brand-scw-magenta .entry{border-color:#EE2C65}.container.entry-date-colour-brand-scw-magenta .entry .date{color:#EE2C65}.container.entry-title-colour-brand-scw-magenta .entry .title{color:#EE2C65}.container.entry-text-colour-brand-scw-magenta .entry .content{color:#EE2C65}.container.text-colour-brand-mhf-turquoise .navigation li{color:#62CFC9}.container.navigation-highlight-colour-brand-mhf-turquoise .navigation ul{border-color:#62CFC9}.container.selected-text-colour-brand-mhf-turquoise .navigation li.selected{color:#62CFC9}.container.selected-navigation-highlight-colour-brand-mhf-turquoise .navigation li.selected{border-color:#62CFC9}.container.button-background-colour-brand-mhf-turquoise .navigation .button{background-color:#62CFC9}.container.button-icon-colour-brand-mhf-turquoise .navigation .button svg path{stroke:#62CFC9}.container.entry-background-colour-brand-mhf-turquoise .entry{background-color:#62CFC9}.container.entry-highlight-colour-brand-mhf-turquoise .entry{border-color:#62CFC9}.container.entry-date-colour-brand-mhf-turquoise .entry .date{color:#62CFC9}.container.entry-title-colour-brand-mhf-turquoise .entry .title{color:#62CFC9}.container.entry-text-colour-brand-mhf-turquoise .entry .content{color:#62CFC9}.container.text-colour-brand-grey .navigation li{color:#CBC8C8}.container.navigation-highlight-colour-brand-grey .navigation ul{border-color:#CBC8C8}.container.selected-text-colour-brand-grey .navigation li.selected{color:#CBC8C8}.container.selected-navigation-highlight-colour-brand-grey .navigation li.selected{border-color:#CBC8C8}.container.button-background-colour-brand-grey .navigation .button{background-color:#CBC8C8}.container.button-icon-colour-brand-grey .navigation .button svg path{stroke:#CBC8C8}.container.entry-background-colour-brand-grey .entry{background-color:#CBC8C8}.container.entry-highlight-colour-brand-grey .entry{border-color:#CBC8C8}.container.entry-date-colour-brand-grey .entry .date{color:#CBC8C8}.container.entry-title-colour-brand-grey .entry .title{color:#CBC8C8}.container.entry-text-colour-brand-grey .entry .content{color:#CBC8C8}.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}.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}";
 const BiggiveTimelineStyle0 = biggiveTimelineCss;
 const BiggiveTimeline$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTimeline extends HTMLElement {
@@ -113,7 +113,7 @@ const BiggiveTimeline$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTimeline
         });
     }
     render() {
-        return (h("div", { key: 'a601e381bf304e99531a8df902e182896e36d77a', class: 'container space-below-' +
+        return (h("div", { key: 'a9961be69f9f541203a47814006e2be988b52ab9', class: 'container space-below-' +
                 this.spaceBelow +
                 ' text-colour-' +
                 this.textColour +
@@ -136,7 +136,7 @@ const BiggiveTimeline$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTimeline
                 ' entry-title-colour-' +
                 this.entryTitleColour +
                 ' entry-text-colour-' +
-                this.entryTextColour }, h("div", { key: '8a9fad7ab532ba2c4da4f119a5a4906f16efb835', class: "navigation" }, h("div", { key: 'e55d682893bd27de12510916124dab7ab95cfe72', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: '0e169264777239b9b636c66efdb112ce9cf747a1', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2a69caab071b48e08adff8b47f52dc11af7516f6', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: 'f37fdece240f143c92f4bca626c3d20a6c3ee570', class: "sleeve" }, h("ul", { key: 'e8086fe22f8a538ef8ab139b360dd91d2b12ebc3' }, this.tabHeadings.map(tab => (h("li", { onClick: this.clickTabHandler }, tab))))), h("div", { key: 'c8225f298c1c0ae5ae3341dcb07f4c53105e2c61', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: '447f0bd224e80981a35dfeb8fd656d39629da86a', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '04994a9c72b68e68dad1f287576cfae8c77aa519', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("div", { key: 'e1f8b577f11d6f1a3f32afdc3f1cd1fb45558963', class: "entry-wrap" }, this.children.map(entry => (h("div", { class: "entry", "data-date": entry.date }, h("h4", { class: "title" }, entry.heading), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
+                this.entryTextColour }, h("div", { key: '3f848f10c6cdbe26562e17442ea1e9eb904d4e39', class: "navigation" }, h("div", { key: '2c3c7285fd6fd3520fc089a5def499f378a9052d', class: "button prev", onClick: this.clickPrevHandler, title: "Previous" }, h("svg", { key: '44e00ce196b1a99f6f84c4ee52c057fb7141a757', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'bbc7bfdff9e0bd586b8dd837071b0ac07249d6d4', d: "M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261", stroke: "#000000", "stroke-width": "2" }))), h("div", { key: '4ee0d3362cc4165ae05d6e7f4d3c3b9ab9a3e9cd', class: "sleeve" }, h("ul", { key: 'c6036e130b372b20dcc1abae74bee7895181ed6f' }, this.tabHeadings.map(tab => (h("li", { onClick: this.clickTabHandler }, tab))))), h("div", { key: 'ad26760d698870d8dd293db7d329721dc21ffa89', class: "button next", onClick: this.clickNextHandler, title: "Next" }, h("svg", { key: '72e003228b924b127a400df0d823c8f0380c6cd3', width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '717a51fb968fef4c773982a50274237ca82516aa', d: "M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686", stroke: "#000000", "stroke-width": "2" })))), h("div", { key: '53fbf7529f1264d8f9b4112bfd8bc3070384dff9', class: "entry-wrap" }, this.children.map(entry => (h("div", { class: "entry", "data-date": entry.date }, h("h4", { class: "title" }, entry.heading), h("div", { class: "content", innerHTML: entry.innerHTML })))))));
     }
     get host() { return this; }
     static get style() { return BiggiveTimelineStyle0; }

package/dist/components/biggive-timeline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-timeline.js","mappings":"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","names":["BiggiveTimeline"],"sources":["src/components/biggive-timeline/biggive-timeline.scss?tag=biggive-timeline&encapsulation=shadow","src/components/biggive-timeline/biggive-timeline.tsx"],"sourcesContent":["@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n::slotted() {\n display: none;\n}\n\n.container {\n @include standard-font();\n position: relative;\n\n .navigation {\n padding: 0 40px;\n .button {\n position: absolute;\n top: 5px;\n display: block;\n width: 30px;\n height: 30px;\n padding: 2.5px 10px;\n box-sizing: border-box;\n background-color: #FFFFFF;\n box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);\n border-radius: 50%;\n cursor: pointer;\n text-align: center;\n &.prev {\n left: 0;\n }\n &.next {\n right: 0;\n }\n svg {\n width: 10px;\n height: 10px;\n }\n }\n .sleeve {\n overflow-x: hidden;\n ul {\n margin: 0;\n padding: 0;\n list-style-type: none;\n display: flex;\n border-bottom: 1px solid $colour-grey-light;\n li {\n flex-grow: 1;\n padding: 10px 20px;\n margin: 0 0 -1px 0;\n width: calc(33.3% - 20px);\n border-bottom: 3px solid transparent;\n text-align: center;\n cursor: pointer;\n &.selected {\n font-weight: bold;\n }\n }\n }\n }\n }\n\n .entry-wrap {\n padding: 40px;\n\n .entry {\n margin-bottom: $spacer-3;\n border-left: 15px solid transparent;\n padding: 15px 40px 15px 40px;\n .title {\n font-weight: bold;\n margin: 0 0 5px 0;\n padding: 0\n }\n .content {\n p {\n margin: 0 0 5px 0;\n }\n }\n \n }\n }\n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.text-colour-#{$key} .navigation li { color: $colour; }\n &.navigation-highlight-colour-#{$key} .navigation ul {border-color: $colour; }\n &.selected-text-colour-#{$key} .navigation li.selected { color: $colour; }\n &.selected-navigation-highlight-colour-#{$key} .navigation li.selected { border-color: $colour; }\n &.button-background-colour-#{$key} .navigation .button { background-color: $colour; }\n &.button-icon-colour-#{$key} .navigation .button svg path { stroke: $colour; }\n &.entry-background-colour-#{$key} .entry { background-color: $colour; }\n &.entry-highlight-colour-#{$key} .entry { border-color: $colour; }\n &.entry-date-colour-#{$key} .entry .date { color: $colour; }\n &.entry-title-colour-#{$key} .entry .title { color: $colour; }\n &.entry-text-colour-#{$key} .entry .content { color: $colour; }\n }\n\n}","import { Component, Prop, Element, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-timeline',\n styleUrl: 'biggive-timeline.scss',\n shadow: true,\n})\nexport class BiggiveTimeline {\n @Element() host: HTMLBiggiveTimelineElement;\n\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() selectedTextColour: brandColour = 'primary';\n\n @Prop() navigationHighlightColour: brandColour = 'grey-medium';\n\n @Prop() selectedNavigationHighlightColour: brandColour = 'primary';\n\n @Prop() buttonBackgroundColour: brandColour = 'white';\n\n @Prop() buttonIconColour: brandColour = 'primary';\n\n @Prop() entryBackgroundColour: brandColour = 'white';\n\n @Prop() entryHighlightColour: brandColour = 'secondary';\n\n @Prop() entryDateColour: brandColour = 'black';\n\n @Prop() entryTitleColour: brandColour = 'primary';\n\n @Prop() entryTextColour: brandColour = 'black';\n\n private scrollContextTab: HTMLElement \| null;\n private scrollOffset: number = 0;\n private tabHeadings: Array<string> = [];\n private children: Array<HTMLBiggiveTimelineEntryElement> = [];\n\n componentWillLoad() {\n this.children = Array.from(this.host.children) as Array<HTMLBiggiveTimelineEntryElement>;\n\n let tabHeadings = this.tabHeadings;\n\n this.children.forEach(function (entry) {\n let tab = entry.date.substring(0, 4);\n if (!tabHeadings.includes(tab)) {\n tabHeadings.push(tab);\n }\n });\n }\n\n componentDidRender() {\n this.showTab(0);\n }\n\n /\n * Shows the i'th element in the timeline, counting from zero. Does nothing if i out of range.\n */\n private showTab(i: number) {\n const tabs = this.host.shadowRoot?.querySelectorAll<HTMLElement>('.navigation ul li')!;\n const entries = this.host.shadowRoot?.querySelectorAll<HTMLElement>('.entry')!;\n\n if (tabs.length > 0) {\n this.scrollContextTab = this.host.shadowRoot?.querySelector<HTMLElement>('.navigation ul li')!;\n }\n\n if (i >= 0 && i <= tabs?.length - 1) {\n let currentTabTitle = tabs[i]?.innerHTML;\n let j = 0;\n tabs?.forEach(function (tab) {\n if (i == j) {\n tab.classList.add('selected');\n } else {\n tab.classList.remove('selected');\n }\n j++;\n });\n\n entries.forEach(function (entry) {\n entry.style.display = entry.getAttribute('data-date')?.substring(0, 4) == currentTabTitle ? 'block' : 'none';\n });\n }\n }\n\n private clickTabHandler = (e: any) => {\n let i = 0;\n for (let el of e.target.parentElement.children) {\n if (el == e.target) {\n this.showTab(i);\n return;\n }\n i++;\n }\n };\n\n private scrollTab(direction: 'NEXT' \| 'PREV') {\n if (!this.scrollContextTab) {\n return;\n }\n\n let sleeve: HTMLElement = this.scrollContextTab.parentElement!;\n let max = sleeve.scrollWidth - sleeve.parentElement?.offsetWidth!;\n\n if (direction == 'PREV') {\n if (this.scrollOffset + this.scrollContextTab.offsetWidth > 0) {\n return;\n }\n\n this.scrollOffset = this.scrollOffset + this.scrollContextTab.offsetWidth;\n if (this.scrollContextTab.previousElementSibling) {\n this.scrollContextTab = this.scrollContextTab.previousElementSibling as HTMLElement;\n }\n } else if (direction == 'NEXT') {\n if (0 - this.scrollOffset > max) {\n return;\n }\n\n this.scrollOffset = this.scrollOffset - this.scrollContextTab.offsetWidth;\n if (this.scrollContextTab.nextElementSibling) {\n this.scrollContextTab = this.scrollContextTab.nextElementSibling as HTMLElement;\n }\n }\n\n sleeve.querySelectorAll('li').forEach(li => {\n li.style.transitionDuration = '0.3s';\n li.style.transitionTimingFunction = 'ease-out';\n li.style.transform = 'translate3d(' + this.scrollOffset + 'px, 0, 0)';\n });\n }\n\n private clickPrevHandler = () => {\n this.scrollTab('PREV');\n };\n\n private clickNextHandler = () => {\n this.scrollTab('NEXT');\n };\n\n render() {\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' text-colour-' +\n this.textColour +\n ' selected-text-colour-' +\n this.selectedTextColour +\n ' navigation-highlight-colour-' +\n this.navigationHighlightColour +\n ' selected-navigation-highlight-colour-' +\n this.selectedNavigationHighlightColour +\n ' button-background-colour-' +\n this.buttonBackgroundColour +\n ' button-icon-colour-' +\n this.buttonIconColour +\n ' entry-background-colour-' +\n this.entryBackgroundColour +\n ' entry-highlight-colour-' +\n this.entryHighlightColour +\n ' entry-date-colour-' +\n this.entryDateColour +\n ' entry-title-colour-' +\n this.entryTitleColour +\n ' entry-text-colour-' +\n this.entryTextColour\n }\n >\n <div class=\"navigation\">\n <div class=\"button prev\" onClick={this.clickPrevHandler} title=\"Previous\">\n <svg width=\"9\" height=\"16\" viewBox=\"0 0 9 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261\" stroke=\"#000000\" stroke-width=\"2\" />\n </svg>\n </div>\n <div class=\"sleeve\">\n <ul>\n {this.tabHeadings.map(tab => (\n <li onClick={this.clickTabHandler}>{tab}</li>\n ))}\n </ul>\n </div>\n <div class=\"button next\" onClick={this.clickNextHandler} title=\"Next\">\n <svg width=\"9\" height=\"16\" viewBox=\"0 0 9 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686\" stroke=\"#000000\" stroke-width=\"2\" />\n </svg>\n </div>\n </div>\n <div class=\"entry-wrap\">\n {this.children.map(entry => (\n <div class=\"entry\" data-date={entry.date}>\n <h4 class=\"title\">{entry.heading}</h4>\n <div class=\"content\" innerHTML={entry.innerHTML}></div>\n </div>\n ))}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-timeline.js","mappings":"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","names":["BiggiveTimeline"],"sources":["src/components/biggive-timeline/biggive-timeline.scss?tag=biggive-timeline&encapsulation=shadow","src/components/biggive-timeline/biggive-timeline.tsx"],"sourcesContent":["@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n::slotted() {\n display: none;\n}\n\n.container {\n @include standard-font();\n position: relative;\n\n .navigation {\n padding: 0 40px;\n .button {\n position: absolute;\n top: 5px;\n display: block;\n width: 30px;\n height: 30px;\n padding: 2.5px 10px;\n box-sizing: border-box;\n background-color: #FFFFFF;\n box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);\n border-radius: 50%;\n cursor: pointer;\n text-align: center;\n &.prev {\n left: 0;\n }\n &.next {\n right: 0;\n }\n svg {\n width: 10px;\n height: 10px;\n }\n }\n .sleeve {\n overflow-x: hidden;\n ul {\n margin: 0;\n padding: 0;\n list-style-type: none;\n display: flex;\n border-bottom: 1px solid $colour-grey-light;\n li {\n flex-grow: 1;\n padding: 10px 20px;\n margin: 0 0 -1px 0;\n width: calc(33.3% - 20px);\n border-bottom: 3px solid transparent;\n text-align: center;\n cursor: pointer;\n &.selected {\n font-weight: bold;\n }\n }\n }\n }\n }\n\n .entry-wrap {\n padding: 40px;\n\n .entry {\n margin-bottom: $spacer-3;\n border-left: 15px solid transparent;\n padding: 15px 40px 15px 40px;\n .title {\n font-weight: bold;\n margin: 0 0 5px 0;\n padding: 0\n }\n .content {\n p {\n margin: 0 0 5px 0;\n }\n }\n \n }\n }\n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.text-colour-#{$key} .navigation li { color: $colour; }\n &.navigation-highlight-colour-#{$key} .navigation ul {border-color: $colour; }\n &.selected-text-colour-#{$key} .navigation li.selected { color: $colour; }\n &.selected-navigation-highlight-colour-#{$key} .navigation li.selected { border-color: $colour; }\n &.button-background-colour-#{$key} .navigation .button { background-color: $colour; }\n &.button-icon-colour-#{$key} .navigation .button svg path { stroke: $colour; }\n &.entry-background-colour-#{$key} .entry { background-color: $colour; }\n &.entry-highlight-colour-#{$key} .entry { border-color: $colour; }\n &.entry-date-colour-#{$key} .entry .date { color: $colour; }\n &.entry-title-colour-#{$key} .entry .title { color: $colour; }\n &.entry-text-colour-#{$key} .entry .content { color: $colour; }\n }\n\n}","import { Component, Prop, Element, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-timeline',\n styleUrl: 'biggive-timeline.scss',\n shadow: true,\n})\nexport class BiggiveTimeline {\n @Element() host: HTMLBiggiveTimelineElement;\n\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() selectedTextColour: brandColour = 'primary';\n\n @Prop() navigationHighlightColour: brandColour = 'grey-medium';\n\n @Prop() selectedNavigationHighlightColour: brandColour = 'primary';\n\n @Prop() buttonBackgroundColour: brandColour = 'white';\n\n @Prop() buttonIconColour: brandColour = 'primary';\n\n @Prop() entryBackgroundColour: brandColour = 'white';\n\n @Prop() entryHighlightColour: brandColour = 'secondary';\n\n @Prop() entryDateColour: brandColour = 'black';\n\n @Prop() entryTitleColour: brandColour = 'primary';\n\n @Prop() entryTextColour: brandColour = 'black';\n\n private scrollContextTab: HTMLElement \| null;\n private scrollOffset: number = 0;\n private tabHeadings: Array<string> = [];\n private children: Array<HTMLBiggiveTimelineEntryElement> = [];\n\n componentWillLoad() {\n this.children = Array.from(this.host.children) as Array<HTMLBiggiveTimelineEntryElement>;\n\n let tabHeadings = this.tabHeadings;\n\n this.children.forEach(function (entry) {\n let tab = entry.date.substring(0, 4);\n if (!tabHeadings.includes(tab)) {\n tabHeadings.push(tab);\n }\n });\n }\n\n componentDidRender() {\n this.showTab(0);\n }\n\n /\n * Shows the i'th element in the timeline, counting from zero. Does nothing if i out of range.\n */\n private showTab(i: number) {\n const tabs = this.host.shadowRoot?.querySelectorAll<HTMLElement>('.navigation ul li')!;\n const entries = this.host.shadowRoot?.querySelectorAll<HTMLElement>('.entry')!;\n\n if (tabs.length > 0) {\n this.scrollContextTab = this.host.shadowRoot?.querySelector<HTMLElement>('.navigation ul li')!;\n }\n\n if (i >= 0 && i <= tabs?.length - 1) {\n let currentTabTitle = tabs[i]?.innerHTML;\n let j = 0;\n tabs?.forEach(function (tab) {\n if (i == j) {\n tab.classList.add('selected');\n } else {\n tab.classList.remove('selected');\n }\n j++;\n });\n\n entries.forEach(function (entry) {\n entry.style.display = entry.getAttribute('data-date')?.substring(0, 4) == currentTabTitle ? 'block' : 'none';\n });\n }\n }\n\n private clickTabHandler = (e: any) => {\n let i = 0;\n for (let el of e.target.parentElement.children) {\n if (el == e.target) {\n this.showTab(i);\n return;\n }\n i++;\n }\n };\n\n private scrollTab(direction: 'NEXT' \| 'PREV') {\n if (!this.scrollContextTab) {\n return;\n }\n\n let sleeve: HTMLElement = this.scrollContextTab.parentElement!;\n let max = sleeve.scrollWidth - sleeve.parentElement?.offsetWidth!;\n\n if (direction == 'PREV') {\n if (this.scrollOffset + this.scrollContextTab.offsetWidth > 0) {\n return;\n }\n\n this.scrollOffset = this.scrollOffset + this.scrollContextTab.offsetWidth;\n if (this.scrollContextTab.previousElementSibling) {\n this.scrollContextTab = this.scrollContextTab.previousElementSibling as HTMLElement;\n }\n } else if (direction == 'NEXT') {\n if (0 - this.scrollOffset > max) {\n return;\n }\n\n this.scrollOffset = this.scrollOffset - this.scrollContextTab.offsetWidth;\n if (this.scrollContextTab.nextElementSibling) {\n this.scrollContextTab = this.scrollContextTab.nextElementSibling as HTMLElement;\n }\n }\n\n sleeve.querySelectorAll('li').forEach(li => {\n li.style.transitionDuration = '0.3s';\n li.style.transitionTimingFunction = 'ease-out';\n li.style.transform = 'translate3d(' + this.scrollOffset + 'px, 0, 0)';\n });\n }\n\n private clickPrevHandler = () => {\n this.scrollTab('PREV');\n };\n\n private clickNextHandler = () => {\n this.scrollTab('NEXT');\n };\n\n render() {\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' text-colour-' +\n this.textColour +\n ' selected-text-colour-' +\n this.selectedTextColour +\n ' navigation-highlight-colour-' +\n this.navigationHighlightColour +\n ' selected-navigation-highlight-colour-' +\n this.selectedNavigationHighlightColour +\n ' button-background-colour-' +\n this.buttonBackgroundColour +\n ' button-icon-colour-' +\n this.buttonIconColour +\n ' entry-background-colour-' +\n this.entryBackgroundColour +\n ' entry-highlight-colour-' +\n this.entryHighlightColour +\n ' entry-date-colour-' +\n this.entryDateColour +\n ' entry-title-colour-' +\n this.entryTitleColour +\n ' entry-text-colour-' +\n this.entryTextColour\n }\n >\n <div class=\"navigation\">\n <div class=\"button prev\" onClick={this.clickPrevHandler} title=\"Previous\">\n <svg width=\"9\" height=\"16\" viewBox=\"0 0 9 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8.29311 14.5703L1.73926 8.01646L8.29311 1.46261\" stroke=\"#000000\" stroke-width=\"2\" />\n </svg>\n </div>\n <div class=\"sleeve\">\n <ul>\n {this.tabHeadings.map(tab => (\n <li onClick={this.clickTabHandler}>{tab}</li>\n ))}\n </ul>\n </div>\n <div class=\"button next\" onClick={this.clickNextHandler} title=\"Next\">\n <svg width=\"9\" height=\"16\" viewBox=\"0 0 9 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M0.739117 1.46094L7.29297 8.01479L0.739118 14.5686\" stroke=\"#000000\" stroke-width=\"2\" />\n </svg>\n </div>\n </div>\n <div class=\"entry-wrap\">\n {this.children.map(entry => (\n <div class=\"entry\" data-date={entry.date}>\n <h4 class=\"title\">{entry.heading}</h4>\n <div class=\"content\" innerHTML={entry.innerHTML}></div>\n </div>\n ))}\n </div>\n </div>\n );\n }\n}\n"],"version":3}

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

@@ -10,7 +10,7 @@ const BiggiveTotalizerTickerItem$1 = /*@__PURE__*/ proxyCustomElement(class Bigg
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'a2402c2906760dd5e9f2220ba9f3b82e402ac668', class: "ticker-item" }, h("strong", { key: 'f5c711457f2fd02384f65e8a3d0cefd4643b6fe0' }, this.figure), " ", this.label));
+        return (h("div", { key: '8c5cee13c04443e4ca9c0aaf18f92cb4555ac164', class: "ticker-item" }, h("strong", { key: 'e9be445499ceba35c8d73ba77e269d2dd6d85f36' }, this.figure), " ", this.label));
     }
     static get style() { return BiggiveTotalizerTickerItemStyle0; }
 }, [1, "biggive-totalizer-ticker-item", {

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-const biggiveTotalizerCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;--ticker-end-left:-200%}@keyframes ticker{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(var(--ticker-end-left), 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{font-size:17px;line-height:24px;padding:6px 30px 10px 0;min-height:17px;overflow:hidden;position:relative}.container .ticker-wrap .sleeve{will-change:transform;display:inline-flex;position:absolute;top:4px;height:24px;min-width:100%;left:100%;white-space:nowrap;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 !important}}.container .ticker-wrap .sleeve-delayed-copy{display:none;white-space:nowrap;max-height:24px}@media screen and (max-width: 768px){.container .main-message-wrap{font-size:17px;line-height:24px;padding:10px}}";
+const biggiveTotalizerCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;--ticker-end-left:-200%}@keyframes ticker{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(var(--ticker-end-left), 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{font-size:17px;line-height:24px;padding:6px 30px 10px 0;min-height:17px;overflow:hidden;position:relative}.container .ticker-wrap .sleeve{will-change:transform;display:inline-flex;position:absolute;top:4px;height:24px;min-width:100%;left:100%;white-space:nowrap;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 !important}}.container .ticker-wrap .sleeve-delayed-copy{display:none;white-space:nowrap;max-height:24px}@media screen and (max-width: 768px){.container .main-message-wrap{font-size:17px;line-height:24px;padding:10px}}";
 const BiggiveTotalizerStyle0 = biggiveTotalizerCss;
 const BiggiveTotalizer$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTotalizer extends HTMLElement {
@@ -102,7 +102,7 @@ const BiggiveTotalizer$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveTotaliz
         });
     }
     render() {
-        return (h("div", { key: '267cd581fbd35550879e72457495d80bef4a82ff', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '5c4d632ebc144c0ab0d27457832368f7bd20795a' }, h("div", { key: 'cd81a5eecc7d5286a1ce82229e063e7288a87cad', class: "banner" }, h("div", { key: 'ec1ae3c52999953664d656b7497b805a3e654571', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), h("div", { key: 'c11607a10e767dc90d68d7c5408cbba053b27860', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("div", { key: '6cc7ec8ac7e86e1724c3255ed5ae995215f0ba34', id: "sleeve_1", class: "sleeve" }, h("slot", { key: 'af02de00b89bda2100e22ca9ff04109ddfe2653a', name: "ticker-items" })), h("div", { key: 'af315b972bddb0496603f4b8d0a4d9d475158713', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), h("div", { key: 'd61fa8191ad72829c77aa496ad8714d5f8a2ea17', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), h("div", { key: 'd33f1878b881cd12fa310dc9fb5346bd0b20ee70', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
+        return (h("div", { key: '5497ea38cbf0be46454b7b0f214b9418137f6504', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '73ecc00ddd640b1438bdc0513840111099c624b9' }, h("div", { key: '0bc9401d9348502cfe11bb86d86c8a5ede6e8127', class: "banner" }, h("div", { key: 'fc626e49be93d0d7872426797882f19843e0e39e', class: 'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour }, this.mainMessage), h("div", { key: '4a0a5a34b0b855b9e95887ba217f60929cff70ee', class: 'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour }, h("div", { key: 'd5f5c4703acbb60b8fa15e4808d23434441ea734', id: "sleeve_1", class: "sleeve" }, h("slot", { key: '4db80670f82e9fafcfbb7588ada7054883e3c2fa', name: "ticker-items" })), h("div", { key: '2f21e5e42d7f9dc0d5b29bf98d9c7f426462bb2d', id: "sleeve_2", class: "sleeve sleeve-delayed-copy" }), h("div", { key: 'ddb188bc42d2ef515add8c9aacd1c5af1764d2c4', id: "sleeve_3", class: "sleeve sleeve-delayed-copy" }), h("div", { key: '549c7dbd1a870ad05792dfb4b86d185b680ecaf3', id: "sleeve_4", class: "sleeve sleeve-delayed-copy" }))))));
     }
     get host() { return this; }
     static get style() { return BiggiveTotalizerStyle0; }

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

	@@ -1 +1 @@
1	- {"file":"biggive-totalizer.js","mappings":"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","names":["BiggiveTotalizer"],"sources":["src/components/biggive-totalizer/biggive-totalizer.scss?tag=biggive-totalizer&encapsulation=shadow","src/components/biggive-totalizer/biggive-totalizer.tsx"],"sourcesContent":["@include backgrounds();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n @include standard-font();\n\n --ticker-end-left: -200%;\n}\n\n@keyframes ticker {\n 0% {\n transform: translate3d(0, 0, 0);\n }\n\n 100% {\n transform: translate3d(var(--ticker-end-left), 0, 0);\n }\n}\n\n.container {\n position: absolute;\n left: 0;\n right: 0;\n z-index: 1;\n\n .main-message-wrap {\n position: absolute;\n z-index: 1;\n padding: $spacer-2 $spacer-4;\n left: 0;\n top: 0;\n @include font-size-large();\n font-weight: 600;\n max-width: 33.3%;\n }\n\n .ticker-wrap {\n @include font-size-medium();\n padding: calc($spacer-2 - 4px) $spacer-4 $spacer-2 0;\n min-height: 17px;\n overflow: hidden;\n position: relative;\n\n .sleeve {\n will-change: transform; // https://web.dev/stick-to-compositor-only-properties-and-manage-layer-count/\n display: inline-flex;\n position: absolute;\n top: 4px;\n height: 24px;\n min-width: 100%;\n left: 100%;\n white-space: nowrap;\n\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n animation-name: ticker;\n // TS overrides the specific timings once the width of ticker elements is known.\n animation-duration: 10s;\n\n @media (prefers-reduced-motion) {\n animation-name: none !important; // Turn off movement when needed for a11y.\n }\n }\n\n .sleeve-delayed-copy {\n // We set between 0 and 3 copies to `display: inline-flex` in TS, depending on the size\n // of the items and container.\n display: none;\n white-space: nowrap;\n max-height: 24px;\n }\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n .container {\n .main-message-wrap {\n @include font-size-medium();\n padding: $spacer-2;\n }\n }\n}\n","import { Component, Element, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-totalizer',\n styleUrl: 'biggive-totalizer.scss',\n shadow: true,\n})\nexport class BiggiveTotalizer {\n private lastWrapperWidth: number = 0;\n\n @Element() host: HTMLBiggiveTotalizerElement;\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Primary banner colour\n /\n @Prop() primaryColour: string = 'primary';\n\n /\n Primary text colour\n /\n @Prop() primaryTextColour: string = 'white';\n\n /\n Secondary banner colour\n /\n @Prop() secondaryColour: string = 'secondary';\n\n /\n Secondary text colour\n /\n @Prop() secondaryTextColour: string = 'black';\n\n /\n Primary message\n /\n @Prop() mainMessage: string;\n\n private setSpeed(itemsWidth: number, containerWidth: number) {\n if (containerWidth === this.lastWrapperWidth) {\n // Some browsers fire 'resize' overzealously on scroll; we don't want to cause extra paints if nothing\n // relevant changed.\n return;\n }\n\n let sleeves: HTMLDivElement[] = [];\n for (const ii in [1, 2, 3, 4]) {\n const sleeve = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_' + ii) as HTMLDivElement \| null;\n if (sleeve) {\n sleeves.push(sleeve);\n // Restart the animation(s) on window resize to reduce the chance of jankiness.\n // https://stackoverflow.com/a/45036752/2803757\n sleeve.style.animationName = 'none';\n }\n }\n\n this.lastWrapperWidth = containerWidth;\n\n if (sleeves.length === 0) {\n console.log('sleeves missing, skipping setSpeed()');\n return;\n }\n\n // We've seen the initial calculation exclude the ~30px per set of values end padding before,\n // and it's safe to err on the side of more copies to reduce the chance of abrupt early loop\n // ends, so we add a buffer of 40px to the calculation when deciding how many copies to use.\n // const sleeveCount = Math.max(1, Math.min(4, Math.ceil((2 (40 + itemsWidth)) / containerWidth)));\n // TODO Ultimately we'd like to get multiple copies working, or simplify. This\n // has proven very hard to iterate on pending a fix for DON-867 because\n // there is Angular-specific behaviour breaking the contents of copies.\n const sleeveCount = 1;\n this.host.style.setProperty('--ticker-end-left', `-${(sleeveCount + 1) * 100}%`);\n\n const duration = Math.round((itemsWidth / 30) * sleeveCount);\n\n for (let ii = 1; ii <= sleeveCount; ii++) {\n const sleeve = sleeves[ii - 1];\n if (sleeve) {\n sleeve.style.animationDuration = duration + 's';\n // https://stackoverflow.com/a/45847760\n sleeve.style.animationDelay = (duration / (sleeveCount - 1)) * (ii - 1) + 's';\n sleeve.style.display = 'inline-flex';\n sleeve.style.animationName = 'ticker';\n }\n }\n }\n\n componentDidLoad() {\n const wrapper = this.host.shadowRoot?.querySelector('.ticker-wrap') as HTMLDivElement;\n\n const tickerItemsInternalWrapper: HTMLDivElement \| null = this.host.querySelector(`[slot=\"ticker-items\"]`);\n const sleeve1: HTMLDivElement \| null \| undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_1');\n const sleeve2: HTMLDivElement \| null \| undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_2');\n const sleeve3: HTMLDivElement \| null \| undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_3');\n const sleeve4: HTMLDivElement \| null \| undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_4');\n\n if (!tickerItemsInternalWrapper \|\| !sleeve1) {\n console.log('tickerItemsInternalWrapper or sleeve1 is missing, skipping totalizer animation setup');\n return;\n }\n\n // Deep clone [all children of] the ticker items internal wrapper and append them, so the ticker can show items without\n // a blank break. Sleeve 2 and up will animate on delays per https://stackoverflow.com/a/45847760.\n setTimeout(() => {\n sleeve2 && sleeve2.appendChild(tickerItemsInternalWrapper.cloneNode(true));\n sleeve3 && sleeve3.appendChild(tickerItemsInternalWrapper.cloneNode(true));\n sleeve4 && sleeve4.appendChild(tickerItemsInternalWrapper.cloneNode(true));\n }, 800);\n\n setTimeout(() => {\n // In Angular contexts, it seems like we need to leave a little time before the calculations work.\n // Not totally clear why yet.\n this.setSpeed(tickerItemsInternalWrapper.clientWidth, wrapper.clientWidth);\n }, 300);\n\n window.addEventListener('resize', () => {\n this.setSpeed(tickerItemsInternalWrapper.clientWidth, wrapper.clientWidth);\n });\n }\n\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n <div>\n <div class=\"banner\">\n <div class={'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour}>{this.mainMessage}</div>\n <div class={'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour}>\n <div id=\"sleeve_1\" class=\"sleeve\">\n <slot name=\"ticker-items\"></slot>\n </div>\n <div id=\"sleeve_2\" class=\"sleeve sleeve-delayed-copy\">\n {/* Contents for these 3 are copied in TS and copies shown or hidden based on available space */}\n </div>\n <div id=\"sleeve_3\" class=\"sleeve sleeve-delayed-copy\"></div>\n <div id=\"sleeve_4\" class=\"sleeve sleeve-delayed-copy\"></div>\n </div>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-totalizer.js","mappings":"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","names":["BiggiveTotalizer"],"sources":["src/components/biggive-totalizer/biggive-totalizer.scss?tag=biggive-totalizer&encapsulation=shadow","src/components/biggive-totalizer/biggive-totalizer.tsx"],"sourcesContent":["@include backgrounds();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n @include standard-font();\n\n --ticker-end-left: -200%;\n}\n\n@keyframes ticker {\n 0% {\n transform: translate3d(0, 0, 0);\n }\n\n 100% {\n transform: translate3d(var(--ticker-end-left), 0, 0);\n }\n}\n\n.container {\n position: absolute;\n left: 0;\n right: 0;\n z-index: 1;\n\n .main-message-wrap {\n position: absolute;\n z-index: 1;\n padding: $spacer-2 $spacer-4;\n left: 0;\n top: 0;\n @include font-size-large();\n font-weight: 600;\n max-width: 33.3%;\n }\n\n .ticker-wrap {\n @include font-size-medium();\n padding: calc($spacer-2 - 4px) $spacer-4 $spacer-2 0;\n min-height: 17px;\n overflow: hidden;\n position: relative;\n\n .sleeve {\n will-change: transform; // https://web.dev/stick-to-compositor-only-properties-and-manage-layer-count/\n display: inline-flex;\n position: absolute;\n top: 4px;\n height: 24px;\n min-width: 100%;\n left: 100%;\n white-space: nowrap;\n\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n animation-name: ticker;\n // TS overrides the specific timings once the width of ticker elements is known.\n animation-duration: 10s;\n\n @media (prefers-reduced-motion) {\n animation-name: none !important; // Turn off movement when needed for a11y.\n }\n }\n\n .sleeve-delayed-copy {\n // We set between 0 and 3 copies to `display: inline-flex` in TS, depending on the size\n // of the items and container.\n display: none;\n white-space: nowrap;\n max-height: 24px;\n }\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n .container {\n .main-message-wrap {\n @include font-size-medium();\n padding: $spacer-2;\n }\n }\n}\n","import { Component, Element, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-totalizer',\n styleUrl: 'biggive-totalizer.scss',\n shadow: true,\n})\nexport class BiggiveTotalizer {\n private lastWrapperWidth: number = 0;\n\n @Element() host: HTMLBiggiveTotalizerElement;\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Primary banner colour\n /\n @Prop() primaryColour: string = 'primary';\n\n /\n Primary text colour\n /\n @Prop() primaryTextColour: string = 'white';\n\n /\n Secondary banner colour\n /\n @Prop() secondaryColour: string = 'secondary';\n\n /\n Secondary text colour\n /\n @Prop() secondaryTextColour: string = 'black';\n\n /\n Primary message\n /\n @Prop() mainMessage: string;\n\n private setSpeed(itemsWidth: number, containerWidth: number) {\n if (containerWidth === this.lastWrapperWidth) {\n // Some browsers fire 'resize' overzealously on scroll; we don't want to cause extra paints if nothing\n // relevant changed.\n return;\n }\n\n let sleeves: HTMLDivElement[] = [];\n for (const ii in [1, 2, 3, 4]) {\n const sleeve = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_' + ii) as HTMLDivElement \| null;\n if (sleeve) {\n sleeves.push(sleeve);\n // Restart the animation(s) on window resize to reduce the chance of jankiness.\n // https://stackoverflow.com/a/45036752/2803757\n sleeve.style.animationName = 'none';\n }\n }\n\n this.lastWrapperWidth = containerWidth;\n\n if (sleeves.length === 0) {\n console.log('sleeves missing, skipping setSpeed()');\n return;\n }\n\n // We've seen the initial calculation exclude the ~30px per set of values end padding before,\n // and it's safe to err on the side of more copies to reduce the chance of abrupt early loop\n // ends, so we add a buffer of 40px to the calculation when deciding how many copies to use.\n // const sleeveCount = Math.max(1, Math.min(4, Math.ceil((2 (40 + itemsWidth)) / containerWidth)));\n // TODO Ultimately we'd like to get multiple copies working, or simplify. This\n // has proven very hard to iterate on pending a fix for DON-867 because\n // there is Angular-specific behaviour breaking the contents of copies.\n const sleeveCount = 1;\n this.host.style.setProperty('--ticker-end-left', `-${(sleeveCount + 1) * 100}%`);\n\n const duration = Math.round((itemsWidth / 30) * sleeveCount);\n\n for (let ii = 1; ii <= sleeveCount; ii++) {\n const sleeve = sleeves[ii - 1];\n if (sleeve) {\n sleeve.style.animationDuration = duration + 's';\n // https://stackoverflow.com/a/45847760\n sleeve.style.animationDelay = (duration / (sleeveCount - 1)) * (ii - 1) + 's';\n sleeve.style.display = 'inline-flex';\n sleeve.style.animationName = 'ticker';\n }\n }\n }\n\n componentDidLoad() {\n const wrapper = this.host.shadowRoot?.querySelector('.ticker-wrap') as HTMLDivElement;\n\n const tickerItemsInternalWrapper: HTMLDivElement \| null = this.host.querySelector(`[slot=\"ticker-items\"]`);\n const sleeve1: HTMLDivElement \| null \| undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_1');\n const sleeve2: HTMLDivElement \| null \| undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_2');\n const sleeve3: HTMLDivElement \| null \| undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_3');\n const sleeve4: HTMLDivElement \| null \| undefined = this.host.shadowRoot?.querySelector('.ticker-wrap #sleeve_4');\n\n if (!tickerItemsInternalWrapper \|\| !sleeve1) {\n console.log('tickerItemsInternalWrapper or sleeve1 is missing, skipping totalizer animation setup');\n return;\n }\n\n // Deep clone [all children of] the ticker items internal wrapper and append them, so the ticker can show items without\n // a blank break. Sleeve 2 and up will animate on delays per https://stackoverflow.com/a/45847760.\n setTimeout(() => {\n sleeve2 && sleeve2.appendChild(tickerItemsInternalWrapper.cloneNode(true));\n sleeve3 && sleeve3.appendChild(tickerItemsInternalWrapper.cloneNode(true));\n sleeve4 && sleeve4.appendChild(tickerItemsInternalWrapper.cloneNode(true));\n }, 800);\n\n setTimeout(() => {\n // In Angular contexts, it seems like we need to leave a little time before the calculations work.\n // Not totally clear why yet.\n this.setSpeed(tickerItemsInternalWrapper.clientWidth, wrapper.clientWidth);\n }, 300);\n\n window.addEventListener('resize', () => {\n this.setSpeed(tickerItemsInternalWrapper.clientWidth, wrapper.clientWidth);\n });\n }\n\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n <div>\n <div class=\"banner\">\n <div class={'main-message-wrap background-colour-' + this.secondaryColour + ' text-colour-' + this.secondaryTextColour}>{this.mainMessage}</div>\n <div class={'ticker-wrap background-colour-' + this.primaryColour + ' text-colour-' + this.primaryTextColour}>\n <div id=\"sleeve_1\" class=\"sleeve\">\n <slot name=\"ticker-items\"></slot>\n </div>\n <div id=\"sleeve_2\" class=\"sleeve sleeve-delayed-copy\">\n {/* Contents for these 3 are copied in TS and copies shown or hidden based on available space */}\n </div>\n <div id=\"sleeve_3\" class=\"sleeve sleeve-delayed-copy\"></div>\n <div id=\"sleeve_4\" class=\"sleeve sleeve-delayed-copy\"></div>\n </div>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

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

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 import { V as VideoService } from './video.js';
 import { d as defineCustomElement$2 } from './biggive-button2.js';
-const biggiveVideoFeatureCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}.video-wrap{position:relative}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.video-wrap.youtube{padding-bottom:56.25%}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .sleeve{display:flex;justify-content:space-between}.container .sleeve .content-wrap{width:calc(40% - 15px);position:relative;z-index:1}.container .sleeve .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .sleeve .content-wrap h2{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .sleeve .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .sleeve .graphic-wrap{width:calc(60% - 15px)}@media screen and (max-width: 576px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%}.container .sleeve .graphic-wrap{padding-top:20px;width:100%;margin-bottom:15px}}";
+const biggiveVideoFeatureCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}.video-wrap{position:relative}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.video-wrap.youtube{padding-bottom:56.25%}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}.container .sleeve{display:flex;justify-content:space-between}.container .sleeve .content-wrap{width:calc(40% - 15px);position:relative;z-index:1}.container .sleeve .content-wrap .slug{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}.container .sleeve .content-wrap h2{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}.container .sleeve .content-wrap .teaser{margin:0 0 45px 0;padding:0}.container .sleeve .graphic-wrap{width:calc(60% - 15px)}@media screen and (max-width: 576px){.container .sleeve{flex-wrap:wrap}.container .sleeve .content-wrap{width:100%}.container .sleeve .graphic-wrap{padding-top:20px;width:100%;margin-bottom:15px}}";
 const BiggiveVideoFeatureStyle0 = biggiveVideoFeatureCss;
 const BiggiveVideoFeature$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveVideoFeature extends HTMLElement {
@@ -45,7 +45,7 @@ const BiggiveVideoFeature$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveVide
     }
     render() {
         const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';
-        return (h("div", { key: '7d2a231f789553ad8dfdc3ebd8884f48057f147e', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '391f743e9018cb60ce83804c4597220bcd4f3df3', class: "sleeve" }, h("div", { key: '4fdfb9f9fa050ec11e3f4a32baa6abc80bae71a3', class: "content-wrap" }, h("div", { key: 'd0eaac2caf400907de0b49e014dbad2eef0c35f5', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: 'd2c95d73e736ae63e27665900218e96b4d715c37', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: 'ace69dfa99e277452f932c5812f1ea5a48308f86', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { key: '8d6684eff4fd5d7b1347a3d122ec7518b3be0af5', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
+        return (h("div", { key: '2087e1d62cb02b0d5f34e5804b30f47ff3813f88', class: 'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '43584da0031363635b816dc505e9933c999d13c5', class: "sleeve" }, h("div", { key: '8c83e67f8cafc4a6e4389fa037b458903e36fcad', class: "content-wrap" }, h("div", { key: '2e69b8fa31135c3e119d0b43b99aad794c3b04a4', class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { key: '75b55e12ea3429f8d494b5388bc5ca548bd13d65', class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { key: '21d8dce01cb6e527ec3559f7cea323a1d289fc4f', class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { key: 'b220be993a43d7a80285a0748e1e794366787282', class: "graphic-wrap" }, this.videoUrl !== null && this.videoUrl !== undefined ? (h("div", { class: 'video-wrap' + youtubeClass, innerHTML: VideoService.getEmbedHtml(this.videoUrl, this.mainTitle) })) : null))));
     }
     static get style() { return BiggiveVideoFeatureStyle0; }
 }, [1, "biggive-video-feature", {

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

	@@ -1 +1 @@
1	- {"file":"biggive-video-feature.js","mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,~~8rGAA8rG~~,CAAC;~~AAC9tG~~,kCAAe,sBAAsB;;MCOxBA,qBAAmB;IALhC;;;;;;;QASU,eAAU,GAAW,CAAC,CAAC;;;;QAIvB,eAAU,GAAW,CAAC,CAAC;;;;QAIvB,sBAAiB,GAAW,SAAS,CAAC;;;;QAKtC,aAAQ,GAAW,EAAE,CAAC;;;;QAUtB,eAAU,GAAW,EAAE,CAAC;;;;QAUxB,oBAAe,GAAW,EAAE,CAAC;;;;QAU7B,iBAAY,GAAW,EAAE,CAAC;;;;QAe1B,uBAAkB,GAAW,SAAS,CAAC;KAyBhD;IAvBC,MAAM;QACJ,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,UAAU,GAAG,EAAE,CAAC;QAE7E,QACE,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IACnI,4DAAK,KAAK,EAAC,QAAQ,IACjB,4DAAK,KAAK,EAAC,cAAc,IACvB,4DAAK,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAAC,UAAU,IAAG,IAAI,CAAC,IAAI,CAAO,EACpE,2DAAI,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC,eAAe,IAAG,IAAI,CAAC,SAAS,CAAM,EAC7E,4DAAK,KAAK,EAAE,qBAAqB,GAAG,IAAI,CAAC,YAAY,IAAG,IAAI,CAAC,MAAM,CAAO,EACzE,IAAI,CAAC,WAAW,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,IACjD,uCAA+B,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAmB,IACrH,IAAI,CACJ,EACN,4DAAK,KAAK,EAAC,cAAc,IACtB,IAAI,CAAC,QAAQ,KAAK,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,IACpD,WAAK,KAAK,EAAE,YAAY,GAAG,YAAY,EAAE,SAAS,EAAE,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,GAAQ,IAClH,IAAI,CACJ,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveVideoFeature"],"sources":["src/components/biggive-video-feature/biggive-video-feature.scss?tag=biggive-video-feature&encapsulation=shadow","src/components/biggive-video-feature/biggive-video-feature.tsx"],"sourcesContent":["@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.video-wrap {\n @include video-wrap();\n}\n\n.video-wrap.youtube {\n padding-bottom: 56.25%;\n}\n\n.container {\n @include standard-font();\n position: relative;\n .sleeve {\n @include flex-container-row();\n .content-wrap {\n width: calc(40% - $spacer-3);\n position: relative;\n z-index: 1;\n .slug {\n @include heading-4;\n margin: 0;\n padding: 0;\n }\n h2 {\n @include heading-2;\n margin: 0 0 $spacer-3 0;\n padding: 0;\n }\n .teaser {\n margin: 0 0 $spacer-5 0;\n padding: 0;\n }\n }\n .graphic-wrap {\n width: calc(60% - $spacer-3);\n }\n }\n}\n\n@media screen and (max-width: $screen-mobile-max) {\n .container {\n .sleeve {\n flex-wrap: wrap;\n .content-wrap {\n width: 100%;\n }\n .graphic-wrap {\n padding-top: 20px;\n width: 100%;\n margin-bottom: $spacer-3;\n }\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { VideoService } from '../../util/video';\n\n@Component({\n tag: 'biggive-video-feature',\n styleUrl: 'biggive-video-feature.scss',\n shadow: true,\n})\nexport class BiggiveVideoFeature {\n /*\n Space above component\n /\n @Prop() spaceAbove: number = 0;\n /\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Default text colour\n /\n @Prop() defaultTextColour: string = 'primary';\n\n /\n Full URL of a video.\n /\n @Prop() videoUrl: string = '';\n\n /\n Slug\n /\n @Prop() slug: string;\n\n /\n Slug colour\n /\n @Prop() slugColour: string = '';\n\n /\n Video title\n /\n @Prop() mainTitle: string;\n\n /\n Slug colour\n /\n @Prop() mainTitleColour: string = '';\n\n /\n Introductory teaser text\n /\n @Prop() teaser: string;\n\n /\n Teaser colour\n /\n @Prop() teaserColour: string = '';\n\n /\n Button Url\n /\n @Prop() buttonUrl: string;\n\n /\n Button Label\n /\n @Prop() buttonLabel: string;\n\n /\n Button Colour Scheme\n */\n @Prop() buttonColourScheme: string = 'primary';\n\n render() {\n const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';\n\n return (\n <div class={'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow}>\n <div class=\"sleeve\">\n <div class=\"content-wrap\">\n <div class={'slug text-colour-' + this.slugColour}>{this.slug}</div>\n <h2 class={'title text-colour-' + this.mainTitleColour}>{this.mainTitle}</h2>\n <div class={'teaser text-colour-' + this.teaserColour}>{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null ? (\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n ) : null}\n </div>\n <div class=\"graphic-wrap\">\n {this.videoUrl !== null && this.videoUrl !== undefined ? (\n <div class={'video-wrap' + youtubeClass} innerHTML={VideoService.getEmbedHtml(this.videoUrl, this.mainTitle)}></div>\n ) : null}\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-video-feature.js","mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,sxGAAsxG,CAAC;AACtzG,kCAAe,sBAAsB;;MCOxBA,qBAAmB;IALhC;;;;;;;QASU,eAAU,GAAW,CAAC,CAAC;;;;QAIvB,eAAU,GAAW,CAAC,CAAC;;;;QAIvB,sBAAiB,GAAW,SAAS,CAAC;;;;QAKtC,aAAQ,GAAW,EAAE,CAAC;;;;QAUtB,eAAU,GAAW,EAAE,CAAC;;;;QAUxB,oBAAe,GAAW,EAAE,CAAC;;;;QAU7B,iBAAY,GAAW,EAAE,CAAC;;;;QAe1B,uBAAkB,GAAW,SAAS,CAAC;KAyBhD;IAvBC,MAAM;QACJ,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,UAAU,GAAG,EAAE,CAAC;QAE7E,QACE,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IACnI,4DAAK,KAAK,EAAC,QAAQ,IACjB,4DAAK,KAAK,EAAC,cAAc,IACvB,4DAAK,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAAC,UAAU,IAAG,IAAI,CAAC,IAAI,CAAO,EACpE,2DAAI,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC,eAAe,IAAG,IAAI,CAAC,SAAS,CAAM,EAC7E,4DAAK,KAAK,EAAE,qBAAqB,GAAG,IAAI,CAAC,YAAY,IAAG,IAAI,CAAC,MAAM,CAAO,EACzE,IAAI,CAAC,WAAW,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,IACjD,uCAA+B,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAmB,IACrH,IAAI,CACJ,EACN,4DAAK,KAAK,EAAC,cAAc,IACtB,IAAI,CAAC,QAAQ,KAAK,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,IACpD,WAAK,KAAK,EAAE,YAAY,GAAG,YAAY,EAAE,SAAS,EAAE,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,GAAQ,IAClH,IAAI,CACJ,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveVideoFeature"],"sources":["src/components/biggive-video-feature/biggive-video-feature.scss?tag=biggive-video-feature&encapsulation=shadow","src/components/biggive-video-feature/biggive-video-feature.tsx"],"sourcesContent":["@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.video-wrap {\n @include video-wrap();\n}\n\n.video-wrap.youtube {\n padding-bottom: 56.25%;\n}\n\n.container {\n @include standard-font();\n position: relative;\n .sleeve {\n @include flex-container-row();\n .content-wrap {\n width: calc(40% - $spacer-3);\n position: relative;\n z-index: 1;\n .slug {\n @include heading-4;\n margin: 0;\n padding: 0;\n }\n h2 {\n @include heading-2;\n margin: 0 0 $spacer-3 0;\n padding: 0;\n }\n .teaser {\n margin: 0 0 $spacer-5 0;\n padding: 0;\n }\n }\n .graphic-wrap {\n width: calc(60% - $spacer-3);\n }\n }\n}\n\n@media screen and (max-width: $screen-mobile-max) {\n .container {\n .sleeve {\n flex-wrap: wrap;\n .content-wrap {\n width: 100%;\n }\n .graphic-wrap {\n padding-top: 20px;\n width: 100%;\n margin-bottom: $spacer-3;\n }\n }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { VideoService } from '../../util/video';\n\n@Component({\n tag: 'biggive-video-feature',\n styleUrl: 'biggive-video-feature.scss',\n shadow: true,\n})\nexport class BiggiveVideoFeature {\n /*\n Space above component\n /\n @Prop() spaceAbove: number = 0;\n /\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Default text colour\n /\n @Prop() defaultTextColour: string = 'primary';\n\n /\n Full URL of a video.\n /\n @Prop() videoUrl: string = '';\n\n /\n Slug\n /\n @Prop() slug: string;\n\n /\n Slug colour\n /\n @Prop() slugColour: string = '';\n\n /\n Video title\n /\n @Prop() mainTitle: string;\n\n /\n Slug colour\n /\n @Prop() mainTitleColour: string = '';\n\n /\n Introductory teaser text\n /\n @Prop() teaser: string;\n\n /\n Teaser colour\n /\n @Prop() teaserColour: string = '';\n\n /\n Button Url\n /\n @Prop() buttonUrl: string;\n\n /\n Button Label\n /\n @Prop() buttonLabel: string;\n\n /\n Button Colour Scheme\n */\n @Prop() buttonColourScheme: string = 'primary';\n\n render() {\n const youtubeClass = this.videoUrl.includes('youtube.com') ? ' youtube' : '';\n\n return (\n <div class={'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow}>\n <div class=\"sleeve\">\n <div class=\"content-wrap\">\n <div class={'slug text-colour-' + this.slugColour}>{this.slug}</div>\n <h2 class={'title text-colour-' + this.mainTitleColour}>{this.mainTitle}</h2>\n <div class={'teaser text-colour-' + this.teaserColour}>{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null ? (\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n ) : null}\n </div>\n <div class=\"graphic-wrap\">\n {this.videoUrl !== null && this.videoUrl !== undefined ? (\n <div class={'video-wrap' + youtubeClass} innerHTML={VideoService.getEmbedHtml(this.videoUrl, this.mainTitle)}></div>\n ) : null}\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

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

@@ -23,7 +23,7 @@ const BiggiveVideo$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveVideo exten
         this.videoUrl = '';
     }
     render() {
-        return (h("div", { key: '1e66e72bf87e15c4d58b83cdaa0a26cebf4d22d8', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: '7ef19d7611781a242e663bc28010b097cd0d4028', class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
+        return (h("div", { key: 'aed8d0e823c00b293652aea2230fdca54abdb83c', class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h("div", { key: 'a2c455aca784a837a525356502e90f5621b8fd3e', class: "video-wrap", innerHTML: VideoService.getEmbedHtml(this.videoUrl, null) })));
     }
     static get style() { return BiggiveVideoStyle0; }
 }, [1, "biggive-video", {