@biggive/components 202501211147.0.0 → 202501311659.0.0

package/dist/biggive/p-5e11248f.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as r}from"./p-22982c55.js";const e='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}.image-wrap img{width:100%;height:auto}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-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}.align-right{text-align:right}.container{height:100%;width:100%;font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.container .sleeve{height:100%;box-sizing:border-box;background-size:cover;padding:15px 15px 10px 15px}.container .sleeve .content-wrap{height:100%;display:flex;flex-direction:column}.container .meta{margin-bottom:10px}.container .meta .slug{font-size:13px;line-height:17px;margin-bottom:5px}.container .meta .date{font-size:13px;line-height:17px;margin-bottom:5px}.container h3{font-size:20px;line-height:24px;font-weight:bold;padding-bottom:15px;margin-bottom:auto}.container h3 a,.container h3 a:hover{text-decoration:none}.container .main-image-container img{width:100%;height:auto;display:inline-block}.container .image-group{display:flex;margin-bottom:15px}.container .image-group .image-container{margin-right:15px}.container .image-group .image-container .image-wrap{border-radius:50%;width:60px;height:60px;background-size:cover;background-position:center center;margin-bottom:5px}.container .image-group .image-container .image-wrap img{display:none}.container .image-label{font-size:11px;line-height:14px}.container .clip-bottom-left-corner-false.clip-top-right-corner-true{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container .clip-bottom-left-corner-true.clip-top-right-corner-false{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .clip-bottom-left-corner-true.clip-top-right-corner-true{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .main-title-colour-primary h3{color:#2C089B}.container .slug-colour-primary .slug{color:#2C089B}.container .date-colour-primary .date{color:#2C089B}.container .image-label-colour-primary .image-label{color:#2C089B}.container .main-title-colour-secondary h3{color:#2AF135}.container .slug-colour-secondary .slug{color:#2AF135}.container .date-colour-secondary .date{color:#2AF135}.container .image-label-colour-secondary .image-label{color:#2AF135}.container .main-title-colour-tertiary h3{color:#FF7272}.container .slug-colour-tertiary .slug{color:#FF7272}.container .date-colour-tertiary .date{color:#FF7272}.container .image-label-colour-tertiary .image-label{color:#FF7272}.container .main-title-colour-brand-1 h3{color:#B30510}.container .slug-colour-brand-1 .slug{color:#B30510}.container .date-colour-brand-1 .date{color:#B30510}.container .image-label-colour-brand-1 .image-label{color:#B30510}.container .main-title-colour-brand-2 h3{color:#6E0887}.container .slug-colour-brand-2 .slug{color:#6E0887}.container .date-colour-brand-2 .date{color:#6E0887}.container .image-label-colour-brand-2 .image-label{color:#6E0887}.container .main-title-colour-brand-3 h3{color:#50B400}.container .slug-colour-brand-3 .slug{color:#50B400}.container .date-colour-brand-3 .date{color:#50B400}.container .image-label-colour-brand-3 .image-label{color:#50B400}.container .main-title-colour-brand-4 h3{color:#FFE500}.container .slug-colour-brand-4 .slug{color:#FFE500}.container .date-colour-brand-4 .date{color:#FFE500}.container .image-label-colour-brand-4 .image-label{color:#FFE500}.container .main-title-colour-brand-5 h3{color:#F07D00}.container .slug-colour-brand-5 .slug{color:#F07D00}.container .date-colour-brand-5 .date{color:#F07D00}.container .image-label-colour-brand-5 .image-label{color:#F07D00}.container .main-title-colour-brand-cc-red h3{color:#B30510}.container .slug-colour-brand-cc-red .slug{color:#B30510}.container .date-colour-brand-cc-red .date{color:#B30510}.container .image-label-colour-brand-cc-red .image-label{color:#B30510}.container .main-title-colour-brand-wgmf-purple h3{color:#6E0887}.container .slug-colour-brand-wgmf-purple .slug{color:#6E0887}.container .date-colour-brand-wgmf-purple .date{color:#6E0887}.container .image-label-colour-brand-wgmf-purple .image-label{color:#6E0887}.container .main-title-colour-brand-gmf-green h3{color:#50B400}.container .slug-colour-brand-gmf-green .slug{color:#50B400}.container .date-colour-brand-gmf-green .date{color:#50B400}.container .image-label-colour-brand-gmf-green .image-label{color:#50B400}.container .main-title-colour-brand-emf-yellow h3{color:#FFE500}.container .slug-colour-brand-emf-yellow .slug{color:#FFE500}.container .date-colour-brand-emf-yellow .date{color:#FFE500}.container .image-label-colour-brand-emf-yellow .image-label{color:#FFE500}.container .main-title-colour-brand-c4c-orange h3{color:#F07D00}.container .slug-colour-brand-c4c-orange .slug{color:#F07D00}.container .date-colour-brand-c4c-orange .date{color:#F07D00}.container .image-label-colour-brand-c4c-orange .image-label{color:#F07D00}.container .main-title-colour-brand-afa-pink h3{color:#BF387D}.container .slug-colour-brand-afa-pink .slug{color:#BF387D}.container .date-colour-brand-afa-pink .date{color:#BF387D}.container .image-label-colour-brand-afa-pink .image-label{color:#BF387D}.container .main-title-colour-brand-scw-magenta h3{color:#EE2C65}.container .slug-colour-brand-scw-magenta .slug{color:#EE2C65}.container .date-colour-brand-scw-magenta .date{color:#EE2C65}.container .image-label-colour-brand-scw-magenta .image-label{color:#EE2C65}.container .main-title-colour-brand-mhf-turquoise h3{color:#62CFC9}.container .slug-colour-brand-mhf-turquoise .slug{color:#62CFC9}.container .date-colour-brand-mhf-turquoise .date{color:#62CFC9}.container .image-label-colour-brand-mhf-turquoise .image-label{color:#62CFC9}.container .main-title-colour-brand-grey h3{color:#CBC8C8}.container .slug-colour-brand-grey .slug{color:#CBC8C8}.container .date-colour-brand-grey .date{color:#CBC8C8}.container .image-label-colour-brand-grey .image-label{color:#CBC8C8}.container .main-title-colour-white h3{color:#FFFFFF}.container .slug-colour-white .slug{color:#FFFFFF}.container .date-colour-white .date{color:#FFFFFF}.container .image-label-colour-white .image-label{color:#FFFFFF}.container .main-title-colour-black h3{color:#000000}.container .slug-colour-black .slug{color:#000000}.container .date-colour-black .date{color:#000000}.container .image-label-colour-black .image-label{color:#000000}.container .main-title-colour-grey-extra-light h3{color:#D7D7D7}.container .slug-colour-grey-extra-light .slug{color:#D7D7D7}.container .date-colour-grey-extra-light .date{color:#D7D7D7}.container .image-label-colour-grey-extra-light .image-label{color:#D7D7D7}.container .main-title-colour-grey-light h3{color:#E8E8E8}.container .slug-colour-grey-light .slug{color:#E8E8E8}.container .date-colour-grey-light .date{color:#E8E8E8}.container .image-label-colour-grey-light .image-label{color:#E8E8E8}.container .main-title-colour-grey-medium h3{color:#8A8A8A}.container .slug-colour-grey-medium .slug{color:#8A8A8A}.container .date-colour-grey-medium .date{color:#8A8A8A}.container .image-label-colour-grey-medium .image-label{color:#8A8A8A}.container .main-title-colour-grey-dark h3{color:#4A4A4A}.container .slug-colour-grey-dark .slug{color:#4A4A4A}.container .date-colour-grey-dark .date{color:#4A4A4A}.container .image-label-colour-grey-dark .image-label{color:#4A4A4A}.container .main-title-colour-brand-6 h3{color:#62CFC9}.container .slug-colour-brand-6 .slug{color:#62CFC9}.container .date-colour-brand-6 .date{color:#62CFC9}.container .image-label-colour-brand-6 .image-label{color:#62CFC9}';const a=e;const c=class{constructor(r){o(this,r);this.spaceBelow=0;this.backgroundColour="white";this.backgroundImageUrl="";this.slugColour="black";this.dateColour="black";this.mainTitleColour="black";this.imageLabelColour="black";this.buttonColour="black";this.clipBottomLeftCorner=true;this.clipTopRightCorner=true}render(){return r("div",{key:"659f6dc7eed2b715979f73dfcf884738a01046fb",class:"container space-below-"+this.spaceBelow},r("div",{key:"ddfca0655daf30b37c7bd616d722fbb8533d162e",class:"sleeve background-colour-"+this.backgroundColour+" text-colour-black "+" slug-colour-"+this.slugColour+" date-colour-"+this.dateColour+" main-title-colour-"+this.mainTitleColour+" image-label-colour-"+this.imageLabelColour+" button-colour"+this.buttonColour+" clip-bottom-left-corner-"+this.clipBottomLeftCorner+" clip-top-right-corner-"+this.clipTopRightCorner,style:{"background-image":"url('"+this.backgroundImageUrl+"')"}},r("div",{key:"2e7922c6aa0f543cd5b231809e63b957d9a9d0c7",class:"content-wrap"},r("div",{key:"3d09111817153cf4c15cb12b24f0ccddcccde6e1",class:"meta"},this.slug!=""?r("div",{class:"slug text-colour-primary"},this.slug):null,this.date!=""?r("div",{class:"date"},this.date):null),this.mainImageUrl!=""?r("div",{class:"main-image-container"},r("div",{class:"image-wrap"},r("img",{src:this.mainImageUrl,alt:this.mainImageAltText}))):null,r("h3",{key:"722202a10aae733ed8d14663fa47ddb516df401c",class:"title"},r("a",{key:"2a06861933adcd1faf4fb2da0587dd7fb2f229dd",href:this.buttonUrl},this.mainTitle)),this.image1Url!=""||this.image2Url!=""?r("div",{class:"image-group"},this.image1Url!=""?r("div",{class:"image-container"},r("div",{class:"image-wrap",style:{"background-image":"url('"+this.image1Url+"')"}},r("img",{src:this.image1Url,alt:this.image1AltText}))):null,this.image2Url!=""?r("div",{class:"image-container"},r("div",{class:"image-wrap",style:{"background-image":"url('"+this.image2Url+"')"}},r("img",{src:this.image2Url,alt:this.image2AltText}))):null):null,this.imageLabel!=""?r("div",{class:"image-label"},this.imageLabel):null,this.buttonLabel!=null&&this.buttonUrl!=null?r("div",{class:"button-wrap align-right"},r("biggive-button",{"colour-scheme":"clear-"+this.buttonColour,url:this.buttonUrl,label:this.buttonLabel})):null)))}};c.style=a;export{c as biggive_article_card};
+//# sourceMappingURL=p-5e11248f.entry.js.map

package/dist/biggive/{p-d7f9d076.entry.js.map → p-5e11248f.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["biggiveArticleCardCss","BiggiveArticleCardStyle0","BiggiveArticleCard","constructor","hostRef","this","spaceBelow","backgroundColour","backgroundImageUrl","slugColour","dateColour","mainTitleColour","imageLabelColour","buttonColour","clipBottomLeftCorner","clipTopRightCorner","render","h","key","class","style","slug","date","mainImageUrl","src","alt","mainImageAltText","href","buttonUrl","mainTitle","image1Url","image2Url","image1AltText","image2AltText","imageLabel","buttonLabel","url","label"],"sources":["src/components/biggive-article-card/biggive-article-card.scss?tag=biggive-article-card&encapsulation=shadow","src/components/biggive-article-card/biggive-article-card.tsx"],"sourcesContent":["@include backgrounds();\n@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.align-right {\n  text-align: right;\n}\n\n.container {\n  height: 100%;\n  width: 100%;\n  @include standard-font();\n  position: relative;\n  text-align: left;\n  @include lower-shadow();\n  .sleeve {\n    height: 100%;\n    box-sizing: border-box;\n    background-size: cover;\n    padding:  $spacer-3 $spacer-3 $spacer-2 $spacer-3;\n    .content-wrap {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n  }\n  .meta {\n    margin-bottom: $spacer-2;\n  }\n  .meta .slug {\n    @include font-size-small();\n    margin-bottom: $spacer-1;\n  }\n  .meta .date {\n    @include font-size-small();\n    margin-bottom: $spacer-1;\n  }\n  h3 {\n    @include heading-4();\n    padding-bottom: $spacer-3;\n    margin-bottom: auto;\n    a,\n    a:hover {\n      text-decoration: none;\n    }\n  }\n  .main-image-container {\n    img {\n      width: 100%;\n      height: auto;\n      display: inline-block;\n    }\n  }\n  .image-group {\n    display: flex;\n    margin-bottom: $spacer-3;\n    .image-container {\n      margin-right: 15px;\n      .image-wrap {\n        border-radius: 50%;\n        width: 60px;\n        height: 60px;\n        background-size: cover;\n        background-position: center center;\n        margin-bottom: $spacer-1;\n        img {\n          display: none;\n        }\n      }\n    }\n  }\n  .image-label {\n    @include font-size-x-small();\n  }\n\n\n  .clip-bottom-left-corner-false.clip-top-right-corner-true {\n    \n      @include corner-clip-medium-top-right();\n    \n  }\n  .clip-bottom-left-corner-true.clip-top-right-corner-false {\n      @include corner-clip-medium-bottom-left();\n  }\n    \n  .clip-bottom-left-corner-true.clip-top-right-corner-true {\n      @include corner-clip-medium-bottom-left-top-right();\n    \n  }\n\n  \n\n  @each $key, $colour in $brandColoursIncBrand6Turquoise {\n    .main-title-colour-#{$key} h3 { color: $colour; }\n    .slug-colour-#{$key} .slug { color: $colour; }\n    .date-colour-#{$key} .date { color: $colour; }\n    .image-label-colour-#{$key} .image-label { color: $colour; }\n  }\n  \n  \n  \n\n\n}","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-article-card',\n  styleUrl: 'biggive-article-card.scss',\n  shadow: true,\n})\nexport class BiggiveArticleCard {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() backgroundColour: brandColour = 'white';\n\n  @Prop() backgroundImageUrl: string = '';\n\n  @Prop() slug: string;\n\n  @Prop() slugColour: brandColour = 'black';\n\n  @Prop() date: string;\n\n  @Prop() dateColour: brandColour = 'black';\n\n  @Prop() mainTitle: string;\n\n  @Prop() mainTitleColour: brandColour = 'black';\n\n  @Prop() mainImageUrl: string;\n\n  @Prop() mainImageAltText: string;\n\n  @Prop() image1Url: string;\n\n  @Prop() image1AltText: string;\n\n  @Prop() image2Url: string;\n\n  @Prop() image2AltText: string;\n\n  @Prop() imageLabel: string;\n\n  @Prop() imageLabelColour: brandColour = 'black';\n\n  @Prop() buttonLabel: string;\n\n  @Prop() buttonUrl: string;\n\n  @Prop() buttonColour: brandColour = 'black';\n\n  @Prop() clipBottomLeftCorner: boolean = true;\n\n  @Prop() clipTopRightCorner: boolean = true;\n\n  render() {\n    return (\n      <div class={'container space-below-' + this.spaceBelow}>\n        <div\n          class={\n            'sleeve background-colour-' +\n            this.backgroundColour +\n            ' text-colour-black ' +\n            ' slug-colour-' +\n            this.slugColour +\n            ' date-colour-' +\n            this.dateColour +\n            ' main-title-colour-' +\n            this.mainTitleColour +\n            ' image-label-colour-' +\n            this.imageLabelColour +\n            ' button-colour' +\n            this.buttonColour +\n            ' clip-bottom-left-corner-' +\n            this.clipBottomLeftCorner +\n            ' clip-top-right-corner-' +\n            this.clipTopRightCorner\n          }\n          style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n        >\n          <div class=\"content-wrap\">\n            <div class=\"meta\">\n              {this.slug != '' ? <div class=\"slug text-colour-primary\">{this.slug}</div> : null}\n              {this.date != '' ? <div class=\"date\">{this.date}</div> : null}\n            </div>\n\n            {this.mainImageUrl != '' ? (\n              <div class=\"main-image-container\">\n                <div class=\"image-wrap\">\n                  <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n                </div>\n              </div>\n            ) : null}\n\n            <h3 class=\"title\">\n              <a href={this.buttonUrl}>{this.mainTitle}</a>\n            </h3>\n            {this.image1Url != '' || this.image2Url != '' ? (\n              <div class=\"image-group\">\n                {this.image1Url != '' ? (\n                  <div class=\"image-container\">\n                    <div class=\"image-wrap\" style={{ 'background-image': \"url('\" + this.image1Url + \"')\" }}>\n                      <img src={this.image1Url} alt={this.image1AltText} />\n                    </div>\n                  </div>\n                ) : null}\n\n                {this.image2Url != '' ? (\n                  <div class=\"image-container\">\n                    <div class=\"image-wrap\" style={{ 'background-image': \"url('\" + this.image2Url + \"')\" }}>\n                      <img src={this.image2Url} alt={this.image2AltText} />\n                    </div>\n                  </div>\n                ) : null}\n              </div>\n            ) : null}\n\n            {this.imageLabel != '' ? <div class=\"image-label\">{this.imageLabel}</div> : null}\n\n            {this.buttonLabel != null && this.buttonUrl != null ? (\n              <div class=\"button-wrap align-right\">\n                <biggive-button colour-scheme={'clear-' + this.buttonColour} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAwB,+/WAC9B,MAAAC,EAAeD,E,MCQFE,EAAkB,MAL/B,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,iBAAgC,QAEhCF,KAAAG,mBAA6B,GAI7BH,KAAAI,WAA0B,QAI1BJ,KAAAK,WAA0B,QAI1BL,KAAAM,gBAA+B,QAgB/BN,KAAAO,iBAAgC,QAMhCP,KAAAQ,aAA4B,QAE5BR,KAAAS,qBAAgC,KAEhCT,KAAAU,mBAA8B,I,CAEtC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,yBAA2Bd,KAAKC,YAC1CW,EAAA,OAAAC,IAAA,2CACEC,MACE,4BACAd,KAAKE,iBACL,sBACA,gBACAF,KAAKI,WACL,gBACAJ,KAAKK,WACL,sBACAL,KAAKM,gBACL,uBACAN,KAAKO,iBACL,iBACAP,KAAKQ,aACL,4BACAR,KAAKS,qBACL,0BACAT,KAAKU,mBAEPK,MAAO,CAAE,mBAAoB,QAAUf,KAAKG,mBAAqB,OAEjES,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,QACRd,KAAKgB,MAAQ,GAAKJ,EAAA,OAAKE,MAAM,4BAA4Bd,KAAKgB,MAAc,KAC5EhB,KAAKiB,MAAQ,GAAKL,EAAA,OAAKE,MAAM,QAAQd,KAAKiB,MAAc,MAG1DjB,KAAKkB,cAAgB,GACpBN,EAAA,OAAKE,MAAM,wBACTF,EAAA,OAAKE,MAAM,cACTF,EAAA,OAAKO,IAAKnB,KAAKkB,aAAcE,IAAKpB,KAAKqB,qBAGzC,KAEJT,EAAA,MAAAC,IAAA,2CAAIC,MAAM,SACRF,EAAA,KAAAC,IAAA,2CAAGS,KAAMtB,KAAKuB,WAAYvB,KAAKwB,YAEhCxB,KAAKyB,WAAa,IAAMzB,KAAK0B,WAAa,GACzCd,EAAA,OAAKE,MAAM,eACRd,KAAKyB,WAAa,GACjBb,EAAA,OAAKE,MAAM,mBACTF,EAAA,OAAKE,MAAM,aAAaC,MAAO,CAAE,mBAAoB,QAAUf,KAAKyB,UAAY,OAC9Eb,EAAA,OAAKO,IAAKnB,KAAKyB,UAAWL,IAAKpB,KAAK2B,kBAGtC,KAEH3B,KAAK0B,WAAa,GACjBd,EAAA,OAAKE,MAAM,mBACTF,EAAA,OAAKE,MAAM,aAAaC,MAAO,CAAE,mBAAoB,QAAUf,KAAK0B,UAAY,OAC9Ed,EAAA,OAAKO,IAAKnB,KAAK0B,UAAWN,IAAKpB,KAAK4B,kBAGtC,MAEJ,KAEH5B,KAAK6B,YAAc,GAAKjB,EAAA,OAAKE,MAAM,eAAed,KAAK6B,YAAoB,KAE3E7B,KAAK8B,aAAe,MAAQ9B,KAAKuB,WAAa,KAC7CX,EAAA,OAAKE,MAAM,2BACTF,EAAA,kCAA+B,SAAWZ,KAAKQ,aAAcuB,IAAK/B,KAAKuB,UAAWS,MAAOhC,KAAK8B,eAE9F,O","ignoreList":[]}
+{"version":3,"names":["biggiveArticleCardCss","BiggiveArticleCardStyle0","BiggiveArticleCard","constructor","hostRef","this","spaceBelow","backgroundColour","backgroundImageUrl","slugColour","dateColour","mainTitleColour","imageLabelColour","buttonColour","clipBottomLeftCorner","clipTopRightCorner","render","h","key","class","style","slug","date","mainImageUrl","src","alt","mainImageAltText","href","buttonUrl","mainTitle","image1Url","image2Url","image1AltText","image2AltText","imageLabel","buttonLabel","url","label"],"sources":["src/components/biggive-article-card/biggive-article-card.scss?tag=biggive-article-card&encapsulation=shadow","src/components/biggive-article-card/biggive-article-card.tsx"],"sourcesContent":["@include backgrounds();\n@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.align-right {\n  text-align: right;\n}\n\n.container {\n  height: 100%;\n  width: 100%;\n  @include standard-font();\n  position: relative;\n  text-align: left;\n  @include lower-shadow();\n  .sleeve {\n    height: 100%;\n    box-sizing: border-box;\n    background-size: cover;\n    padding:  $spacer-3 $spacer-3 $spacer-2 $spacer-3;\n    .content-wrap {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n  }\n  .meta {\n    margin-bottom: $spacer-2;\n  }\n  .meta .slug {\n    @include font-size-small();\n    margin-bottom: $spacer-1;\n  }\n  .meta .date {\n    @include font-size-small();\n    margin-bottom: $spacer-1;\n  }\n  h3 {\n    @include heading-4();\n    padding-bottom: $spacer-3;\n    margin-bottom: auto;\n    a,\n    a:hover {\n      text-decoration: none;\n    }\n  }\n  .main-image-container {\n    img {\n      width: 100%;\n      height: auto;\n      display: inline-block;\n    }\n  }\n  .image-group {\n    display: flex;\n    margin-bottom: $spacer-3;\n    .image-container {\n      margin-right: 15px;\n      .image-wrap {\n        border-radius: 50%;\n        width: 60px;\n        height: 60px;\n        background-size: cover;\n        background-position: center center;\n        margin-bottom: $spacer-1;\n        img {\n          display: none;\n        }\n      }\n    }\n  }\n  .image-label {\n    @include font-size-x-small();\n  }\n\n\n  .clip-bottom-left-corner-false.clip-top-right-corner-true {\n    \n      @include corner-clip-medium-top-right();\n    \n  }\n  .clip-bottom-left-corner-true.clip-top-right-corner-false {\n      @include corner-clip-medium-bottom-left();\n  }\n    \n  .clip-bottom-left-corner-true.clip-top-right-corner-true {\n      @include corner-clip-medium-bottom-left-top-right();\n    \n  }\n\n  \n\n  @each $key, $colour in $brandColoursIncBrand6Turquoise {\n    .main-title-colour-#{$key} h3 { color: $colour; }\n    .slug-colour-#{$key} .slug { color: $colour; }\n    .date-colour-#{$key} .date { color: $colour; }\n    .image-label-colour-#{$key} .image-label { color: $colour; }\n  }\n  \n  \n  \n\n\n}","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-article-card',\n  styleUrl: 'biggive-article-card.scss',\n  shadow: true,\n})\nexport class BiggiveArticleCard {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() backgroundColour: brandColour = 'white';\n\n  @Prop() backgroundImageUrl: string = '';\n\n  @Prop() slug: string;\n\n  @Prop() slugColour: brandColour = 'black';\n\n  @Prop() date: string;\n\n  @Prop() dateColour: brandColour = 'black';\n\n  @Prop() mainTitle: string;\n\n  @Prop() mainTitleColour: brandColour = 'black';\n\n  @Prop() mainImageUrl: string;\n\n  @Prop() mainImageAltText: string;\n\n  @Prop() image1Url: string;\n\n  @Prop() image1AltText: string;\n\n  @Prop() image2Url: string;\n\n  @Prop() image2AltText: string;\n\n  @Prop() imageLabel: string;\n\n  @Prop() imageLabelColour: brandColour = 'black';\n\n  @Prop() buttonLabel: string;\n\n  @Prop() buttonUrl: string;\n\n  @Prop() buttonColour: brandColour = 'black';\n\n  @Prop() clipBottomLeftCorner: boolean = true;\n\n  @Prop() clipTopRightCorner: boolean = true;\n\n  render() {\n    return (\n      <div class={'container space-below-' + this.spaceBelow}>\n        <div\n          class={\n            'sleeve background-colour-' +\n            this.backgroundColour +\n            ' text-colour-black ' +\n            ' slug-colour-' +\n            this.slugColour +\n            ' date-colour-' +\n            this.dateColour +\n            ' main-title-colour-' +\n            this.mainTitleColour +\n            ' image-label-colour-' +\n            this.imageLabelColour +\n            ' button-colour' +\n            this.buttonColour +\n            ' clip-bottom-left-corner-' +\n            this.clipBottomLeftCorner +\n            ' clip-top-right-corner-' +\n            this.clipTopRightCorner\n          }\n          style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n        >\n          <div class=\"content-wrap\">\n            <div class=\"meta\">\n              {this.slug != '' ? <div class=\"slug text-colour-primary\">{this.slug}</div> : null}\n              {this.date != '' ? <div class=\"date\">{this.date}</div> : null}\n            </div>\n\n            {this.mainImageUrl != '' ? (\n              <div class=\"main-image-container\">\n                <div class=\"image-wrap\">\n                  <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n                </div>\n              </div>\n            ) : null}\n\n            <h3 class=\"title\">\n              <a href={this.buttonUrl}>{this.mainTitle}</a>\n            </h3>\n            {this.image1Url != '' || this.image2Url != '' ? (\n              <div class=\"image-group\">\n                {this.image1Url != '' ? (\n                  <div class=\"image-container\">\n                    <div class=\"image-wrap\" style={{ 'background-image': \"url('\" + this.image1Url + \"')\" }}>\n                      <img src={this.image1Url} alt={this.image1AltText} />\n                    </div>\n                  </div>\n                ) : null}\n\n                {this.image2Url != '' ? (\n                  <div class=\"image-container\">\n                    <div class=\"image-wrap\" style={{ 'background-image': \"url('\" + this.image2Url + \"')\" }}>\n                      <img src={this.image2Url} alt={this.image2AltText} />\n                    </div>\n                  </div>\n                ) : null}\n              </div>\n            ) : null}\n\n            {this.imageLabel != '' ? <div class=\"image-label\">{this.imageLabel}</div> : null}\n\n            {this.buttonLabel != null && this.buttonUrl != null ? (\n              <div class=\"button-wrap align-right\">\n                <biggive-button colour-scheme={'clear-' + this.buttonColour} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAwB,+8XAC9B,MAAAC,EAAeD,E,MCQFE,EAAkB,MAL/B,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,iBAAgC,QAEhCF,KAAAG,mBAA6B,GAI7BH,KAAAI,WAA0B,QAI1BJ,KAAAK,WAA0B,QAI1BL,KAAAM,gBAA+B,QAgB/BN,KAAAO,iBAAgC,QAMhCP,KAAAQ,aAA4B,QAE5BR,KAAAS,qBAAgC,KAEhCT,KAAAU,mBAA8B,I,CAEtC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,yBAA2Bd,KAAKC,YAC1CW,EAAA,OAAAC,IAAA,2CACEC,MACE,4BACAd,KAAKE,iBACL,sBACA,gBACAF,KAAKI,WACL,gBACAJ,KAAKK,WACL,sBACAL,KAAKM,gBACL,uBACAN,KAAKO,iBACL,iBACAP,KAAKQ,aACL,4BACAR,KAAKS,qBACL,0BACAT,KAAKU,mBAEPK,MAAO,CAAE,mBAAoB,QAAUf,KAAKG,mBAAqB,OAEjES,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,QACRd,KAAKgB,MAAQ,GAAKJ,EAAA,OAAKE,MAAM,4BAA4Bd,KAAKgB,MAAc,KAC5EhB,KAAKiB,MAAQ,GAAKL,EAAA,OAAKE,MAAM,QAAQd,KAAKiB,MAAc,MAG1DjB,KAAKkB,cAAgB,GACpBN,EAAA,OAAKE,MAAM,wBACTF,EAAA,OAAKE,MAAM,cACTF,EAAA,OAAKO,IAAKnB,KAAKkB,aAAcE,IAAKpB,KAAKqB,qBAGzC,KAEJT,EAAA,MAAAC,IAAA,2CAAIC,MAAM,SACRF,EAAA,KAAAC,IAAA,2CAAGS,KAAMtB,KAAKuB,WAAYvB,KAAKwB,YAEhCxB,KAAKyB,WAAa,IAAMzB,KAAK0B,WAAa,GACzCd,EAAA,OAAKE,MAAM,eACRd,KAAKyB,WAAa,GACjBb,EAAA,OAAKE,MAAM,mBACTF,EAAA,OAAKE,MAAM,aAAaC,MAAO,CAAE,mBAAoB,QAAUf,KAAKyB,UAAY,OAC9Eb,EAAA,OAAKO,IAAKnB,KAAKyB,UAAWL,IAAKpB,KAAK2B,kBAGtC,KAEH3B,KAAK0B,WAAa,GACjBd,EAAA,OAAKE,MAAM,mBACTF,EAAA,OAAKE,MAAM,aAAaC,MAAO,CAAE,mBAAoB,QAAUf,KAAK0B,UAAY,OAC9Ed,EAAA,OAAKO,IAAKnB,KAAK0B,UAAWN,IAAKpB,KAAK4B,kBAGtC,MAEJ,KAEH5B,KAAK6B,YAAc,GAAKjB,EAAA,OAAKE,MAAM,eAAed,KAAK6B,YAAoB,KAE3E7B,KAAK8B,aAAe,MAAQ9B,KAAKuB,WAAa,KAC7CX,EAAA,OAAKE,MAAM,2BACTF,EAAA,kCAA+B,SAAWZ,KAAKQ,aAAcuB,IAAK/B,KAAKuB,UAAWS,MAAOhC,KAAK8B,eAE9F,O","ignoreList":[]}

package/dist/biggive/p-73547dd5.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e}from"./p-22982c55.js";const n='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}ul{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;list-style-type:none;padding:0;margin:0}';const o=n;const a=class{constructor(e){t(this,e);this.inline=true}render(){return e("ul",{key:"49b2376d24d37ac7af1ab8d499d166baf4268a03"},e("slot",{key:"b15cfcc1791660ced330af8cf471332f7ca10f49"}))}};a.style=o;export{a as biggive_nav_group};
+//# sourceMappingURL=p-73547dd5.entry.js.map

package/dist/biggive/p-790bb750.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as r}from"./p-22982c55.js";const e='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}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.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}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:10px;height:100%;white-space:pre-wrap;box-shadow:0px 0px 30px rgba(0, 0, 0, 0.2)}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:10px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .teaser{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}.container .text-align-left{text-align:left}.container .text-align-center{text-align:center}.container .text-align-right{text-align:right}';const c=e;const a=class{constructor(r){o(this,r);this.spaceBelow=0;this.backgroundColour="primary";this.textAlign="center";this.teaserColour="black";this.buttonAlign="center";this.buttonStyle="standard";this.buttonColourScheme="clear-primary";this.clipBottomLeftCorner=true;this.clipTopRightCorner=true;this.addAnimation=false}render(){return r("div",{key:"7c0b1754a2424d0b10c5c395827653ff6578ba4b",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour+" clip-bottom-left-corner-"+this.clipBottomLeftCorner+" clip-top-right-corner-"+this.clipTopRightCorner+" add-animation-"+this.addAnimation},r("a",{key:"9ca2265f43987537acf9e90187f6f2710dd4b2cc",href:this.buttonUrl},r("div",{key:"390fcb297ddcbd8ff2407f5e369cc30e3a568d3f",class:"sleeve text-colour-"+this.teaserColour+" text-align-"+this.textAlign},r("div",{key:"89815082fd42ef99e73af09966a0c0b8640eff76",class:"content-wrap"},this.mainImageUrl!=""?r("div",{class:"main-image-container"},r("div",{class:"image-wrap"},r("img",{src:this.mainImageUrl,alt:this.mainImageAltText,title:this.mainImageAltText}))):null,r("div",{key:"520e7075812b70bd0440adaea1b63d2daca5f3ae",class:"teaser"},this.teaser),this.buttonLabel!=null&&this.buttonUrl!=null&&this.buttonUrl!=""?r("div",{class:"button-wrap align-"+this.buttonAlign},r("biggive-button",{"colour-scheme":this.buttonColourScheme,label:this.buttonLabel})):null))))}};a.style=c;export{a as biggive_image_card};
+//# sourceMappingURL=p-790bb750.entry.js.map

package/dist/biggive/{p-4e3802b0.entry.js.map → p-790bb750.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["biggiveImageCardCss","BiggiveImageCardStyle0","BiggiveImageCard","constructor","hostRef","this","spaceBelow","backgroundColour","textAlign","teaserColour","buttonAlign","buttonStyle","buttonColourScheme","clipBottomLeftCorner","clipTopRightCorner","addAnimation","render","h","key","class","href","buttonUrl","mainImageUrl","src","alt","mainImageAltText","title","teaser","buttonLabel","label"],"sources":["src/components/biggive-image-card/biggive-image-card.scss?tag=biggive-image-card&encapsulation=shadow","src/components/biggive-image-card/biggive-image-card.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  position: relative;\n  text-align: center;\n  background-size: cover;\n  background-position: center center;\n  padding: $spacer-2;\n  height: 100%;\n  white-space: pre-wrap;\n  box-shadow: 0px 0px 30px rgb(0 0 0 / 20%);\n  a,\n  a:hover {\n    text-decoration: none;\n  }\n  .sleeve {\n    padding: $spacer-2;\n    height: 100%;\n    box-sizing: border-box;\n    transition: all 1s ease-in-out;\n  }\n  &.add-animation-true:hover .sleeve {\n    margin: -30px;\n    padding: 60px;\n    height: calc(100% + 60px);\n  }\n  &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n      @include corner-clip-medium-top-right();\n  }\n  &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n      @include corner-clip-medium-bottom-left();\n  }\n  &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n      @include corner-clip-medium-bottom-left-top-right();\n  }\n\n  .icon {\n    svg {\n      width: 50px;\n      height: auto;\n    }\n  }\n  .title {\n    // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n    @include heading-3();\n    margin-bottom: $spacer-3;\n  }\n  .teaser {\n    margin-bottom: $spacer-3;\n  }\n  .main-image-container {\n    margin-bottom: 15px;\n    img {\n      width: 100%;\n      height: auto;\n    }\n  }\n  .button-wrap {\n    text-align: center;\n    &.align-left {\n      text-align: left;\n    }\n    &.align-right {\n      text-align: right;\n    }\n  }\n\n  .text-align-left {\n    text-align: left;\n  }\n  .text-align-center {\n    text-align: center;\n  }\n  .text-align-right {\n    text-align: right;\n  }\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-image-card',\n  styleUrl: 'biggive-image-card.scss',\n  shadow: true,\n})\nexport class BiggiveImageCard {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() backgroundColour: brandColour = 'primary';\n\n  @Prop() mainImageUrl: string;\n\n  @Prop() mainImageAltText: string;\n\n  @Prop() textAlign: 'left' | 'center' | 'right' = 'center';\n\n  @Prop() teaser: string;\n\n  @Prop() teaserColour: brandColour = 'black';\n\n  @Prop() buttonAlign: string = 'center';\n\n  @Prop() buttonStyle: string = 'standard';\n\n  @Prop() buttonLabel: string;\n\n  @Prop() buttonUrl: string;\n\n  @Prop() buttonColourScheme: string = 'clear-primary';\n\n  @Prop() clipBottomLeftCorner: boolean = true;\n\n  @Prop() clipTopRightCorner: boolean = true;\n\n  @Prop() addAnimation: boolean = false;\n\n  render() {\n    return (\n      <div\n        class={\n          'container space-below-' +\n          this.spaceBelow +\n          ' background-colour-' +\n          this.backgroundColour +\n          ' clip-bottom-left-corner-' +\n          this.clipBottomLeftCorner +\n          ' clip-top-right-corner-' +\n          this.clipTopRightCorner +\n          ' add-animation-' +\n          this.addAnimation\n        }\n      >\n        <a href={this.buttonUrl}>\n          <div class={'sleeve text-colour-' + this.teaserColour + ' text-align-' + this.textAlign}>\n            <div class=\"content-wrap\">\n              {this.mainImageUrl != '' ? (\n                <div class=\"main-image-container\">\n                  <div class=\"image-wrap\">\n                    <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n                  </div>\n                </div>\n              ) : null}\n              <div class=\"teaser\">{this.teaser}</div>\n              {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n                <div class={'button-wrap align-' + this.buttonAlign}>\n                  <biggive-button colour-scheme={this.buttonColourScheme} label={this.buttonLabel}></biggive-button>\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </a>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAsB,yqNAC5B,MAAAC,EAAeD,E,MCQFE,EAAgB,MAL7B,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,iBAAgC,UAMhCF,KAAAG,UAAyC,SAIzCH,KAAAI,aAA4B,QAE5BJ,KAAAK,YAAsB,SAEtBL,KAAAM,YAAsB,WAMtBN,KAAAO,mBAA6B,gBAE7BP,KAAAQ,qBAAgC,KAEhCR,KAAAS,mBAA8B,KAE9BT,KAAAU,aAAwB,K,CAEhC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MACE,yBACAd,KAAKC,WACL,sBACAD,KAAKE,iBACL,4BACAF,KAAKQ,qBACL,0BACAR,KAAKS,mBACL,kBACAT,KAAKU,cAGPE,EAAA,KAAAC,IAAA,2CAAGE,KAAMf,KAAKgB,WACZJ,EAAA,OAAAC,IAAA,2CAAKC,MAAO,sBAAwBd,KAAKI,aAAe,eAAiBJ,KAAKG,WAC5ES,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACRd,KAAKiB,cAAgB,GACpBL,EAAA,OAAKE,MAAM,wBACTF,EAAA,OAAKE,MAAM,cACTF,EAAA,OAAKM,IAAKlB,KAAKiB,aAAcE,IAAKnB,KAAKoB,iBAAkBC,MAAOrB,KAAKoB,qBAGvE,KACJR,EAAA,OAAAC,IAAA,2CAAKC,MAAM,UAAUd,KAAKsB,QACzBtB,KAAKuB,aAAe,MAAQvB,KAAKgB,WAAa,MAAQhB,KAAKgB,WAAa,GACvEJ,EAAA,OAAKE,MAAO,qBAAuBd,KAAKK,aACtCO,EAAA,kCAA+BZ,KAAKO,mBAAoBiB,MAAOxB,KAAKuB,eAEpE,Q","ignoreList":[]}
+{"version":3,"names":["biggiveImageCardCss","BiggiveImageCardStyle0","BiggiveImageCard","constructor","hostRef","this","spaceBelow","backgroundColour","textAlign","teaserColour","buttonAlign","buttonStyle","buttonColourScheme","clipBottomLeftCorner","clipTopRightCorner","addAnimation","render","h","key","class","href","buttonUrl","mainImageUrl","src","alt","mainImageAltText","title","teaser","buttonLabel","label"],"sources":["src/components/biggive-image-card/biggive-image-card.scss?tag=biggive-image-card&encapsulation=shadow","src/components/biggive-image-card/biggive-image-card.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  position: relative;\n  text-align: center;\n  background-size: cover;\n  background-position: center center;\n  padding: $spacer-2;\n  height: 100%;\n  white-space: pre-wrap;\n  box-shadow: 0px 0px 30px rgb(0 0 0 / 20%);\n  a,\n  a:hover {\n    text-decoration: none;\n  }\n  .sleeve {\n    padding: $spacer-2;\n    height: 100%;\n    box-sizing: border-box;\n    transition: all 1s ease-in-out;\n  }\n  &.add-animation-true:hover .sleeve {\n    margin: -30px;\n    padding: 60px;\n    height: calc(100% + 60px);\n  }\n  &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n      @include corner-clip-medium-top-right();\n  }\n  &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n      @include corner-clip-medium-bottom-left();\n  }\n  &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n      @include corner-clip-medium-bottom-left-top-right();\n  }\n\n  .icon {\n    svg {\n      width: 50px;\n      height: auto;\n    }\n  }\n  .title {\n    // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n    @include heading-3();\n    margin-bottom: $spacer-3;\n  }\n  .teaser {\n    margin-bottom: $spacer-3;\n  }\n  .main-image-container {\n    margin-bottom: 15px;\n    img {\n      width: 100%;\n      height: auto;\n    }\n  }\n  .button-wrap {\n    text-align: center;\n    &.align-left {\n      text-align: left;\n    }\n    &.align-right {\n      text-align: right;\n    }\n  }\n\n  .text-align-left {\n    text-align: left;\n  }\n  .text-align-center {\n    text-align: center;\n  }\n  .text-align-right {\n    text-align: right;\n  }\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-image-card',\n  styleUrl: 'biggive-image-card.scss',\n  shadow: true,\n})\nexport class BiggiveImageCard {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() backgroundColour: brandColour = 'primary';\n\n  @Prop() mainImageUrl: string;\n\n  @Prop() mainImageAltText: string;\n\n  @Prop() textAlign: 'left' | 'center' | 'right' = 'center';\n\n  @Prop() teaser: string;\n\n  @Prop() teaserColour: brandColour = 'black';\n\n  @Prop() buttonAlign: string = 'center';\n\n  @Prop() buttonStyle: string = 'standard';\n\n  @Prop() buttonLabel: string;\n\n  @Prop() buttonUrl: string;\n\n  @Prop() buttonColourScheme: string = 'clear-primary';\n\n  @Prop() clipBottomLeftCorner: boolean = true;\n\n  @Prop() clipTopRightCorner: boolean = true;\n\n  @Prop() addAnimation: boolean = false;\n\n  render() {\n    return (\n      <div\n        class={\n          'container space-below-' +\n          this.spaceBelow +\n          ' background-colour-' +\n          this.backgroundColour +\n          ' clip-bottom-left-corner-' +\n          this.clipBottomLeftCorner +\n          ' clip-top-right-corner-' +\n          this.clipTopRightCorner +\n          ' add-animation-' +\n          this.addAnimation\n        }\n      >\n        <a href={this.buttonUrl}>\n          <div class={'sleeve text-colour-' + this.teaserColour + ' text-align-' + this.textAlign}>\n            <div class=\"content-wrap\">\n              {this.mainImageUrl != '' ? (\n                <div class=\"main-image-container\">\n                  <div class=\"image-wrap\">\n                    <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n                  </div>\n                </div>\n              ) : null}\n              <div class=\"teaser\">{this.teaser}</div>\n              {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n                <div class={'button-wrap align-' + this.buttonAlign}>\n                  <biggive-button colour-scheme={this.buttonColourScheme} label={this.buttonLabel}></biggive-button>\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </a>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAsB,q5NAC5B,MAAAC,EAAeD,E,MCQFE,EAAgB,MAL7B,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,iBAAgC,UAMhCF,KAAAG,UAAyC,SAIzCH,KAAAI,aAA4B,QAE5BJ,KAAAK,YAAsB,SAEtBL,KAAAM,YAAsB,WAMtBN,KAAAO,mBAA6B,gBAE7BP,KAAAQ,qBAAgC,KAEhCR,KAAAS,mBAA8B,KAE9BT,KAAAU,aAAwB,K,CAEhC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MACE,yBACAd,KAAKC,WACL,sBACAD,KAAKE,iBACL,4BACAF,KAAKQ,qBACL,0BACAR,KAAKS,mBACL,kBACAT,KAAKU,cAGPE,EAAA,KAAAC,IAAA,2CAAGE,KAAMf,KAAKgB,WACZJ,EAAA,OAAAC,IAAA,2CAAKC,MAAO,sBAAwBd,KAAKI,aAAe,eAAiBJ,KAAKG,WAC5ES,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACRd,KAAKiB,cAAgB,GACpBL,EAAA,OAAKE,MAAM,wBACTF,EAAA,OAAKE,MAAM,cACTF,EAAA,OAAKM,IAAKlB,KAAKiB,aAAcE,IAAKnB,KAAKoB,iBAAkBC,MAAOrB,KAAKoB,qBAGvE,KACJR,EAAA,OAAAC,IAAA,2CAAKC,MAAM,UAAUd,KAAKsB,QACzBtB,KAAKuB,aAAe,MAAQvB,KAAKgB,WAAa,MAAQhB,KAAKgB,WAAa,GACvEJ,EAAA,OAAKE,MAAO,qBAAuBd,KAAKK,aACtCO,EAAA,kCAA+BZ,KAAKO,mBAAoBiB,MAAOxB,KAAKuB,eAEpE,Q","ignoreList":[]}

package/dist/biggive/p-84503f9e.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as r}from"./p-22982c55.js";import{F as c}from"./p-228259ca.js";const e='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}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;display:flex;justify-content:flex-start}.container .label{padding-left:15px;font-size:11px;line-height:14px;width:60px;margin-top:auto;margin-bottom:auto}.category-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px}.category-icon-item.colour-scheme-primary{background-color:#2C089B}.category-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.category-icon-item.colour-scheme-secondary{background-color:#2AF135}.category-icon-item.colour-scheme-secondary svg{fill:#000000}.category-icon-item.colour-scheme-tertiary{background-color:#FF7272}.category-icon-item.colour-scheme-tertiary svg{fill:#000000}.category-icon-item.colour-scheme-brand-1{background-color:#B30510}.category-icon-item.colour-scheme-brand-1 svg{fill:#000000}.category-icon-item.colour-scheme-brand-2{background-color:#6E0887}.category-icon-item.colour-scheme-brand-2 svg{fill:#000000}.category-icon-item.colour-scheme-brand-3{background-color:#50B400}.category-icon-item.colour-scheme-brand-3 svg{fill:#000000}.category-icon-item.colour-scheme-brand-4{background-color:#FFE500}.category-icon-item.colour-scheme-brand-4 svg{fill:#000000}.category-icon-item.colour-scheme-brand-5{background-color:#F07D00}.category-icon-item.colour-scheme-brand-5 svg{fill:#000000}.category-icon-item.colour-scheme-mhf-turquoise{background-color:#62CFC9}.category-icon-item.colour-scheme-mhf-turquoise svg{fill:#000000}.category-icon-item.colour-scheme-brand-grey{background-color:#CBC8C8}.category-icon-item.colour-scheme-brand-grey svg{fill:#000000}.category-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.category-icon-item.colour-scheme-brand-6 svg{fill:#000000}.category-icon-item.colour-scheme-brand-afa-pink{background-color:#BF387D}.category-icon-item.colour-scheme-brand-afa-pink svg{fill:#000000}.category-icon-item.colour-scheme-white{background-color:#FFFFFF}.category-icon-item.colour-scheme-white svg{fill:#000000}.category-icon-item.colour-scheme-black{background-color:#000000}.category-icon-item.colour-scheme-black svg{fill:#FFFFFF}.category-icon-item.colour-scheme-black{background-color:#D7D7D7}.category-icon-item.colour-scheme-black svg{fill:#D7D7D7}.category-icon-item.colour-scheme-black{background-color:#E8E8E8}.category-icon-item.colour-scheme-black svg{fill:#E8E8E8}.category-icon-item.colour-scheme-black{background-color:#8A8A8A}.category-icon-item.colour-scheme-black svg{fill:#8A8A8A}.category-icon-item.colour-scheme-black{background-color:#4A4A4A}.category-icon-item.colour-scheme-black svg{fill:#4A4A4A}.category-icon-item:hover{background-color:#FFFFFF}.category-icon-item:hover svg{fill:#000000}.category-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.category-icon-item a svg{width:100%;height:100%}.category-icon-item a{padding:6px}';const l=e;const a=class{constructor(r){o(this,r);this.backgroundColour="primary";this.iconColour="white";this.url="#"}getCategoryIcon(){var o=c.getCategoryIcon(this.icon);return o}render(){return r("div",{key:"ce172b6817815385d15af1702a32224fffde02cd",class:"container"},r("div",{key:"9e3a5de2d46c5e27b95ad6c1e15df09c745a1f72",class:"category-icon-item background-colour-"+this.backgroundColour},r("a",{key:"e2047b9364836f1313a078ef2b5617f66c7ebdc1",href:this.url},r("svg",{key:"1268a0041ac6541943f7fd695367f99244fd35a6",width:this.getCategoryIcon().icon[0],height:this.getCategoryIcon().icon[1],xmlns:"http://www.w3.org/2000/svg",class:"fill-"+this.iconColour,viewBox:"0 0 "+this.getCategoryIcon().icon[0]+" "+this.getCategoryIcon().icon[1]},r("path",{key:"27c43d05e026925752b68d924d372bad1f0554ff",d:this.getCategoryIcon().icon[4].toString()})))),r("div",{key:"fda1acba40281361299e67f839916ee90abac8af",class:"label"},this.label))}};a.style=l;export{a as biggive_category_icon};
+//# sourceMappingURL=p-84503f9e.entry.js.map

package/dist/biggive/{p-c4222c1b.entry.js.map → p-84503f9e.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["biggiveCategoryIconCss","BiggiveCategoryIconStyle0","BiggiveCategoryIcon","constructor","hostRef","this","backgroundColour","iconColour","url","getCategoryIcon","icon","FontAwesomeIconsService","render","h","key","class","href","width","height","xmlns","viewBox","d","toString","label"],"sources":["src/components/biggive-category-icon/biggive-category-icon.scss?tag=biggive-category-icon","src/components/biggive-category-icon/biggive-category-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  display: flex;\n  justify-content: flex-start;\n  .label {\n    padding-left: $spacer-3;\n    @include font-size-x-small();\n    width: 60px;\n    margin-top: auto;\n    margin-bottom: auto;\n  }\n}\n\n.category-icon-item {\n  @include icon-medium();\n}","import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n@Component({\n  tag: 'biggive-category-icon',\n  styleUrl: 'biggive-category-icon.scss',\n  shadow: false,\n})\nexport class BiggiveCategoryIcon {\n  /**\n   * Background colour\n   */\n  @Prop() backgroundColour: string = 'primary';\n\n  /**\n   * Background colour\n   */\n  @Prop() iconColour: string = 'white';\n  /**\n   * Icon\n   */\n  @Prop() icon: string;\n\n  /**\n   * Label\n   */\n  @Prop() label: string;\n\n  /**\n   * Url\n   */\n  @Prop() url: string = '#';\n\n  private getCategoryIcon(): IconDefinition {\n    var icon = FontAwesomeIconsService.getCategoryIcon(this.icon);\n    return icon;\n  }\n\n  render() {\n    return (\n      <div class=\"container\">\n        <div class={'category-icon-item background-colour-' + this.backgroundColour}>\n          <a href={this.url}>\n            <svg\n              width={this.getCategoryIcon().icon[0]}\n              height={this.getCategoryIcon().icon[1]}\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class={'fill-' + this.iconColour}\n              viewBox={'0 0 ' + this.getCategoryIcon().icon[0] + ' ' + this.getCategoryIcon().icon[1]}\n            >\n              <path d={this.getCategoryIcon().icon[4].toString()} />\n            </svg>\n          </a>\n        </div>\n        <div class=\"label\">{this.label}</div>\n      </div>\n    );\n  }\n}\n"],"mappings":"+EAAA,MAAMA,EAAyB,s4LAC/B,MAAAC,EAAeD,E,MCQFE,EAAmB,MALhC,WAAAC,CAAAC,G,UASUC,KAAAC,iBAA2B,UAK3BD,KAAAE,WAAqB,QAcrBF,KAAAG,IAAc,G,CAEd,eAAAC,GACN,IAAIC,EAAOC,EAAwBF,gBAAgBJ,KAAKK,MACxD,OAAOA,C,CAGT,MAAAE,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,aACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAO,wCAA0CV,KAAKC,kBACzDO,EAAA,KAAAC,IAAA,2CAAGE,KAAMX,KAAKG,KACZK,EAAA,OAAAC,IAAA,2CACEG,MAAOZ,KAAKI,kBAAkBC,KAAK,GACnCQ,OAAQb,KAAKI,kBAAkBC,KAAK,GACpCS,MAAM,6BACNJ,MAAO,QAAUV,KAAKE,WACtBa,QAAS,OAASf,KAAKI,kBAAkBC,KAAK,GAAK,IAAML,KAAKI,kBAAkBC,KAAK,IAErFG,EAAA,QAAAC,IAAA,2CAAMO,EAAGhB,KAAKI,kBAAkBC,KAAK,GAAGY,gBAI9CT,EAAA,OAAAC,IAAA,2CAAKC,MAAM,SAASV,KAAKkB,O","ignoreList":[]}
+{"version":3,"names":["biggiveCategoryIconCss","BiggiveCategoryIconStyle0","BiggiveCategoryIcon","constructor","hostRef","this","backgroundColour","iconColour","url","getCategoryIcon","icon","FontAwesomeIconsService","render","h","key","class","href","width","height","xmlns","viewBox","d","toString","label"],"sources":["src/components/biggive-category-icon/biggive-category-icon.scss?tag=biggive-category-icon","src/components/biggive-category-icon/biggive-category-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  display: flex;\n  justify-content: flex-start;\n  .label {\n    padding-left: $spacer-3;\n    @include font-size-x-small();\n    width: 60px;\n    margin-top: auto;\n    margin-bottom: auto;\n  }\n}\n\n.category-icon-item {\n  @include icon-medium();\n}","import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n@Component({\n  tag: 'biggive-category-icon',\n  styleUrl: 'biggive-category-icon.scss',\n  shadow: false,\n})\nexport class BiggiveCategoryIcon {\n  /**\n   * Background colour\n   */\n  @Prop() backgroundColour: string = 'primary';\n\n  /**\n   * Background colour\n   */\n  @Prop() iconColour: string = 'white';\n  /**\n   * Icon\n   */\n  @Prop() icon: string;\n\n  /**\n   * Label\n   */\n  @Prop() label: string;\n\n  /**\n   * Url\n   */\n  @Prop() url: string = '#';\n\n  private getCategoryIcon(): IconDefinition {\n    var icon = FontAwesomeIconsService.getCategoryIcon(this.icon);\n    return icon;\n  }\n\n  render() {\n    return (\n      <div class=\"container\">\n        <div class={'category-icon-item background-colour-' + this.backgroundColour}>\n          <a href={this.url}>\n            <svg\n              width={this.getCategoryIcon().icon[0]}\n              height={this.getCategoryIcon().icon[1]}\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class={'fill-' + this.iconColour}\n              viewBox={'0 0 ' + this.getCategoryIcon().icon[0] + ' ' + this.getCategoryIcon().icon[1]}\n            >\n              <path d={this.getCategoryIcon().icon[4].toString()} />\n            </svg>\n          </a>\n        </div>\n        <div class=\"label\">{this.label}</div>\n      </div>\n    );\n  }\n}\n"],"mappings":"+EAAA,MAAMA,EAAyB,0hMAC/B,MAAAC,EAAeD,E,MCQFE,EAAmB,MALhC,WAAAC,CAAAC,G,UASUC,KAAAC,iBAA2B,UAK3BD,KAAAE,WAAqB,QAcrBF,KAAAG,IAAc,G,CAEd,eAAAC,GACN,IAAIC,EAAOC,EAAwBF,gBAAgBJ,KAAKK,MACxD,OAAOA,C,CAGT,MAAAE,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,aACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAO,wCAA0CV,KAAKC,kBACzDO,EAAA,KAAAC,IAAA,2CAAGE,KAAMX,KAAKG,KACZK,EAAA,OAAAC,IAAA,2CACEG,MAAOZ,KAAKI,kBAAkBC,KAAK,GACnCQ,OAAQb,KAAKI,kBAAkBC,KAAK,GACpCS,MAAM,6BACNJ,MAAO,QAAUV,KAAKE,WACtBa,QAAS,OAASf,KAAKI,kBAAkBC,KAAK,GAAK,IAAML,KAAKI,kBAAkBC,KAAK,IAErFG,EAAA,QAAAC,IAAA,2CAAMO,EAAGhB,KAAKI,kBAAkBC,KAAK,GAAGY,gBAI9CT,EAAA,OAAAC,IAAA,2CAAKC,MAAM,SAASV,KAAKkB,O","ignoreList":[]}

package/dist/biggive/p-98b6c187.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as r}from"./p-22982c55.js";const c='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}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}:host{display:contents;font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.container.header-text-colour-primary thead{color:#2C089B}.container.header-background-colour-primary thead{background-color:#2C089B}.container.body-text-colour-primary tbody{color:#2C089B}.container.body-background-colour-primary tbody{background-color:#2C089B}.container.header-text-colour-secondary thead{color:#2AF135}.container.header-background-colour-secondary thead{background-color:#2AF135}.container.body-text-colour-secondary tbody{color:#2AF135}.container.body-background-colour-secondary tbody{background-color:#2AF135}.container.header-text-colour-tertiary thead{color:#FF7272}.container.header-background-colour-tertiary thead{background-color:#FF7272}.container.body-text-colour-tertiary tbody{color:#FF7272}.container.body-background-colour-tertiary tbody{background-color:#FF7272}.container.header-text-colour-brand-1 thead{color:#B30510}.container.header-background-colour-brand-1 thead{background-color:#B30510}.container.body-text-colour-brand-1 tbody{color:#B30510}.container.body-background-colour-brand-1 tbody{background-color:#B30510}.container.header-text-colour-brand-2 thead{color:#6E0887}.container.header-background-colour-brand-2 thead{background-color:#6E0887}.container.body-text-colour-brand-2 tbody{color:#6E0887}.container.body-background-colour-brand-2 tbody{background-color:#6E0887}.container.header-text-colour-brand-3 thead{color:#50B400}.container.header-background-colour-brand-3 thead{background-color:#50B400}.container.body-text-colour-brand-3 tbody{color:#50B400}.container.body-background-colour-brand-3 tbody{background-color:#50B400}.container.header-text-colour-brand-4 thead{color:#FFE500}.container.header-background-colour-brand-4 thead{background-color:#FFE500}.container.body-text-colour-brand-4 tbody{color:#FFE500}.container.body-background-colour-brand-4 tbody{background-color:#FFE500}.container.header-text-colour-brand-5 thead{color:#F07D00}.container.header-background-colour-brand-5 thead{background-color:#F07D00}.container.body-text-colour-brand-5 tbody{color:#F07D00}.container.body-background-colour-brand-5 tbody{background-color:#F07D00}.container.header-text-colour-brand-cc-red thead{color:#B30510}.container.header-background-colour-brand-cc-red thead{background-color:#B30510}.container.body-text-colour-brand-cc-red tbody{color:#B30510}.container.body-background-colour-brand-cc-red tbody{background-color:#B30510}.container.header-text-colour-brand-wgmf-purple thead{color:#6E0887}.container.header-background-colour-brand-wgmf-purple thead{background-color:#6E0887}.container.body-text-colour-brand-wgmf-purple tbody{color:#6E0887}.container.body-background-colour-brand-wgmf-purple tbody{background-color:#6E0887}.container.header-text-colour-brand-gmf-green thead{color:#50B400}.container.header-background-colour-brand-gmf-green thead{background-color:#50B400}.container.body-text-colour-brand-gmf-green tbody{color:#50B400}.container.body-background-colour-brand-gmf-green tbody{background-color:#50B400}.container.header-text-colour-brand-emf-yellow thead{color:#FFE500}.container.header-background-colour-brand-emf-yellow thead{background-color:#FFE500}.container.body-text-colour-brand-emf-yellow tbody{color:#FFE500}.container.body-background-colour-brand-emf-yellow tbody{background-color:#FFE500}.container.header-text-colour-brand-c4c-orange thead{color:#F07D00}.container.header-background-colour-brand-c4c-orange thead{background-color:#F07D00}.container.body-text-colour-brand-c4c-orange tbody{color:#F07D00}.container.body-background-colour-brand-c4c-orange tbody{background-color:#F07D00}.container.header-text-colour-brand-afa-pink thead{color:#BF387D}.container.header-background-colour-brand-afa-pink thead{background-color:#BF387D}.container.body-text-colour-brand-afa-pink tbody{color:#BF387D}.container.body-background-colour-brand-afa-pink tbody{background-color:#BF387D}.container.header-text-colour-brand-scw-magenta thead{color:#EE2C65}.container.header-background-colour-brand-scw-magenta thead{background-color:#EE2C65}.container.body-text-colour-brand-scw-magenta tbody{color:#EE2C65}.container.body-background-colour-brand-scw-magenta tbody{background-color:#EE2C65}.container.header-text-colour-brand-mhf-turquoise thead{color:#62CFC9}.container.header-background-colour-brand-mhf-turquoise thead{background-color:#62CFC9}.container.body-text-colour-brand-mhf-turquoise tbody{color:#62CFC9}.container.body-background-colour-brand-mhf-turquoise tbody{background-color:#62CFC9}.container.header-text-colour-brand-grey thead{color:#CBC8C8}.container.header-background-colour-brand-grey thead{background-color:#CBC8C8}.container.body-text-colour-brand-grey tbody{color:#CBC8C8}.container.body-background-colour-brand-grey tbody{background-color:#CBC8C8}.container.header-text-colour-white thead{color:#FFFFFF}.container.header-background-colour-white thead{background-color:#FFFFFF}.container.body-text-colour-white tbody{color:#FFFFFF}.container.body-background-colour-white tbody{background-color:#FFFFFF}.container.header-text-colour-black thead{color:#000000}.container.header-background-colour-black thead{background-color:#000000}.container.body-text-colour-black tbody{color:#000000}.container.body-background-colour-black tbody{background-color:#000000}.container.header-text-colour-grey-extra-light thead{color:#D7D7D7}.container.header-background-colour-grey-extra-light thead{background-color:#D7D7D7}.container.body-text-colour-grey-extra-light tbody{color:#D7D7D7}.container.body-background-colour-grey-extra-light tbody{background-color:#D7D7D7}.container.header-text-colour-grey-light thead{color:#E8E8E8}.container.header-background-colour-grey-light thead{background-color:#E8E8E8}.container.body-text-colour-grey-light tbody{color:#E8E8E8}.container.body-background-colour-grey-light tbody{background-color:#E8E8E8}.container.header-text-colour-grey-medium thead{color:#8A8A8A}.container.header-background-colour-grey-medium thead{background-color:#8A8A8A}.container.body-text-colour-grey-medium tbody{color:#8A8A8A}.container.body-background-colour-grey-medium tbody{background-color:#8A8A8A}.container.header-text-colour-grey-dark thead{color:#4A4A4A}.container.header-background-colour-grey-dark thead{background-color:#4A4A4A}.container.body-text-colour-grey-dark tbody{color:#4A4A4A}.container.body-background-colour-grey-dark tbody{background-color:#4A4A4A}.container.header-text-colour-brand-6 thead{color:#62CFC9}.container.header-background-colour-brand-6 thead{background-color:#62CFC9}.container.body-text-colour-brand-6 tbody{color:#62CFC9}.container.body-background-colour-brand-6 tbody{background-color:#62CFC9}.container table{width:100%;border-collapse:collapse;border:0}.container table td,.container table th{padding:10px 20px;border:0;font-size:inherit}.container table thead{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.15))}.container table thead td,.container table thead th{font-weight:bold}.container table tbody tr.odd{background-color:rgba(255, 255, 255, 0.3)}.container table tbody td,.container table tbody th{font-size:80%}';const a=c;const n=class{constructor(r){o(this,r);this.spaceBelow=0;this.headerTextColour="primary";this.headerBackgroundColour="white";this.bodyTextColour="black";this.bodyBackgroundColour="grey-light"}render(){return r("div",{key:"3113e1e0f25a9484452e48ae77f7f715a997c15b",class:"container header-text-colour-"+this.headerTextColour+" header-background-colour-"+this.headerBackgroundColour+" body-text-colour-"+this.bodyTextColour+" body-background-colour-"+this.bodyBackgroundColour+" space-below-"+this.spaceBelow},r("slot",{key:"3f0c914570a0319d25ce31ca8e3d245f3f1ab77f"}))}};n.style=a;export{n as biggive_table};
+//# sourceMappingURL=p-98b6c187.entry.js.map

package/dist/biggive/{p-372349f5.entry.js.map → p-98b6c187.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["biggiveTableCss","BiggiveTableStyle0","BiggiveTable","constructor","hostRef","this","spaceBelow","headerTextColour","headerBackgroundColour","bodyTextColour","bodyBackgroundColour","render","h","key","class"],"sources":["src/components/biggive-table/biggive-table.scss?tag=biggive-table","src/components/biggive-table/biggive-table.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n  display: contents;\n  @include standard-font();\n}\n\n\n.container {\n\n  @each $key, $colour in $brandColoursIncBrand6Turquoise {\n    &.header-text-colour-#{$key} thead { color: $colour; }\n    &.header-background-colour-#{$key} thead { background-color: $colour; }\n    &.body-text-colour-#{$key} tbody { color: $colour; }\n    &.body-background-colour-#{$key} tbody { background-color: $colour; }\n  }\n\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    border: 0;\n\n    td,th {\n      padding: 10px 20px;\n      border: 0;\n      font-size: inherit;\n    }\n\n    thead {\n      filter: drop-shadow(-1px 3px 12px rgba(0,0,0,0.15));\n      td,th {\n        font-weight: bold;\n      }\n    }\n\n    tbody {\n      tr.odd {\n        background-color: rgba(255,255,255,0.3);\n      }\n      \n      td,th {\n        font-size: 80%;\n      }\n    }\n\n  }\n}","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-table',\n  styleUrl: 'biggive-table.scss',\n  shadow: false,\n})\nexport class BiggiveTable {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() headerTextColour: brandColour = 'primary';\n\n  @Prop() headerBackgroundColour: brandColour = 'white';\n\n  @Prop() bodyTextColour: brandColour = 'black';\n\n  @Prop() bodyBackgroundColour: brandColour = 'grey-light';\n\n  render() {\n    return (\n      <div\n        class={\n          'container header-text-colour-' +\n          this.headerTextColour +\n          ' header-background-colour-' +\n          this.headerBackgroundColour +\n          ' body-text-colour-' +\n          this.bodyTextColour +\n          ' body-background-colour-' +\n          this.bodyBackgroundColour +\n          ' space-below-' +\n          this.spaceBelow\n        }\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,8qTACxB,MAAAC,EAAeD,E,MCQFE,EAAY,MALzB,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,iBAAgC,UAEhCF,KAAAG,uBAAsC,QAEtCH,KAAAI,eAA8B,QAE9BJ,KAAAK,qBAAoC,Y,CAE5C,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MACE,gCACAT,KAAKE,iBACL,6BACAF,KAAKG,uBACL,qBACAH,KAAKI,eACL,2BACAJ,KAAKK,qBACL,gBACAL,KAAKC,YAGPM,EAAA,QAAAC,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["biggiveTableCss","BiggiveTableStyle0","BiggiveTable","constructor","hostRef","this","spaceBelow","headerTextColour","headerBackgroundColour","bodyTextColour","bodyBackgroundColour","render","h","key","class"],"sources":["src/components/biggive-table/biggive-table.scss?tag=biggive-table","src/components/biggive-table/biggive-table.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n  display: contents;\n  @include standard-font();\n}\n\n\n.container {\n\n  @each $key, $colour in $brandColoursIncBrand6Turquoise {\n    &.header-text-colour-#{$key} thead { color: $colour; }\n    &.header-background-colour-#{$key} thead { background-color: $colour; }\n    &.body-text-colour-#{$key} tbody { color: $colour; }\n    &.body-background-colour-#{$key} tbody { background-color: $colour; }\n  }\n\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    border: 0;\n\n    td,th {\n      padding: 10px 20px;\n      border: 0;\n      font-size: inherit;\n    }\n\n    thead {\n      filter: drop-shadow(-1px 3px 12px rgba(0,0,0,0.15));\n      td,th {\n        font-weight: bold;\n      }\n    }\n\n    tbody {\n      tr.odd {\n        background-color: rgba(255,255,255,0.3);\n      }\n      \n      td,th {\n        font-size: 80%;\n      }\n    }\n\n  }\n}","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-table',\n  styleUrl: 'biggive-table.scss',\n  shadow: false,\n})\nexport class BiggiveTable {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() headerTextColour: brandColour = 'primary';\n\n  @Prop() headerBackgroundColour: brandColour = 'white';\n\n  @Prop() bodyTextColour: brandColour = 'black';\n\n  @Prop() bodyBackgroundColour: brandColour = 'grey-light';\n\n  render() {\n    return (\n      <div\n        class={\n          'container header-text-colour-' +\n          this.headerTextColour +\n          ' header-background-colour-' +\n          this.headerBackgroundColour +\n          ' body-text-colour-' +\n          this.bodyTextColour +\n          ' body-background-colour-' +\n          this.bodyBackgroundColour +\n          ' space-below-' +\n          this.spaceBelow\n        }\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,gnUACxB,MAAAC,EAAeD,E,MCQFE,EAAY,MALzB,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,iBAAgC,UAEhCF,KAAAG,uBAAsC,QAEtCH,KAAAI,eAA8B,QAE9BJ,KAAAK,qBAAoC,Y,CAE5C,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MACE,gCACAT,KAAKE,iBACL,6BACAF,KAAKG,uBACL,qBACAH,KAAKI,eACL,2BACAJ,KAAKK,qBACL,gBACAL,KAAKC,YAGPM,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/biggive/{p-ff8a3dc2.entry.js → p-abebbe13.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as e}from"./p-22982c55.js";import{V as a}from"./p-f6ad3a23.js";const t='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.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}';const i=t;const p=class{constructor(e){o(this,e);this.spaceAbove=0;this.spaceBelow=0;this.videoUrl=""}render(){return e("div",{key:"1e66e72bf87e15c4d58b83cdaa0a26cebf4d22d8",class:"container space-above-"+this.spaceAbove+" space-below-"+this.spaceBelow},e("div",{key:"7ef19d7611781a242e663bc28010b097cd0d4028",class:"video-wrap",innerHTML:a.getEmbedHtml(this.videoUrl,null)}))}};p.style=i;export{p as biggive_video};
-//# sourceMappingURL=p-ff8a3dc2.entry.js.map
+import{r as o,h as e}from"./p-22982c55.js";import{V as a}from"./p-f6ad3a23.js";const t='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.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}';const i=t;const p=class{constructor(e){o(this,e);this.spaceAbove=0;this.spaceBelow=0;this.videoUrl=""}render(){return e("div",{key:"aed8d0e823c00b293652aea2230fdca54abdb83c",class:"container space-above-"+this.spaceAbove+" space-below-"+this.spaceBelow},e("div",{key:"a2c455aca784a837a525356502e90f5621b8fd3e",class:"video-wrap",innerHTML:a.getEmbedHtml(this.videoUrl,null)}))}};p.style=i;export{p as biggive_video};
+//# sourceMappingURL=p-abebbe13.entry.js.map

package/dist/biggive/p-b81cd5c7.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as r}from"./p-22982c55.js";const e='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}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.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}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}';const a=e;const c=class{constructor(r){o(this,r);this.spaceBelow=0;this.backgroundColour="primary";this.backgroundImageUrl="";this.cardColour="white";this.textColour="black";this.icon=true;this.iconColour="primary";this.buttonAlign="center";this.buttonStyle="standard";this.buttonColourScheme="clear-primary";this.clipBottomLeftCorner=true;this.clipTopRightCorner=true;this.headingLevel=3;this.addAnimation=false}render(){const o=`h${this.headingLevel}`;return r("div",{key:"643f08ef88444868f25e9b2df3529cbd20facebe",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour+" clip-bottom-left-corner-"+this.clipBottomLeftCorner+" clip-top-right-corner-"+this.clipTopRightCorner+" add-animation-"+this.addAnimation,style:{"background-image":"url('"+this.backgroundImageUrl+"')"}},r("a",{key:"d4ddd87a0a25d7aeef63948d04994cd7ca43bb5b",href:this.buttonUrl},r("div",{key:"17f6638c0d43a723713da03792b78203f2981d9b",class:"sleeve background-colour-"+this.cardColour+" text-colour-"+this.textColour},r("div",{key:"914e0c63a50d63023b707a3c5443d3bee387fbb0",class:"content-wrap"},this.icon==true?r("div",{class:"icon"},r("svg",{width:"53",height:"39",viewBox:"0 0 53 39",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("path",{d:"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z",class:"fill-black"}),r("path",{d:"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z",class:"fill-"+this.iconColour}))):null,this.mainImageUrl!=""?r("div",{class:"main-image-container"},r("div",{class:"image-wrap"},r("img",{src:this.mainImageUrl,alt:this.mainImageAltText,title:this.mainImageAltText}))):null,r(o,{key:"25ce80ff6ad001addc72e738a7c3aa4177ab81a7",class:"title"},this.mainTitle),r("div",{key:"e0b1e8fa867f69262ddb57284bf09cd9d34a85b4",class:"subtitle"},this.subtitle),r("div",{key:"25d02aac64074ee2c6e647cbb191a7398afa2324",class:"teaser"},this.teaser),this.buttonLabel!=null&&this.buttonUrl!=null&&this.buttonUrl!=""?r("div",{class:"button-wrap align-"+this.buttonAlign},r("biggive-button",{"colour-scheme":this.buttonColourScheme,url:this.buttonUrl,label:this.buttonLabel})):null))))}};c.style=a;export{c as biggive_basic_card};
+//# sourceMappingURL=p-b81cd5c7.entry.js.map

package/dist/biggive/{p-1d9d1fb2.entry.js.map → p-b81cd5c7.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["biggiveBasicCardCss","BiggiveBasicCardStyle0","BiggiveBasicCard","constructor","hostRef","this","spaceBelow","backgroundColour","backgroundImageUrl","cardColour","textColour","icon","iconColour","buttonAlign","buttonStyle","buttonColourScheme","clipBottomLeftCorner","clipTopRightCorner","headingLevel","addAnimation","render","HeadingTag","h","key","class","style","href","buttonUrl","width","height","viewBox","fill","xmlns","d","mainImageUrl","src","alt","mainImageAltText","title","mainTitle","subtitle","teaser","buttonLabel","url","label"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  position: relative;\n  text-align: center;\n  background-size: cover;\n  background-position: center center;\n  padding: $spacer-4;\n  height: 100%;\n  white-space: pre-wrap;\n  a,\n  a:hover {\n    text-decoration: none;\n  }\n  .sleeve {\n    padding: $spacer-4;\n    height: 100%;\n    box-sizing: border-box;\n    transition: all 1s ease-in-out;\n  }\n  &.add-animation-true:hover .sleeve {\n    margin: -30px;\n    padding: 60px;\n    height: calc(100% + 60px);\n  }\n  &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n    .sleeve {\n      @include corner-clip-medium-top-right();\n    }\n  }\n  &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n    .sleeve {\n      @include corner-clip-medium-bottom-left();\n    }\n  }\n  &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n    .sleeve {\n      @include corner-clip-medium-bottom-left-top-right();\n    }\n  }\n\n  .icon {\n    svg {\n      width: 50px;\n      height: auto;\n    }\n  }\n  .title {\n    // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n    @include heading-3();\n    margin-bottom: $spacer-3;\n  }\n  .subtitle {\n    margin-bottom: $spacer-3;\n  }\n  .main-image-container {\n    margin-bottom: 15px;\n    img {\n      width: 100%;\n      height: auto;\n    }\n  }\n  .button-wrap {\n    text-align: center;\n    &.align-left {\n      text-align: left;\n    }\n    &.align-right {\n      text-align: right;\n    }\n  }\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-basic-card',\n  styleUrl: 'biggive-basic-card.scss',\n  shadow: true,\n})\nexport class BiggiveBasicCard {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() backgroundColour: brandColour = 'primary';\n\n  @Prop() backgroundImageUrl: string = '';\n\n  @Prop() cardColour: brandColour = 'white';\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() mainImageUrl: string;\n\n  @Prop() mainImageAltText: string;\n\n  @Prop() mainTitle: string;\n\n  @Prop() subtitle: string;\n\n  @Prop() teaser: string;\n\n  @Prop() icon: boolean = true;\n\n  @Prop() iconColour: brandColour = 'primary';\n\n  @Prop() buttonAlign: string = 'center';\n\n  @Prop() buttonStyle: string = 'standard';\n\n  @Prop() buttonLabel: string;\n\n  @Prop() buttonUrl: string;\n\n  @Prop() buttonColourScheme: string = 'clear-primary';\n\n  @Prop() clipBottomLeftCorner: boolean = true;\n\n  @Prop() clipTopRightCorner: boolean = true;\n\n  @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n  @Prop() addAnimation: boolean = false;\n\n  render() {\n    const HeadingTag = `h${this.headingLevel}`;\n\n    return (\n      <div\n        class={\n          'container space-below-' +\n          this.spaceBelow +\n          ' background-colour-' +\n          this.backgroundColour +\n          ' clip-bottom-left-corner-' +\n          this.clipBottomLeftCorner +\n          ' clip-top-right-corner-' +\n          this.clipTopRightCorner +\n          ' add-animation-' +\n          this.addAnimation\n        }\n        style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n      >\n        <a href={this.buttonUrl}>\n          <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n            <div class=\"content-wrap\">\n              {this.icon == true ? (\n                <div class=\"icon\">\n                  <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n                    <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n                  </svg>\n                </div>\n              ) : null}\n              {this.mainImageUrl != '' ? (\n                <div class=\"main-image-container\">\n                  <div class=\"image-wrap\">\n                    <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n                  </div>\n                </div>\n              ) : null}\n              <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n              <div class=\"subtitle\">{this.subtitle}</div>\n              <div class=\"teaser\">{this.teaser}</div>\n              {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n                <div class={'button-wrap align-' + this.buttonAlign}>\n                  <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </a>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAsB,8gNAC5B,MAAAC,EAAeD,E,MCQFE,EAAgB,MAL7B,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,iBAAgC,UAEhCF,KAAAG,mBAA6B,GAE7BH,KAAAI,WAA0B,QAE1BJ,KAAAK,WAA0B,QAY1BL,KAAAM,KAAgB,KAEhBN,KAAAO,WAA0B,UAE1BP,KAAAQ,YAAsB,SAEtBR,KAAAS,YAAsB,WAMtBT,KAAAU,mBAA6B,gBAE7BV,KAAAW,qBAAgC,KAEhCX,KAAAY,mBAA8B,KAE9BZ,KAAAa,aAAsC,EAEtCb,KAAAc,aAAwB,K,CAEhC,MAAAC,GACE,MAAMC,EAAa,IAAIhB,KAAKa,eAE5B,OACEI,EAAA,OAAAC,IAAA,2CACEC,MACE,yBACAnB,KAAKC,WACL,sBACAD,KAAKE,iBACL,4BACAF,KAAKW,qBACL,0BACAX,KAAKY,mBACL,kBACAZ,KAAKc,aAEPM,MAAO,CAAE,mBAAoB,QAAUpB,KAAKG,mBAAqB,OAEjEc,EAAA,KAAAC,IAAA,2CAAGG,KAAMrB,KAAKsB,WACZL,EAAA,OAAAC,IAAA,2CAAKC,MAAO,4BAA8BnB,KAAKI,WAAa,gBAAkBJ,KAAKK,YACjFY,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACRnB,KAAKM,MAAQ,KACZW,EAAA,OAAKE,MAAM,QACTF,EAAA,OAAKM,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEV,EAAA,QAAMW,EAAE,4DAA4DT,MAAM,eAC1EF,EAAA,QAAMW,EAAE,gFAAgFT,MAAO,QAAUnB,KAAKO,eAGhH,KACHP,KAAK6B,cAAgB,GACpBZ,EAAA,OAAKE,MAAM,wBACTF,EAAA,OAAKE,MAAM,cACTF,EAAA,OAAKa,IAAK9B,KAAK6B,aAAcE,IAAK/B,KAAKgC,iBAAkBC,MAAOjC,KAAKgC,qBAGvE,KACJf,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,SAASnB,KAAKkC,WAChCjB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,YAAYnB,KAAKmC,UAC5BlB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,UAAUnB,KAAKoC,QACzBpC,KAAKqC,aAAe,MAAQrC,KAAKsB,WAAa,MAAQtB,KAAKsB,WAAa,GACvEL,EAAA,OAAKE,MAAO,qBAAuBnB,KAAKQ,aACtCS,EAAA,kCAA+BjB,KAAKU,mBAAoB4B,IAAKtC,KAAKsB,UAAWiB,MAAOvC,KAAKqC,eAEzF,Q","ignoreList":[]}
+{"version":3,"names":["biggiveBasicCardCss","BiggiveBasicCardStyle0","BiggiveBasicCard","constructor","hostRef","this","spaceBelow","backgroundColour","backgroundImageUrl","cardColour","textColour","icon","iconColour","buttonAlign","buttonStyle","buttonColourScheme","clipBottomLeftCorner","clipTopRightCorner","headingLevel","addAnimation","render","HeadingTag","h","key","class","style","href","buttonUrl","width","height","viewBox","fill","xmlns","d","mainImageUrl","src","alt","mainImageAltText","title","mainTitle","subtitle","teaser","buttonLabel","url","label"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  position: relative;\n  text-align: center;\n  background-size: cover;\n  background-position: center center;\n  padding: $spacer-4;\n  height: 100%;\n  white-space: pre-wrap;\n  a,\n  a:hover {\n    text-decoration: none;\n  }\n  .sleeve {\n    padding: $spacer-4;\n    height: 100%;\n    box-sizing: border-box;\n    transition: all 1s ease-in-out;\n  }\n  &.add-animation-true:hover .sleeve {\n    margin: -30px;\n    padding: 60px;\n    height: calc(100% + 60px);\n  }\n  &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n    .sleeve {\n      @include corner-clip-medium-top-right();\n    }\n  }\n  &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n    .sleeve {\n      @include corner-clip-medium-bottom-left();\n    }\n  }\n  &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n    .sleeve {\n      @include corner-clip-medium-bottom-left-top-right();\n    }\n  }\n\n  .icon {\n    svg {\n      width: 50px;\n      height: auto;\n    }\n  }\n  .title {\n    // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n    @include heading-3();\n    margin-bottom: $spacer-3;\n  }\n  .subtitle {\n    margin-bottom: $spacer-3;\n  }\n  .main-image-container {\n    margin-bottom: 15px;\n    img {\n      width: 100%;\n      height: auto;\n    }\n  }\n  .button-wrap {\n    text-align: center;\n    &.align-left {\n      text-align: left;\n    }\n    &.align-right {\n      text-align: right;\n    }\n  }\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-basic-card',\n  styleUrl: 'biggive-basic-card.scss',\n  shadow: true,\n})\nexport class BiggiveBasicCard {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() backgroundColour: brandColour = 'primary';\n\n  @Prop() backgroundImageUrl: string = '';\n\n  @Prop() cardColour: brandColour = 'white';\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() mainImageUrl: string;\n\n  @Prop() mainImageAltText: string;\n\n  @Prop() mainTitle: string;\n\n  @Prop() subtitle: string;\n\n  @Prop() teaser: string;\n\n  @Prop() icon: boolean = true;\n\n  @Prop() iconColour: brandColour = 'primary';\n\n  @Prop() buttonAlign: string = 'center';\n\n  @Prop() buttonStyle: string = 'standard';\n\n  @Prop() buttonLabel: string;\n\n  @Prop() buttonUrl: string;\n\n  @Prop() buttonColourScheme: string = 'clear-primary';\n\n  @Prop() clipBottomLeftCorner: boolean = true;\n\n  @Prop() clipTopRightCorner: boolean = true;\n\n  @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n  @Prop() addAnimation: boolean = false;\n\n  render() {\n    const HeadingTag = `h${this.headingLevel}`;\n\n    return (\n      <div\n        class={\n          'container space-below-' +\n          this.spaceBelow +\n          ' background-colour-' +\n          this.backgroundColour +\n          ' clip-bottom-left-corner-' +\n          this.clipBottomLeftCorner +\n          ' clip-top-right-corner-' +\n          this.clipTopRightCorner +\n          ' add-animation-' +\n          this.addAnimation\n        }\n        style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n      >\n        <a href={this.buttonUrl}>\n          <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n            <div class=\"content-wrap\">\n              {this.icon == true ? (\n                <div class=\"icon\">\n                  <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n                    <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n                  </svg>\n                </div>\n              ) : null}\n              {this.mainImageUrl != '' ? (\n                <div class=\"main-image-container\">\n                  <div class=\"image-wrap\">\n                    <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n                  </div>\n                </div>\n              ) : null}\n              <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n              <div class=\"subtitle\">{this.subtitle}</div>\n              <div class=\"teaser\">{this.teaser}</div>\n              {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n                <div class={'button-wrap align-' + this.buttonAlign}>\n                  <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </a>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAsB,0vNAC5B,MAAAC,EAAeD,E,MCQFE,EAAgB,MAL7B,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,iBAAgC,UAEhCF,KAAAG,mBAA6B,GAE7BH,KAAAI,WAA0B,QAE1BJ,KAAAK,WAA0B,QAY1BL,KAAAM,KAAgB,KAEhBN,KAAAO,WAA0B,UAE1BP,KAAAQ,YAAsB,SAEtBR,KAAAS,YAAsB,WAMtBT,KAAAU,mBAA6B,gBAE7BV,KAAAW,qBAAgC,KAEhCX,KAAAY,mBAA8B,KAE9BZ,KAAAa,aAAsC,EAEtCb,KAAAc,aAAwB,K,CAEhC,MAAAC,GACE,MAAMC,EAAa,IAAIhB,KAAKa,eAE5B,OACEI,EAAA,OAAAC,IAAA,2CACEC,MACE,yBACAnB,KAAKC,WACL,sBACAD,KAAKE,iBACL,4BACAF,KAAKW,qBACL,0BACAX,KAAKY,mBACL,kBACAZ,KAAKc,aAEPM,MAAO,CAAE,mBAAoB,QAAUpB,KAAKG,mBAAqB,OAEjEc,EAAA,KAAAC,IAAA,2CAAGG,KAAMrB,KAAKsB,WACZL,EAAA,OAAAC,IAAA,2CAAKC,MAAO,4BAA8BnB,KAAKI,WAAa,gBAAkBJ,KAAKK,YACjFY,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACRnB,KAAKM,MAAQ,KACZW,EAAA,OAAKE,MAAM,QACTF,EAAA,OAAKM,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEV,EAAA,QAAMW,EAAE,4DAA4DT,MAAM,eAC1EF,EAAA,QAAMW,EAAE,gFAAgFT,MAAO,QAAUnB,KAAKO,eAGhH,KACHP,KAAK6B,cAAgB,GACpBZ,EAAA,OAAKE,MAAM,wBACTF,EAAA,OAAKE,MAAM,cACTF,EAAA,OAAKa,IAAK9B,KAAK6B,aAAcE,IAAK/B,KAAKgC,iBAAkBC,MAAOjC,KAAKgC,qBAGvE,KACJf,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,SAASnB,KAAKkC,WAChCjB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,YAAYnB,KAAKmC,UAC5BlB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,UAAUnB,KAAKoC,QACzBpC,KAAKqC,aAAe,MAAQrC,KAAKsB,WAAa,MAAQtB,KAAKsB,WAAa,GACvEL,EAAA,OAAKE,MAAO,qBAAuBnB,KAAKQ,aACtCS,EAAA,kCAA+BjB,KAAKU,mBAAoB4B,IAAKtC,KAAKsB,UAAWiB,MAAOvC,KAAKqC,eAEzF,Q","ignoreList":[]}

package/dist/biggive/p-cd72ee46.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as r}from"./p-22982c55.js";const e='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}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.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}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;position:relative;background-size:cover;background-position:center center;padding:15px;height:100%;white-space:pre-wrap}.container .sleeve{padding:45px 15px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}';const c=e;const l=class{constructor(r){o(this,r);this.spaceBelow=0;this.backgroundColour="primary";this.backgroundImageUrl="";this.cardColour="white";this.textColour="black";this.clipBottomLeftCorner=true;this.clipTopRightCorner=true;this.headingLevel=3}render(){return r("div",{key:"924eae2dea76e245b62055d97124c46ac33f9a49",class:"container space-below-"+this.spaceBelow+" background-colour-"+this.backgroundColour,style:{"background-image":"url('"+this.backgroundImageUrl+"')"}},r("div",{key:"4665ba1b41809c3cda8b79ff258b620bd7f4f1e1",class:"sleeve background-colour-"+this.cardColour+" text-colour-"+this.textColour},r("slot",{key:"c61aa1777400b860f1cf084f093df6bdf22633e4"})))}};l.style=c;export{l as biggive_container_card};
+//# sourceMappingURL=p-cd72ee46.entry.js.map

package/dist/biggive/{p-1668ace9.entry.js.map → p-cd72ee46.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["biggiveContainerCardCss","BiggiveContainerCardStyle0","BiggiveContainerCard","constructor","hostRef","this","spaceBelow","backgroundColour","backgroundImageUrl","cardColour","textColour","clipBottomLeftCorner","clipTopRightCorner","headingLevel","render","h","key","class","style"],"sources":["src/components/biggive-container-card/biggive-container-card.scss?tag=biggive-container-card&encapsulation=shadow","src/components/biggive-container-card/biggive-container-card.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  position: relative;\n  background-size: cover;\n  background-position: center center;\n  padding: $spacer-3;\n  height: 100%;\n  white-space: pre-wrap;\n  .sleeve {\n    padding: $spacer-5 $spacer-3;\n    height: 100%;\n    box-sizing: border-box;\n    transition: all 1s ease-in-out;\n  }\n  &.add-animation-true:hover .sleeve {\n    margin: -30px;\n    padding: 60px;\n    height: calc(100% + 60px);\n  }\n    .sleeve {\n      @include corner-clip-medium-bottom-left();\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { spacingOption } from '../../globals/spacing-option';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n  tag: 'biggive-container-card',\n  styleUrl: 'biggive-container-card.scss',\n  shadow: true,\n})\nexport class BiggiveContainerCard {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() backgroundColour: brandColour = 'primary';\n\n  @Prop() backgroundImageUrl: string = '';\n\n  @Prop() cardColour: brandColour = 'white';\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() clipBottomLeftCorner: boolean = true;\n\n  @Prop() clipTopRightCorner: boolean = true;\n\n  @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n  render() {\n    return (\n      <div\n        class={'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour}\n        style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n      >\n        <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n          <slot></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAA0B,inLAChC,MAAAC,EAAeD,E,MCQFE,EAAoB,MALjC,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,iBAAgC,UAEhCF,KAAAG,mBAA6B,GAE7BH,KAAAI,WAA0B,QAE1BJ,KAAAK,WAA0B,QAE1BL,KAAAM,qBAAgC,KAEhCN,KAAAO,mBAA8B,KAE9BP,KAAAQ,aAAsC,C,CAE9C,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,yBAA2BZ,KAAKC,WAAa,sBAAwBD,KAAKE,iBACjFW,MAAO,CAAE,mBAAoB,QAAUb,KAAKG,mBAAqB,OAEjEO,EAAA,OAAAC,IAAA,2CAAKC,MAAO,4BAA8BZ,KAAKI,WAAa,gBAAkBJ,KAAKK,YACjFK,EAAA,QAAAC,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["biggiveContainerCardCss","BiggiveContainerCardStyle0","BiggiveContainerCard","constructor","hostRef","this","spaceBelow","backgroundColour","backgroundImageUrl","cardColour","textColour","clipBottomLeftCorner","clipTopRightCorner","headingLevel","render","h","key","class","style"],"sources":["src/components/biggive-container-card/biggive-container-card.scss?tag=biggive-container-card&encapsulation=shadow","src/components/biggive-container-card/biggive-container-card.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  position: relative;\n  background-size: cover;\n  background-position: center center;\n  padding: $spacer-3;\n  height: 100%;\n  white-space: pre-wrap;\n  .sleeve {\n    padding: $spacer-5 $spacer-3;\n    height: 100%;\n    box-sizing: border-box;\n    transition: all 1s ease-in-out;\n  }\n  &.add-animation-true:hover .sleeve {\n    margin: -30px;\n    padding: 60px;\n    height: calc(100% + 60px);\n  }\n    .sleeve {\n      @include corner-clip-medium-bottom-left();\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { spacingOption } from '../../globals/spacing-option';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n  tag: 'biggive-container-card',\n  styleUrl: 'biggive-container-card.scss',\n  shadow: true,\n})\nexport class BiggiveContainerCard {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() backgroundColour: brandColour = 'primary';\n\n  @Prop() backgroundImageUrl: string = '';\n\n  @Prop() cardColour: brandColour = 'white';\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() clipBottomLeftCorner: boolean = true;\n\n  @Prop() clipTopRightCorner: boolean = true;\n\n  @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n  render() {\n    return (\n      <div\n        class={'container space-below-' + this.spaceBelow + ' background-colour-' + this.backgroundColour}\n        style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n      >\n        <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n          <slot></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAA0B,61LAChC,MAAAC,EAAeD,E,MCQFE,EAAoB,MALjC,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,iBAAgC,UAEhCF,KAAAG,mBAA6B,GAE7BH,KAAAI,WAA0B,QAE1BJ,KAAAK,WAA0B,QAE1BL,KAAAM,qBAAgC,KAEhCN,KAAAO,mBAA8B,KAE9BP,KAAAQ,aAAsC,C,CAE9C,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,yBAA2BZ,KAAKC,WAAa,sBAAwBD,KAAKE,iBACjFW,MAAO,CAAE,mBAAoB,QAAUb,KAAKG,mBAAqB,OAEjEO,EAAA,OAAAC,IAAA,2CAAKC,MAAO,4BAA8BZ,KAAKI,WAAa,gBAAkBJ,KAAKK,YACjFK,EAAA,QAAAC,IAAA,8C","ignoreList":[]}

package/dist/biggive/{p-64677357.entry.js → p-d3f4fd20.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./p-22982c55.js";const i='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}li{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;list-style-type:none;padding:0;margin:0;display:inline-block}::slotted(*){display:none}';const n=i;const s=class{constructor(t){e(this,t)}render(){return t("li",{key:"e3397df27a329b834615305d2f0c290942735e3a",class:"icon-"+this.iconColour},t("a",{key:"6bcc1f29538da7418b26e4f74b22e55dd1fa5f59",href:this.url},this.label),t("slot",{key:"9728762db7497b42bce1222b837699c075b31b00"}))}};s.style=n;export{s as biggive_nav_item};
-//# sourceMappingURL=p-64677357.entry.js.map
+import{r as e,h as t}from"./p-22982c55.js";const i='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}li{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;list-style-type:none;padding:0;margin:0;display:inline-block}::slotted(*){display:none}';const n=i;const s=class{constructor(t){e(this,t)}render(){return t("li",{key:"090f304495cea3310a9e00e33b66a5beb70b0bbc",class:"icon-"+this.iconColour},t("a",{key:"7ed939de7267b6fd0c24cb7f34e1683594031cba",href:this.url},this.label),t("slot",{key:"f2cd30f28afe1bb4f63d30f658cb1866b9cee98a"}))}};s.style=n;export{s as biggive_nav_item};
+//# sourceMappingURL=p-d3f4fd20.entry.js.map

package/dist/biggive/p-dffdc840.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as r,g as a}from"./p-22982c55.js";const c='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}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-scw-magenta{fill:#EE2C65}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.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}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:650px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content{max-height:95vh;overflow:auto}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content p{margin-top:5px;margin-bottom:8px}biggive-popup div.content div.radio-group{margin-bottom:30px}';const t=c;const l=class{constructor(r){e(this,r);this.preferenceModalClosed=o(this,"preferenceModalClosed",7);this.cookieBannerAcceptAllSelected=o(this,"cookieBannerAcceptAllSelected",7);this.cookieBannerSavePreferencesSelected=o(this,"cookieBannerSavePreferencesSelected",7);this.autoOpenPreferences=false;this.previouslyAgreedCookiePreferences=undefined;this.handleChoosePrefencesClick=()=>{var e;const o=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.getElementById("cookie-preferences-popup");o.openFromOutside()};this.handleAcceptSelectedCookies=()=>{var e,o,r;const a=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.getElementById("cookie-preferences-popup");a.closeFromOutside();const c=(o=this.el.shadowRoot)===null||o===void 0?void 0:o.getElementById("a-and-t-on");const t=(r=this.el.shadowRoot)===null||r===void 0?void 0:r.getElementById("third-party-on");this.cookieBannerSavePreferencesSelected.emit({analyticsAndTesting:c.checked,thirdParty:t.checked});a.closeFromOutside()};this.handleRejectAllClicked=()=>{var e;this.cookieBannerSavePreferencesSelected.emit({analyticsAndTesting:false,thirdParty:false});const o=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.getElementById("cookie-preferences-popup");o.closeFromOutside()};this.handleAcceptAllClick=()=>{this.cookieBannerAcceptAllSelected.emit()}}componentDidLoad(){this.autoOpenPreferencesIfRequested()}autoOpenPreferencesIfRequested(){if(this.autoOpenPreferences){this.handleChoosePrefencesClick()}}render(){const e=this.previouslyAgreedCookiePreferences||{};return r("div",{key:"9784b16fc6cd006a733b5be07a8186370c5ff792",class:"cooke-consent-container"},r("biggive-popup",{key:"d95bb0102f66aed28b38b928dda5f5d7aed52015",id:"cookie-preferences-popup",modalClosedCallback:this.preferenceModalClosed.emit},r("div",{key:"152c896e04e8a2fa04beec6b9ff98a75b4b669ee",class:"content"},r("h4",{key:"0948cb48cffea9edfbab1f16500dfa77571b4916",class:"space-above-0 space-below-3 text-colour-primary"},"Manage your cookie preferences"),r("form",{key:"49d6ce7febba14d0e85a5fbd38797f934d2d21e0"},r("div",{key:"ee87825504107c0d50a9f3b8d3e9736e0a7b1cc2",class:"radio-group"},r("h5",{key:"3a1cac95a6a2b3678372589d9af5c8601e8ebcf7"},"Essential Cookies"),r("p",{key:"1377c090cad010486429bc93d46ca7ff2566d569"},"These cookies are necessary to ensure our website functions correctly and include required cookies from third parties."),r("input",{key:"82be9341d46c0900f079f9ae8f3f71270624e08b",type:"radio",name:"necassary",id:"necassary-off",disabled:true}),r("label",{key:"16777e2433d4f37dff80fe55e4013155be7788ee",htmlFor:"necassary-on"},"Off"),r("input",{key:"1d6f376e5ae2ff18208bd7d7ff1ca1536b4c9339",type:"radio",name:"necassary",id:"necassary-on",disabled:true,checked:true}),r("label",{key:"dfdce2f35a6c041267ed8b21811e6b7a648eb39c",htmlFor:"necassary-on"},"On")),r("div",{key:"e7884526b5851f11cbb43b488588e3b523c99471",class:"radio-group"},r("h5",{key:"2a3bcec397fd731e387356015a24a667bd838c06"},"Analytics & Testing Cookies"),r("p",{key:"336be4d15931f7749bbd965ca8a2fa84eaa5c482"},"We use analytics cookies to track activity on our website. For example, the pages you’ve visited, the content you’ve engaged with and the search terms you’ve used. This allows us to personalise and improve our content."),r("p",{key:"7b0d3aa9e3b9e48929e7d1c2bfc8cb4c3609c474"},"We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance your user experience."),r("input",{key:"616cd2b1198d594f59066569172b4c028b6eeafd",type:"radio",name:"a-and-t",id:"a-and-t-off",checked:!e.analyticsAndTesting}),r("label",{key:"f795987604b0f72c7d23ce421fc01a41aaa001d4",htmlFor:"a-and-t-off"},"Off"),r("input",{key:"e3d24289c254f98b361faf58997ea9cb972aa4c2",type:"radio",name:"a-and-t",id:"a-and-t-on",checked:!!e.analyticsAndTesting}),r("label",{key:"1ab7a71a5b32e4696d9b930889dd721bb9d99863",htmlFor:"a-and-t-on"},"On")),r("div",{key:"3c37a45d331d9cf94251f1b952370a26f3bfcbc4",class:"radio-group"},r("h5",{key:"4c0d2c5c8e9fc955732c2d1f5e35fb0548bf8f8c"},"Third-party Cookies "),r("p",{key:"d3625bcec9afabfbd3ad3827cd64112cee4cd6cb"},"These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our donation experience survey."),r("input",{key:"c7e11c30079a05606120788709dd8b6eb57d4bf3",type:"radio",name:"third-party",id:"third-party-off",checked:!e.thirdParty}),r("label",{key:"24e2a31c5928e506706b02c57dfa89df9d95a311",htmlFor:"third-party-off"},"Off"),r("input",{key:"776af14bc2e2877c1cc03d340e099708e1672fbf",type:"radio",name:"third-party",id:"third-party-on",checked:!!e.thirdParty}),r("label",{key:"d2c2b99591a1db38590db7220450a33a816da5df",htmlFor:"third-party-on"},"On")),r("biggive-button",{key:"890b4e83fff50914f9158d496d9c3445a714eb0f","space-below":"0","space-above":"2","colour-scheme":"secondary","is-past-campaign":"false","is-future-campaign":"false",label:"Accept Selected Cookies","open-in-new-tab":"false","full-width":"false",size:"small",rounded:false,centered:false,"button-id":"accept-selected-button",onClick:this.handleAcceptSelectedCookies})),r("p",{key:"7f0972f7d9c3f6957fffd11c8c85f5e4da50e8e4"},"You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page."))),r("h2",{key:"f821cbf0a9622dc5ab423296a75532b44d3f1b0e"},"Our website uses cookies"),r("p",{key:"a9890820b2f7558c0258c898dce3bb93b6092754"},"We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the website and make improvements."),r("p",{key:"e2bb8230bcf4ddef201dd3c202f401265baba7b6"},r("a",{key:"84497e6512ff828a5dfccfc933439eae93cda7db",href:this.blogUriPrefix+"/privacy#cookies",target:"_blank"},"Find out more in our Cookies Statement")),r("div",{key:"6f119b90ba4657fd5c5dfc0ede5e84e94b88ff20",class:"button-group"},r("biggive-button",{key:"59caeec146f2eccdd32eccb7e5b1ba082e46ce8e",onClick:this.handleAcceptAllClick,"space-below":"0","colour-scheme":"secondary","is-past-campaign":"false","is-future-campaign":"false",label:"Accept All","open-in-new-tab":"false","full-width":"true",size:"medium",rounded:false,centered:false,"button-id":"accept-all-button"}),r("biggive-button",{key:"290a72efc921fba08e363a1745d96470b7afce9c",onClick:this.handleRejectAllClicked,"space-below":"0","colour-scheme":"grey-light","is-past-campaign":"false","is-future-campaign":"false",label:"Essential Cookies Only","open-in-new-tab":"false","full-width":"true",size:"medium",rounded:false,centered:false,"button-id":"choose-preferences-button"}),r("biggive-button",{key:"00a5e3adc85c814683ad590008c590d142e592b1",onClick:this.handleChoosePrefencesClick,"space-below":"0","colour-scheme":"grey-light","is-past-campaign":"false","is-future-campaign":"false",label:"Choose Preferences","open-in-new-tab":"false","full-width":"true",size:"medium",rounded:false,centered:false,"button-id":"choose-preferences-button"})))}get el(){return a(this)}static get watchers(){return{autoOpenPreferences:["autoOpenPreferencesIfRequested"]}}};l.style=t;export{l as biggive_cookie_banner};
+//# sourceMappingURL=p-dffdc840.entry.js.map

package/dist/biggive/{p-7c0358ab.entry.js.map → p-dffdc840.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["biggiveCookieBannerCss","BiggiveCookieBannerStyle0","BiggiveCookieBanner","constructor","hostRef","this","autoOpenPreferences","previouslyAgreedCookiePreferences","undefined","handleChoosePrefencesClick","elementById","_a","el","shadowRoot","getElementById","openFromOutside","handleAcceptSelectedCookies","closeFromOutside","analyticsAndTestingRadio","_b","thirdPartyRadio","_c","cookieBannerSavePreferencesSelected","emit","analyticsAndTesting","checked","thirdParty","handleRejectAllClicked","handleAcceptAllClick","cookieBannerAcceptAllSelected","componentDidLoad","autoOpenPreferencesIfRequested","render","cookiesCurrentlyAllowed","h","key","class","id","modalClosedCallback","preferenceModalClosed","type","name","disabled","htmlFor","label","size","rounded","centered","onClick","href","blogUriPrefix","target"],"sources":["src/components/biggive-cookie-banner/biggive-cookie-banner.scss?tag=biggive-cookie-banner&encapsulation=shadow","src/components/biggive-cookie-banner/biggive-cookie-banner.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\nh2:first-child {\n  // padding of the container is enough, a top margin would make the banner unsymmetrical.\n  margin-top: 0;\n}\n\ndiv.cooke-consent-container {\n  @include standard-font();\n  @include font-size-small();\n  border-radius: 10px;\n  background: white;\n  border: 1px solid black;\n  max-width: 650px;\n  padding: 1em;\n}\n\ndiv.button-group {\n  margin-top: 1em;\n  display: flex;\n  justify-content: space-evenly;\n  width: 100%;\n  flex-direction: column;\n  gap: 1em;\n\n  @media screen and (min-width: $screen-mobile-medium) {\n    flex-direction: row-reverse;\n  }\n}\n\nbiggive-popup {\n  @include font-size-medium();\n  div.content {\n    max-height: 95vh;\n    overflow: auto;\n    h5 {\n      border-bottom: 2px solid black;\n      max-width: 25em;\n      margin-bottom: 5px;\n    }\n\n    p {\n      margin-top: 5px;\n      margin-bottom: 8px;\n    }\n\n    div.radio-group {\n      margin-bottom: 30px;\n    }\n  }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-cookie-banner',\n  styleUrl: 'biggive-cookie-banner.scss',\n  shadow: true,\n})\nexport class BiggiveCookieBanner {\n  /**\n   * If true the Preferences modal will be auto-opened - for use when the user has requested to edit their cookie\n   * preferences\n   */\n  @Prop() autoOpenPreferences: boolean = false;\n  @Prop() blogUriPrefix!: string;\n\n  /**\n   * This type is similar to CookiePreferences from donate-frontend/src/app/cookiePreference.service.ts\n   * but afaik there isn't a nice way to share a type.\n   *\n   * When updating please also update the copy in the type of cookieBannerSavePreferencesSelected - using a named type\n   * there caused build problems.\n   *\n   * When updating please also update the type of cookieBannerSavePreferencesSelected - I didn't find a way\n   * to avoid the duplication.\n   */\n  @Prop() previouslyAgreedCookiePreferences:\n    | {\n        analyticsAndTesting: boolean;\n        thirdParty: boolean;\n      }\n    | undefined = undefined;\n  @Element() el: HTMLBiggiveCookieBannerElement;\n\n  @Event({\n    eventName: 'preferenceModalClosed',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  preferenceModalClosed: EventEmitter<void>;\n\n  /**\n   * Indicates that the user accepts cookies for any purpose, without discrimination.\n   */\n  @Event({\n    eventName: 'cookieBannerAcceptAllSelected',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  cookieBannerAcceptAllSelected: EventEmitter<void>;\n\n  /**\n   * Indicates that the user has made a selection of cookies purpose to accept.\n   *\n   * Event data is an object with boolean properties to say whether the user accepts or refuses each category of optional cookie.\n   *\n   * When updating this type please also update the type of previouslyAgreedCookiePreferences.\n   */\n  @Event({\n    eventName: 'cookieBannerSavePreferencesSelected',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  cookieBannerSavePreferencesSelected: EventEmitter<{\n    analyticsAndTesting: boolean;\n    thirdParty: boolean;\n  }>;\n\n  componentDidLoad() {\n    this.autoOpenPreferencesIfRequested();\n  }\n\n  @Watch('autoOpenPreferences')\n  private autoOpenPreferencesIfRequested() {\n    if (this.autoOpenPreferences) {\n      this.handleChoosePrefencesClick();\n    }\n  }\n\n  private handleChoosePrefencesClick = () => {\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n    elementById.openFromOutside();\n  };\n\n  private handleAcceptSelectedCookies = () => {\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n    elementById.closeFromOutside();\n\n    const analyticsAndTestingRadio = this.el.shadowRoot?.getElementById('a-and-t-on') as HTMLInputElement;\n    const thirdPartyRadio = this.el.shadowRoot?.getElementById('third-party-on') as HTMLInputElement;\n\n    this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });\n\n    elementById.closeFromOutside();\n  };\n\n  /**\n   * Emits the same event as if the user had gone into preferences and said no to every option.\n   */\n  private handleRejectAllClicked = () => {\n    this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: false, thirdParty: false });\n\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n    elementById.closeFromOutside();\n  };\n\n  private handleAcceptAllClick = () => {\n    // We just emit the event - it will be up to the application, e.g. wp or frontend to listen for the event, record the acceptence, and make\n    // and make this component disappear.\n\n    this.cookieBannerAcceptAllSelected.emit();\n  };\n\n  render() {\n    // Using Partial type to give more flexibility for updates - if the list of preferences available here grows\n    // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as\n    // declined.\n    const cookiesCurrentlyAllowed: Partial<typeof this.previouslyAgreedCookiePreferences> = this.previouslyAgreedCookiePreferences || {};\n\n    return (\n      <div class=\"cooke-consent-container\">\n        <biggive-popup id=\"cookie-preferences-popup\" modalClosedCallback={this.preferenceModalClosed.emit}>\n          <div class=\"content\">\n            <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Manage your cookie preferences</h4>\n            <form>\n              <div class=\"radio-group\">\n                <h5>Essential Cookies</h5>\n                <p>These cookies are necessary to ensure our website functions correctly and include required cookies from third parties.</p>\n                <input type=\"radio\" name=\"necassary\" id=\"necassary-off\" disabled={true} />\n                <label htmlFor=\"necassary-on\">Off</label>\n\n                <input type=\"radio\" name=\"necassary\" id=\"necassary-on\" disabled={true} checked={true} />\n                <label htmlFor=\"necassary-on\">On</label>\n              </div>\n\n              <div class=\"radio-group\">\n                <h5>Analytics & Testing Cookies</h5>\n                <p>\n                  We use analytics cookies to track activity on our website. For example, the pages you’ve visited, the content you’ve engaged with and the search terms you’ve\n                  used. This allows us to personalise and improve our content.\n                </p>\n\n                <p>\n                  We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance\n                  your user experience.\n                </p>\n                <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-off\" checked={!cookiesCurrentlyAllowed.analyticsAndTesting} />\n                <label htmlFor=\"a-and-t-off\">Off</label>\n\n                <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-on\" checked={!!cookiesCurrentlyAllowed.analyticsAndTesting} />\n                <label htmlFor=\"a-and-t-on\">On</label>\n              </div>\n\n              <div class=\"radio-group\">\n                <h5>Third-party Cookies </h5>\n                <p>\n                  These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our\n                  donation experience survey.\n                </p>\n                <input type=\"radio\" name=\"third-party\" id=\"third-party-off\" checked={!cookiesCurrentlyAllowed.thirdParty} />\n                <label htmlFor=\"third-party-off\">Off</label>\n\n                <input type=\"radio\" name=\"third-party\" id=\"third-party-on\" checked={!!cookiesCurrentlyAllowed.thirdParty} />\n                <label htmlFor=\"third-party-on\">On</label>\n              </div>\n\n              <biggive-button\n                space-below=\"0\"\n                space-above=\"2\"\n                colour-scheme=\"secondary\"\n                is-past-campaign=\"false\"\n                is-future-campaign=\"false\"\n                label=\"Accept Selected Cookies\"\n                open-in-new-tab=\"false\"\n                full-width=\"false\"\n                size=\"small\"\n                rounded={false}\n                centered={false}\n                button-id=\"accept-selected-button\"\n                onClick={this.handleAcceptSelectedCookies}\n              ></biggive-button>\n            </form>\n\n            <p>You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page.</p>\n          </div>\n        </biggive-popup>\n\n        <h2>Our website uses cookies</h2>\n\n        <p>\n          We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the\n          website and make improvements.\n        </p>\n\n        <p>\n          <a href={this.blogUriPrefix + '/privacy#cookies'} target=\"_blank\">\n            Find out more in our Cookies Statement\n          </a>\n        </p>\n\n        <div class=\"button-group\">\n          <biggive-button\n            onClick={this.handleAcceptAllClick}\n            space-below=\"0\"\n            colour-scheme=\"secondary\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Accept All\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"accept-all-button\"\n          ></biggive-button>\n\n          <biggive-button\n            onClick={this.handleRejectAllClicked}\n            space-below=\"0\"\n            colour-scheme=\"grey-light\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Essential Cookies Only\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"choose-preferences-button\"\n          ></biggive-button>\n\n          <biggive-button\n            onClick={this.handleChoosePrefencesClick}\n            space-below=\"0\"\n            colour-scheme=\"grey-light\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Choose Preferences\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"choose-preferences-button\"\n          ></biggive-button>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,g2LAC/B,MAAAC,EAAeD,E,MCMFE,EAAmB,MALhC,WAAAC,CAAAC,G,6OAUUC,KAAAC,oBAA+B,MAa/BD,KAAAE,kCAKQC,UAmDRH,KAAAI,2BAA6B,K,MACnC,MAAMC,GAAcC,EAAAN,KAAKO,GAAGC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,eAAe,4BACvDJ,EAAYK,iBAAiB,EAGvBV,KAAAW,4BAA8B,K,UACpC,MAAMN,GAAcC,EAAAN,KAAKO,GAAGC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,eAAe,4BACvDJ,EAAYO,mBAEZ,MAAMC,GAA2BC,EAAAd,KAAKO,GAAGC,cAAU,MAAAM,SAAA,SAAAA,EAAEL,eAAe,cACpE,MAAMM,GAAkBC,EAAAhB,KAAKO,GAAGC,cAAU,MAAAQ,SAAA,SAAAA,EAAEP,eAAe,kBAE3DT,KAAKiB,oCAAoCC,KAAK,CAAEC,oBAAqBN,EAAyBO,QAASC,WAAYN,EAAgBK,UAEnIf,EAAYO,kBAAkB,EAMxBZ,KAAAsB,uBAAyB,K,MAC/BtB,KAAKiB,oCAAoCC,KAAK,CAAEC,oBAAqB,MAAOE,WAAY,QAExF,MAAMhB,GAAcC,EAAAN,KAAKO,GAAGC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,eAAe,4BACvDJ,EAAYO,kBAAkB,EAGxBZ,KAAAuB,qBAAuB,KAI7BvB,KAAKwB,8BAA8BN,MAAM,C,CA1C3C,gBAAAO,GACEzB,KAAK0B,gC,CAIC,8BAAAA,GACN,GAAI1B,KAAKC,oBAAqB,CAC5BD,KAAKI,4B,EAsCT,MAAAuB,GAIE,MAAMC,EAAkF5B,KAAKE,mCAAqC,GAElI,OACE2B,EAAA,OAAAC,IAAA,2CAAKC,MAAM,2BACTF,EAAA,iBAAAC,IAAA,2CAAeE,GAAG,2BAA2BC,oBAAqBjC,KAAKkC,sBAAsBhB,MAC3FW,EAAA,OAAAC,IAAA,2CAAKC,MAAM,WACTF,EAAA,MAAAC,IAAA,2CAAIC,MAAM,mDAAiD,kCAC3DF,EAAA,QAAAC,IAAA,4CACED,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,MAAAC,IAAA,iEACAD,EAAA,KAAAC,IAAA,sKACAD,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,YAAYJ,GAAG,gBAAgBK,SAAU,OAClER,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,gBAAc,OAE7BT,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,YAAYJ,GAAG,eAAeK,SAAU,KAAMjB,QAAS,OAChFS,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,gBAAc,OAG/BT,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,MAAAC,IAAA,2EACAD,EAAA,KAAAC,IAAA,0QAKAD,EAAA,KAAAC,IAAA,qOAIAD,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,UAAUJ,GAAG,cAAcZ,SAAUQ,EAAwBT,sBACtFU,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,eAAa,OAE5BT,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,UAAUJ,GAAG,aAAaZ,UAAWQ,EAAwBT,sBACtFU,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,cAAY,OAG7BT,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,MAAAC,IAAA,oEACAD,EAAA,KAAAC,IAAA,2OAIAD,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,cAAcJ,GAAG,kBAAkBZ,SAAUQ,EAAwBP,aAC9FQ,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,mBAAiB,OAEhCT,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,cAAcJ,GAAG,iBAAiBZ,UAAWQ,EAAwBP,aAC9FQ,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,kBAAgB,OAGjCT,EAAA,kBAAAC,IAAA,yDACc,IAAG,cACH,IAAG,gBACD,YAAW,mBACR,QAAO,qBACL,QACnBS,MAAM,0BAAyB,kBACf,QAAO,aACZ,QACXC,KAAK,QACLC,QAAS,MACTC,SAAU,MAAK,YACL,yBACVC,QAAS3C,KAAKW,+BAIlBkB,EAAA,KAAAC,IAAA,iLAIJD,EAAA,MAAAC,IAAA,wEAEAD,EAAA,KAAAC,IAAA,uPAKAD,EAAA,KAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGc,KAAM5C,KAAK6C,cAAgB,mBAAoBC,OAAO,UAAQ,2CAKnEjB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACTF,EAAA,kBAAAC,IAAA,2CACEa,QAAS3C,KAAKuB,qBAAoB,cACtB,IAAG,gBACD,YAAW,mBACR,QAAO,qBACL,QACnBgB,MAAM,aAAY,kBACF,QAAO,aACZ,OACXC,KAAK,SACLC,QAAS,MACTC,SAAU,MAAK,YACL,sBAGZb,EAAA,kBAAAC,IAAA,2CACEa,QAAS3C,KAAKsB,uBAAsB,cACxB,IAAG,gBACD,aAAY,mBACT,QAAO,qBACL,QACnBiB,MAAM,yBAAwB,kBACd,QAAO,aACZ,OACXC,KAAK,SACLC,QAAS,MACTC,SAAU,MAAK,YACL,8BAGZb,EAAA,kBAAAC,IAAA,2CACEa,QAAS3C,KAAKI,2BAA0B,cAC5B,IAAG,gBACD,aAAY,mBACT,QAAO,qBACL,QACnBmC,MAAM,qBAAoB,kBACV,QAAO,aACZ,OACXC,KAAK,SACLC,QAAS,MACTC,SAAU,MAAK,YACL,+B","ignoreList":[]}
+{"version":3,"names":["biggiveCookieBannerCss","BiggiveCookieBannerStyle0","BiggiveCookieBanner","constructor","hostRef","this","autoOpenPreferences","previouslyAgreedCookiePreferences","undefined","handleChoosePrefencesClick","elementById","_a","el","shadowRoot","getElementById","openFromOutside","handleAcceptSelectedCookies","closeFromOutside","analyticsAndTestingRadio","_b","thirdPartyRadio","_c","cookieBannerSavePreferencesSelected","emit","analyticsAndTesting","checked","thirdParty","handleRejectAllClicked","handleAcceptAllClick","cookieBannerAcceptAllSelected","componentDidLoad","autoOpenPreferencesIfRequested","render","cookiesCurrentlyAllowed","h","key","class","id","modalClosedCallback","preferenceModalClosed","type","name","disabled","htmlFor","label","size","rounded","centered","onClick","href","blogUriPrefix","target"],"sources":["src/components/biggive-cookie-banner/biggive-cookie-banner.scss?tag=biggive-cookie-banner&encapsulation=shadow","src/components/biggive-cookie-banner/biggive-cookie-banner.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\nh2:first-child {\n  // padding of the container is enough, a top margin would make the banner unsymmetrical.\n  margin-top: 0;\n}\n\ndiv.cooke-consent-container {\n  @include standard-font();\n  @include font-size-small();\n  border-radius: 10px;\n  background: white;\n  border: 1px solid black;\n  max-width: 650px;\n  padding: 1em;\n}\n\ndiv.button-group {\n  margin-top: 1em;\n  display: flex;\n  justify-content: space-evenly;\n  width: 100%;\n  flex-direction: column;\n  gap: 1em;\n\n  @media screen and (min-width: $screen-mobile-medium) {\n    flex-direction: row-reverse;\n  }\n}\n\nbiggive-popup {\n  @include font-size-medium();\n  div.content {\n    max-height: 95vh;\n    overflow: auto;\n    h5 {\n      border-bottom: 2px solid black;\n      max-width: 25em;\n      margin-bottom: 5px;\n    }\n\n    p {\n      margin-top: 5px;\n      margin-bottom: 8px;\n    }\n\n    div.radio-group {\n      margin-bottom: 30px;\n    }\n  }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-cookie-banner',\n  styleUrl: 'biggive-cookie-banner.scss',\n  shadow: true,\n})\nexport class BiggiveCookieBanner {\n  /**\n   * If true the Preferences modal will be auto-opened - for use when the user has requested to edit their cookie\n   * preferences\n   */\n  @Prop() autoOpenPreferences: boolean = false;\n  @Prop() blogUriPrefix!: string;\n\n  /**\n   * This type is similar to CookiePreferences from donate-frontend/src/app/cookiePreference.service.ts\n   * but afaik there isn't a nice way to share a type.\n   *\n   * When updating please also update the copy in the type of cookieBannerSavePreferencesSelected - using a named type\n   * there caused build problems.\n   *\n   * When updating please also update the type of cookieBannerSavePreferencesSelected - I didn't find a way\n   * to avoid the duplication.\n   */\n  @Prop() previouslyAgreedCookiePreferences:\n    | {\n        analyticsAndTesting: boolean;\n        thirdParty: boolean;\n      }\n    | undefined = undefined;\n  @Element() el: HTMLBiggiveCookieBannerElement;\n\n  @Event({\n    eventName: 'preferenceModalClosed',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  preferenceModalClosed: EventEmitter<void>;\n\n  /**\n   * Indicates that the user accepts cookies for any purpose, without discrimination.\n   */\n  @Event({\n    eventName: 'cookieBannerAcceptAllSelected',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  cookieBannerAcceptAllSelected: EventEmitter<void>;\n\n  /**\n   * Indicates that the user has made a selection of cookies purpose to accept.\n   *\n   * Event data is an object with boolean properties to say whether the user accepts or refuses each category of optional cookie.\n   *\n   * When updating this type please also update the type of previouslyAgreedCookiePreferences.\n   */\n  @Event({\n    eventName: 'cookieBannerSavePreferencesSelected',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  cookieBannerSavePreferencesSelected: EventEmitter<{\n    analyticsAndTesting: boolean;\n    thirdParty: boolean;\n  }>;\n\n  componentDidLoad() {\n    this.autoOpenPreferencesIfRequested();\n  }\n\n  @Watch('autoOpenPreferences')\n  private autoOpenPreferencesIfRequested() {\n    if (this.autoOpenPreferences) {\n      this.handleChoosePrefencesClick();\n    }\n  }\n\n  private handleChoosePrefencesClick = () => {\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n    elementById.openFromOutside();\n  };\n\n  private handleAcceptSelectedCookies = () => {\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n    elementById.closeFromOutside();\n\n    const analyticsAndTestingRadio = this.el.shadowRoot?.getElementById('a-and-t-on') as HTMLInputElement;\n    const thirdPartyRadio = this.el.shadowRoot?.getElementById('third-party-on') as HTMLInputElement;\n\n    this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });\n\n    elementById.closeFromOutside();\n  };\n\n  /**\n   * Emits the same event as if the user had gone into preferences and said no to every option.\n   */\n  private handleRejectAllClicked = () => {\n    this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: false, thirdParty: false });\n\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n    elementById.closeFromOutside();\n  };\n\n  private handleAcceptAllClick = () => {\n    // We just emit the event - it will be up to the application, e.g. wp or frontend to listen for the event, record the acceptence, and make\n    // and make this component disappear.\n\n    this.cookieBannerAcceptAllSelected.emit();\n  };\n\n  render() {\n    // Using Partial type to give more flexibility for updates - if the list of preferences available here grows\n    // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as\n    // declined.\n    const cookiesCurrentlyAllowed: Partial<typeof this.previouslyAgreedCookiePreferences> = this.previouslyAgreedCookiePreferences || {};\n\n    return (\n      <div class=\"cooke-consent-container\">\n        <biggive-popup id=\"cookie-preferences-popup\" modalClosedCallback={this.preferenceModalClosed.emit}>\n          <div class=\"content\">\n            <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Manage your cookie preferences</h4>\n            <form>\n              <div class=\"radio-group\">\n                <h5>Essential Cookies</h5>\n                <p>These cookies are necessary to ensure our website functions correctly and include required cookies from third parties.</p>\n                <input type=\"radio\" name=\"necassary\" id=\"necassary-off\" disabled={true} />\n                <label htmlFor=\"necassary-on\">Off</label>\n\n                <input type=\"radio\" name=\"necassary\" id=\"necassary-on\" disabled={true} checked={true} />\n                <label htmlFor=\"necassary-on\">On</label>\n              </div>\n\n              <div class=\"radio-group\">\n                <h5>Analytics & Testing Cookies</h5>\n                <p>\n                  We use analytics cookies to track activity on our website. For example, the pages you’ve visited, the content you’ve engaged with and the search terms you’ve\n                  used. This allows us to personalise and improve our content.\n                </p>\n\n                <p>\n                  We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance\n                  your user experience.\n                </p>\n                <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-off\" checked={!cookiesCurrentlyAllowed.analyticsAndTesting} />\n                <label htmlFor=\"a-and-t-off\">Off</label>\n\n                <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-on\" checked={!!cookiesCurrentlyAllowed.analyticsAndTesting} />\n                <label htmlFor=\"a-and-t-on\">On</label>\n              </div>\n\n              <div class=\"radio-group\">\n                <h5>Third-party Cookies </h5>\n                <p>\n                  These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our\n                  donation experience survey.\n                </p>\n                <input type=\"radio\" name=\"third-party\" id=\"third-party-off\" checked={!cookiesCurrentlyAllowed.thirdParty} />\n                <label htmlFor=\"third-party-off\">Off</label>\n\n                <input type=\"radio\" name=\"third-party\" id=\"third-party-on\" checked={!!cookiesCurrentlyAllowed.thirdParty} />\n                <label htmlFor=\"third-party-on\">On</label>\n              </div>\n\n              <biggive-button\n                space-below=\"0\"\n                space-above=\"2\"\n                colour-scheme=\"secondary\"\n                is-past-campaign=\"false\"\n                is-future-campaign=\"false\"\n                label=\"Accept Selected Cookies\"\n                open-in-new-tab=\"false\"\n                full-width=\"false\"\n                size=\"small\"\n                rounded={false}\n                centered={false}\n                button-id=\"accept-selected-button\"\n                onClick={this.handleAcceptSelectedCookies}\n              ></biggive-button>\n            </form>\n\n            <p>You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page.</p>\n          </div>\n        </biggive-popup>\n\n        <h2>Our website uses cookies</h2>\n\n        <p>\n          We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the\n          website and make improvements.\n        </p>\n\n        <p>\n          <a href={this.blogUriPrefix + '/privacy#cookies'} target=\"_blank\">\n            Find out more in our Cookies Statement\n          </a>\n        </p>\n\n        <div class=\"button-group\">\n          <biggive-button\n            onClick={this.handleAcceptAllClick}\n            space-below=\"0\"\n            colour-scheme=\"secondary\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Accept All\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"accept-all-button\"\n          ></biggive-button>\n\n          <biggive-button\n            onClick={this.handleRejectAllClicked}\n            space-below=\"0\"\n            colour-scheme=\"grey-light\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Essential Cookies Only\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"choose-preferences-button\"\n          ></biggive-button>\n\n          <biggive-button\n            onClick={this.handleChoosePrefencesClick}\n            space-below=\"0\"\n            colour-scheme=\"grey-light\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Choose Preferences\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"choose-preferences-button\"\n          ></biggive-button>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,4kMAC/B,MAAAC,EAAeD,E,MCMFE,EAAmB,MALhC,WAAAC,CAAAC,G,6OAUUC,KAAAC,oBAA+B,MAa/BD,KAAAE,kCAKQC,UAmDRH,KAAAI,2BAA6B,K,MACnC,MAAMC,GAAcC,EAAAN,KAAKO,GAAGC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,eAAe,4BACvDJ,EAAYK,iBAAiB,EAGvBV,KAAAW,4BAA8B,K,UACpC,MAAMN,GAAcC,EAAAN,KAAKO,GAAGC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,eAAe,4BACvDJ,EAAYO,mBAEZ,MAAMC,GAA2BC,EAAAd,KAAKO,GAAGC,cAAU,MAAAM,SAAA,SAAAA,EAAEL,eAAe,cACpE,MAAMM,GAAkBC,EAAAhB,KAAKO,GAAGC,cAAU,MAAAQ,SAAA,SAAAA,EAAEP,eAAe,kBAE3DT,KAAKiB,oCAAoCC,KAAK,CAAEC,oBAAqBN,EAAyBO,QAASC,WAAYN,EAAgBK,UAEnIf,EAAYO,kBAAkB,EAMxBZ,KAAAsB,uBAAyB,K,MAC/BtB,KAAKiB,oCAAoCC,KAAK,CAAEC,oBAAqB,MAAOE,WAAY,QAExF,MAAMhB,GAAcC,EAAAN,KAAKO,GAAGC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,eAAe,4BACvDJ,EAAYO,kBAAkB,EAGxBZ,KAAAuB,qBAAuB,KAI7BvB,KAAKwB,8BAA8BN,MAAM,C,CA1C3C,gBAAAO,GACEzB,KAAK0B,gC,CAIC,8BAAAA,GACN,GAAI1B,KAAKC,oBAAqB,CAC5BD,KAAKI,4B,EAsCT,MAAAuB,GAIE,MAAMC,EAAkF5B,KAAKE,mCAAqC,GAElI,OACE2B,EAAA,OAAAC,IAAA,2CAAKC,MAAM,2BACTF,EAAA,iBAAAC,IAAA,2CAAeE,GAAG,2BAA2BC,oBAAqBjC,KAAKkC,sBAAsBhB,MAC3FW,EAAA,OAAAC,IAAA,2CAAKC,MAAM,WACTF,EAAA,MAAAC,IAAA,2CAAIC,MAAM,mDAAiD,kCAC3DF,EAAA,QAAAC,IAAA,4CACED,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,MAAAC,IAAA,iEACAD,EAAA,KAAAC,IAAA,sKACAD,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,YAAYJ,GAAG,gBAAgBK,SAAU,OAClER,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,gBAAc,OAE7BT,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,YAAYJ,GAAG,eAAeK,SAAU,KAAMjB,QAAS,OAChFS,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,gBAAc,OAG/BT,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,MAAAC,IAAA,2EACAD,EAAA,KAAAC,IAAA,0QAKAD,EAAA,KAAAC,IAAA,qOAIAD,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,UAAUJ,GAAG,cAAcZ,SAAUQ,EAAwBT,sBACtFU,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,eAAa,OAE5BT,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,UAAUJ,GAAG,aAAaZ,UAAWQ,EAAwBT,sBACtFU,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,cAAY,OAG7BT,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,MAAAC,IAAA,oEACAD,EAAA,KAAAC,IAAA,2OAIAD,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,cAAcJ,GAAG,kBAAkBZ,SAAUQ,EAAwBP,aAC9FQ,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,mBAAiB,OAEhCT,EAAA,SAAAC,IAAA,2CAAOK,KAAK,QAAQC,KAAK,cAAcJ,GAAG,iBAAiBZ,UAAWQ,EAAwBP,aAC9FQ,EAAA,SAAAC,IAAA,2CAAOQ,QAAQ,kBAAgB,OAGjCT,EAAA,kBAAAC,IAAA,yDACc,IAAG,cACH,IAAG,gBACD,YAAW,mBACR,QAAO,qBACL,QACnBS,MAAM,0BAAyB,kBACf,QAAO,aACZ,QACXC,KAAK,QACLC,QAAS,MACTC,SAAU,MAAK,YACL,yBACVC,QAAS3C,KAAKW,+BAIlBkB,EAAA,KAAAC,IAAA,iLAIJD,EAAA,MAAAC,IAAA,wEAEAD,EAAA,KAAAC,IAAA,uPAKAD,EAAA,KAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGc,KAAM5C,KAAK6C,cAAgB,mBAAoBC,OAAO,UAAQ,2CAKnEjB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACTF,EAAA,kBAAAC,IAAA,2CACEa,QAAS3C,KAAKuB,qBAAoB,cACtB,IAAG,gBACD,YAAW,mBACR,QAAO,qBACL,QACnBgB,MAAM,aAAY,kBACF,QAAO,aACZ,OACXC,KAAK,SACLC,QAAS,MACTC,SAAU,MAAK,YACL,sBAGZb,EAAA,kBAAAC,IAAA,2CACEa,QAAS3C,KAAKsB,uBAAsB,cACxB,IAAG,gBACD,aAAY,mBACT,QAAO,qBACL,QACnBiB,MAAM,yBAAwB,kBACd,QAAO,aACZ,OACXC,KAAK,SACLC,QAAS,MACTC,SAAU,MAAK,YACL,8BAGZb,EAAA,kBAAAC,IAAA,2CACEa,QAAS3C,KAAKI,2BAA0B,cAC5B,IAAG,gBACD,aAAY,mBACT,QAAO,qBACL,QACnBmC,MAAM,qBAAoB,kBACV,QAAO,aACZ,OACXC,KAAK,SACLC,QAAS,MACTC,SAAU,MAAK,YACL,+B","ignoreList":[]}

package/dist/biggive/p-e105d02b.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as r}from"./p-22982c55.js";const a='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}:host{display:content}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}';const d=a;const c=class{constructor(r){o(this,r);this.spaceBelow=0;this.verticalPadding=3;this.horizontalPadding=3;this.backgroundColour="white";this.shadow=true}render(){return r("div",{key:"1e50eff03ca28273c5238b9be78a42c73a50e573",class:"container background-colour-"+this.backgroundColour+" space-below-"+this.spaceBelow+" horizontal-padding-"+this.horizontalPadding+" vertical-padding-"+this.verticalPadding+" shadow-"+this.shadow},r("slot",{key:"f6bbc647464e5290c9639e5cb5a65d8aada9ec67"}))}};c.style=d;export{c as biggive_boxed_content};
+//# sourceMappingURL=p-e105d02b.entry.js.map

package/dist/biggive/{p-08caba7b.entry.js.map → p-e105d02b.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["biggiveBoxedContentCss","BiggiveBoxedContentStyle0","BiggiveBoxedContent","constructor","hostRef","this","spaceBelow","verticalPadding","horizontalPadding","backgroundColour","shadow","render","h","key","class"],"sources":["src/components/biggive-boxed-content/biggive-boxed-content.scss?tag=biggive-boxed-content&encapsulation=shadow","src/components/biggive-boxed-content/biggive-boxed-content.tsx"],"sourcesContent":["@include backgrounds();\n\n:host {\n  display: content;\n}\n\n.container {\n  @include standard-font();\n  &.shadow-true {\n    @include lower-shadow();\n  }  \n}\n\n.horizontal-padding-1 { padding-left: $spacer-1; padding-right: $spacer-1; }\n.horizontal-padding-2 { padding-left: $spacer-2; padding-right: $spacer-2; }\n.horizontal-padding-3 { padding-left: $spacer-3; padding-right: $spacer-3; }\n.horizontal-padding-4 { padding-left: $spacer-4; padding-right: $spacer-4; }\n.horizontal-padding-5 { padding-left: $spacer-5; padding-right: $spacer-5; }\n.horizontal-padding-6 { padding-left: $spacer-6; padding-right: $spacer-6; }\n\n.vertical-padding-1 { padding-top: $spacer-1; padding-bottom: $spacer-1; }\n.vertical-padding-2 { padding-top: $spacer-2; padding-bottom: $spacer-2; }\n.vertical-padding-3 { padding-top: $spacer-3; padding-bottom: $spacer-3; }\n.vertical-padding-4 { padding-top: $spacer-4; padding-bottom: $spacer-4; }\n.vertical-padding-5 { padding-top: $spacer-5; padding-bottom: $spacer-5; }\n.vertical-padding-6 { padding-top: $spacer-6; padding-bottom: $spacer-6; }","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-boxed-content',\n  styleUrl: 'biggive-boxed-content.scss',\n  shadow: true,\n})\nexport class BiggiveBoxedContent {\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n  /**\n   * Vertical padding\n   */\n  @Prop() verticalPadding: number = 3;\n  /**\n   * Horizontal padding\n   */\n  @Prop() horizontalPadding: number = 3;\n  /**\n   * Background colour\n   */\n  @Prop() backgroundColour: string = 'white';\n  /**\n   * Shadow\n   */\n  @Prop() shadow: boolean = true;\n\n  render() {\n    return (\n      <div\n        class={\n          'container background-colour-' +\n          this.backgroundColour +\n          ' space-below-' +\n          this.spaceBelow +\n          ' horizontal-padding-' +\n          this.horizontalPadding +\n          ' vertical-padding-' +\n          this.verticalPadding +\n          ' shadow-' +\n          this.shadow\n        }\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAyB,sjGAC/B,MAAAC,EAAeD,E,MCMFE,EAAmB,MALhC,WAAAC,CAAAC,G,UASUC,KAAAC,WAAqB,EAIrBD,KAAAE,gBAA0B,EAI1BF,KAAAG,kBAA4B,EAI5BH,KAAAI,iBAA2B,QAI3BJ,KAAAK,OAAkB,I,CAE1B,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MACE,+BACAT,KAAKI,iBACL,gBACAJ,KAAKC,WACL,uBACAD,KAAKG,kBACL,qBACAH,KAAKE,gBACL,WACAF,KAAKK,QAGPE,EAAA,QAAAC,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["biggiveBoxedContentCss","BiggiveBoxedContentStyle0","BiggiveBoxedContent","constructor","hostRef","this","spaceBelow","verticalPadding","horizontalPadding","backgroundColour","shadow","render","h","key","class"],"sources":["src/components/biggive-boxed-content/biggive-boxed-content.scss?tag=biggive-boxed-content&encapsulation=shadow","src/components/biggive-boxed-content/biggive-boxed-content.tsx"],"sourcesContent":["@include backgrounds();\n\n:host {\n  display: content;\n}\n\n.container {\n  @include standard-font();\n  &.shadow-true {\n    @include lower-shadow();\n  }  \n}\n\n.horizontal-padding-1 { padding-left: $spacer-1; padding-right: $spacer-1; }\n.horizontal-padding-2 { padding-left: $spacer-2; padding-right: $spacer-2; }\n.horizontal-padding-3 { padding-left: $spacer-3; padding-right: $spacer-3; }\n.horizontal-padding-4 { padding-left: $spacer-4; padding-right: $spacer-4; }\n.horizontal-padding-5 { padding-left: $spacer-5; padding-right: $spacer-5; }\n.horizontal-padding-6 { padding-left: $spacer-6; padding-right: $spacer-6; }\n\n.vertical-padding-1 { padding-top: $spacer-1; padding-bottom: $spacer-1; }\n.vertical-padding-2 { padding-top: $spacer-2; padding-bottom: $spacer-2; }\n.vertical-padding-3 { padding-top: $spacer-3; padding-bottom: $spacer-3; }\n.vertical-padding-4 { padding-top: $spacer-4; padding-bottom: $spacer-4; }\n.vertical-padding-5 { padding-top: $spacer-5; padding-bottom: $spacer-5; }\n.vertical-padding-6 { padding-top: $spacer-6; padding-bottom: $spacer-6; }","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-boxed-content',\n  styleUrl: 'biggive-boxed-content.scss',\n  shadow: true,\n})\nexport class BiggiveBoxedContent {\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n  /**\n   * Vertical padding\n   */\n  @Prop() verticalPadding: number = 3;\n  /**\n   * Horizontal padding\n   */\n  @Prop() horizontalPadding: number = 3;\n  /**\n   * Background colour\n   */\n  @Prop() backgroundColour: string = 'white';\n  /**\n   * Shadow\n   */\n  @Prop() shadow: boolean = true;\n\n  render() {\n    return (\n      <div\n        class={\n          'container background-colour-' +\n          this.backgroundColour +\n          ' space-below-' +\n          this.spaceBelow +\n          ' horizontal-padding-' +\n          this.horizontalPadding +\n          ' vertical-padding-' +\n          this.verticalPadding +\n          ' shadow-' +\n          this.shadow\n        }\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAyB,qqGAC/B,MAAAC,EAAeD,E,MCMFE,EAAmB,MALhC,WAAAC,CAAAC,G,UASUC,KAAAC,WAAqB,EAIrBD,KAAAE,gBAA0B,EAI1BF,KAAAG,kBAA4B,EAI5BH,KAAAI,iBAA2B,QAI3BJ,KAAAK,OAAkB,I,CAE1B,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MACE,+BACAT,KAAKI,iBACL,gBACAJ,KAAKC,WACL,uBACAD,KAAKG,kBACL,qBACAH,KAAKE,gBACL,WACAF,KAAKK,QAGPE,EAAA,QAAAC,IAAA,6C","ignoreList":[]}