@biggive/components 202401191800.0.0 → 202401231203.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@biggive/components",
   "_comment": "Version number below is automatically replaced during CircleCI build.",
-  "version": "202401191800.0.0",
+  "version": "202401231203.0.0",
   "description": "Big Give Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/biggive/p-0ec5194c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveBeneficiaryIconCss","BiggiveBeneficiaryIcon","getBeneficiaryIcon","icon","FontAwesomeIconsService","this","render","h","class","backgroundColour","href","url","width","height","xmlns","iconColour","viewBox","d","toString","label"],"sources":["src/components/biggive-beneficiary-icon/biggive-beneficiary-icon.scss?tag=biggive-beneficiary-icon","src/components/biggive-beneficiary-icon/biggive-beneficiary-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.beneficiary-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-beneficiary-icon',\n  styleUrl: 'biggive-beneficiary-icon.scss',\n  shadow: false,\n})\nexport class BiggiveBeneficiaryIcon {\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 = 'Other';\n\n  /**\n   * Label\n   */\n  @Prop() label: string;\n\n  /**\n   * Url\n   */\n  @Prop() url: string = '#';\n\n  private getBeneficiaryIcon(): IconDefinition {\n    var icon = FontAwesomeIconsService.getBeneficiaryIcon(this.icon);\n    return icon;\n  }\n\n  render() {\n    return (\n      <div class=\"container\">\n        <div class={'beneficiary-icon-item background-colour-' + this.backgroundColour}>\n          <a href={this.url}>\n            <svg\n              width={this.getBeneficiaryIcon().icon[0]}\n              height={this.getBeneficiaryIcon().icon[1]}\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class={'fill-' + this.iconColour}\n              viewBox={'0 0 ' + this.getBeneficiaryIcon().icon[0] + ' ' + this.getBeneficiaryIcon().icon[1]}\n            >\n              <path d={this.getBeneficiaryIcon().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,EAA4B,ogM,MCSrBC,EAAsB,M,+CAIE,U,gBAKN,Q,UAIN,Q,8BAUD,G,CAEd,kBAAAC,GACN,IAAIC,EAAOC,EAAwBF,mBAAmBG,KAAKF,MAC3D,OAAOA,C,CAGT,MAAAG,GACE,OACEC,EAAA,OAAKC,MAAM,aACTD,EAAA,OAAKC,MAAO,2CAA6CH,KAAKI,kBAC5DF,EAAA,KAAGG,KAAML,KAAKM,KACZJ,EAAA,OACEK,MAAOP,KAAKH,qBAAqBC,KAAK,GACtCU,OAAQR,KAAKH,qBAAqBC,KAAK,GACvCW,MAAM,6BACNN,MAAO,QAAUH,KAAKU,WACtBC,QAAS,OAASX,KAAKH,qBAAqBC,KAAK,GAAK,IAAME,KAAKH,qBAAqBC,KAAK,IAE3FI,EAAA,QAAMU,EAAGZ,KAAKH,qBAAqBC,KAAK,GAAGe,gBAIjDX,EAAA,OAAKC,MAAM,SAASH,KAAKc,O"}

package/dist/biggive/p-21e52dfa.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveBoxedContentCss","BiggiveBoxedContent","render","h","class","this","backgroundColour","spaceBelow","horizontalPadding","verticalPadding","shadow"],"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,sjG,MCOlBC,EAAmB,M,yCAID,E,qBAIK,E,uBAIE,E,sBAID,Q,YAIT,I,CAE1B,MAAAC,GACE,OACEC,EAAA,OACEC,MACE,+BACAC,KAAKC,iBACL,gBACAD,KAAKE,WACL,uBACAF,KAAKG,kBACL,qBACAH,KAAKI,gBACL,WACAJ,KAAKK,QAGPP,EAAA,a"}

package/dist/biggive/p-23d68593.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t}from"./p-9b69c4e7.js";const i='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.container .label{border-bottom:1px solid #4A4A4A;padding-bottom:5px;margin-bottom:10px}.container .sleeve{display:flex}::slotted(*){margin-right:15px}';const n=class{constructor(t){e(this,t);this.spaceBelow=0;this.label=undefined}render(){return t("div",{class:"container space-below-"+this.spaceBelow},this.label!=null?t("div",{class:"label"},this.label):null,t("div",{class:"sleeve"},t("slot",null)))}};n.style=i;export{n as biggive_icon_group};
-//# sourceMappingURL=p-23d68593.entry.js.map

package/dist/biggive/p-23d68593.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveIconGroupCss","BiggiveIconGroup","render","h","class","this","spaceBelow","label"],"sources":["src/components/biggive-icon-group/biggive-icon-group.scss?tag=biggive-icon-group&encapsulation=shadow","src/components/biggive-icon-group/biggive-icon-group.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  .label {\n    border-bottom: 1px solid $colour-grey-dark;\n    padding-bottom: $spacer-1;\n    margin-bottom: $spacer-2;\n  }\n  .sleeve {\n    display: flex;\n  }\n}\n\n\n::slotted(*) {\n  margin-right: $spacer-3;\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-icon-group',\n  styleUrl: 'biggive-icon-group.scss',\n  shadow: true,\n})\nexport class BiggiveIconGroup {\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n\n  /**\n   * Label\n   */\n  @Prop() label: string;\n\n  render() {\n    return (\n      <div class={'container space-below-' + this.spaceBelow}>\n        {this.label != null ? <div class=\"label\">{this.label}</div> : null}\n        <div class=\"sleeve\">\n          <slot></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAsB,6U,MCOfC,EAAgB,M,yCAIE,E,qBAO7B,MAAAC,GACE,OACEC,EAAA,OAAKC,MAAO,yBAA2BC,KAAKC,YACzCD,KAAKE,OAAS,KAAOJ,EAAA,OAAKC,MAAM,SAASC,KAAKE,OAAe,KAC9DJ,EAAA,OAAKC,MAAM,UACTD,EAAA,c"}

package/dist/biggive/p-36f8f46c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveImageCardCss","BiggiveImageCard","render","h","class","this","spaceBelow","backgroundColour","clipBottomLeftCorner","clipTopRightCorner","addAnimation","href","buttonUrl","teaserColour","textAlign","mainImageUrl","src","alt","mainImageAltText","title","teaser","buttonLabel","buttonAlign","buttonColourScheme","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,yqN,MCSfC,EAAgB,M,yCACS,E,sBAEI,U,2EAMS,S,wCAIb,Q,iBAEN,S,iBAEA,W,4EAMO,gB,0BAEG,K,wBAEF,K,kBAEN,K,CAEhC,MAAAC,GACE,OACEC,EAAA,OACEC,MACE,yBACAC,KAAKC,WACL,sBACAD,KAAKE,iBACL,4BACAF,KAAKG,qBACL,0BACAH,KAAKI,mBACL,kBACAJ,KAAKK,cAGPP,EAAA,KAAGQ,KAAMN,KAAKO,WACZT,EAAA,OAAKC,MAAO,sBAAwBC,KAAKQ,aAAe,eAAiBR,KAAKS,WAC5EX,EAAA,OAAKC,MAAM,gBACRC,KAAKU,cAAgB,GACpBZ,EAAA,OAAKC,MAAM,wBACTD,EAAA,OAAKC,MAAM,cACTD,EAAA,OAAKa,IAAKX,KAAKU,aAAcE,IAAKZ,KAAKa,iBAAkBC,MAAOd,KAAKa,qBAGvE,KACJf,EAAA,OAAKC,MAAM,UAAUC,KAAKe,QACzBf,KAAKgB,aAAe,MAAQhB,KAAKO,WAAa,MAAQP,KAAKO,WAAa,GACvET,EAAA,OAAKC,MAAO,qBAAuBC,KAAKiB,aACtCnB,EAAA,kCAA+BE,KAAKkB,mBAAoBC,MAAOnB,KAAKgB,eAEpE,Q"}

package/dist/biggive/p-5070dee3.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as n}from"./p-9b69c4e7.js";const e='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=class{constructor(n){t(this,n);this.inline=true}render(){return n("ul",null,n("slot",null))}};o.style=e;export{o as biggive_nav_group};
-//# sourceMappingURL=p-5070dee3.entry.js.map

package/dist/biggive/p-5070dee3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveNavGroupCss","BiggiveNavGroup","render","h"],"sources":["src/components/biggive-nav-group/biggive-nav-group.scss?tag=biggive-nav-group&encapsulation=shadow","src/components/biggive-nav-group/biggive-nav-group.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n\nul {\n  @include standard-font();\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-nav-group',\n  styleUrl: 'biggive-nav-group.scss',\n  shadow: true,\n})\nexport class BiggiveNavGroup {\n  /**\n   * Inline\n   */\n  @Prop() inline: boolean = true;\n\n  render() {\n    return (\n      <ul>\n        <slot></slot>\n      </ul>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAqB,sN,MCOdC,EAAe,M,qCAIA,I,CAE1B,MAAAC,GACE,OACEC,EAAA,UACEA,EAAA,a"}

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

@@ -1,2 +0,0 @@
-import{r as s,h as o,d as r}from"./p-9b69c4e7.js";const t=":host{display:block}";const l=class{constructor(o){s(this,o)}render(){return o(r,null,o("slot",null))}};l.style=t;export{l as biggive_form};
-//# sourceMappingURL=p-5d39ef37.entry.js.map

package/dist/biggive/p-5d39ef37.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveFormCss","BiggiveForm","render","h","Host"],"sources":["src/components/biggive-form/biggive-form.css?tag=biggive-form&encapsulation=shadow","src/components/biggive-form/biggive-form.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-form',\n  styleUrl: 'biggive-form.css',\n  shadow: true,\n})\nexport class BiggiveForm {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,uB,MCOVC,EAAW,M,yBACtB,MAAAC,GACE,OACEC,EAACC,EAAI,KACHD,EAAA,a"}

package/dist/biggive/p-768d2397.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveTableCss","BiggiveTable","render","h","class","this","headerTextColour","headerBackgroundColour","bodyTextColour","bodyBackgroundColour","spaceBelow"],"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,8qT,MCSXC,EAAY,M,yCACa,E,sBAEI,U,4BAEM,Q,oBAER,Q,0BAEM,Y,CAE5C,MAAAC,GACE,OACEC,EAAA,OACEC,MACE,gCACAC,KAAKC,iBACL,6BACAD,KAAKE,uBACL,qBACAF,KAAKG,eACL,2BACAH,KAAKI,qBACL,gBACAJ,KAAKK,YAGPP,EAAA,a"}

package/dist/biggive/p-80c6addd.entry.js

@@ -1,2 +0,0 @@
-import{r as i,h as n}from"./p-9b69c4e7.js";const e='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 t=class{constructor(n){i(this,n);this.url=undefined;this.label=undefined;this.iconColour=undefined}render(){return n("li",{class:"icon-"+this.iconColour},n("a",{href:this.url},this.label),n("slot",null))}};t.style=e;export{t as biggive_nav_item};
-//# sourceMappingURL=p-80c6addd.entry.js.map

package/dist/biggive/p-80c6addd.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveNavItemCss","BiggiveNavItem","render","h","class","this","iconColour","href","url","label"],"sources":["src/components/biggive-nav-item/biggive-nav-item.scss?tag=biggive-nav-item&encapsulation=shadow","src/components/biggive-nav-item/biggive-nav-item.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n\nli {\n  @include standard-font();\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n  display: inline-block;\n\n\n}\n\n::slotted(*) {\n  display: none;\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-nav-item',\n  styleUrl: 'biggive-nav-item.scss',\n  shadow: true,\n})\nexport class BiggiveNavItem {\n  /**\n   * URL\n   */\n  @Prop() url: string;\n  /**\n   * Label\n   */\n  @Prop() label: string;\n  /**\n   * URL\n   */\n  @Prop() iconColour: string;\n\n  render() {\n    return (\n      <li class={'icon-' + this.iconColour}>\n        <a href={this.url}>{this.label}</a>\n        <slot></slot>\n      </li>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAoB,qQ,MCObC,EAAc,M,2FAczB,MAAAC,GACE,OACEC,EAAA,MAAIC,MAAO,QAAUC,KAAKC,YACxBH,EAAA,KAAGI,KAAMF,KAAKG,KAAMH,KAAKI,OACzBN,EAAA,a"}

package/dist/biggive/p-8f23a57c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveCookieBannerCss","BiggiveCookieBanner","this","handleChoosePrefencesClick","elementById","_a","el","shadowRoot","getElementById","openFromOutside","handleAcceptSelectedCookies","closeFromOutside","analyticsAndTestingRadio","_b","thirdPartyRadio","_c","cookieBannerSavePreferencesSelected","emit","analyticsAndTesting","checked","thirdParty","handleAcceptAllClick","cookieBannerAcceptAllSelected","render","h","class","id","type","name","disabled","htmlFor","label","size","rounded","centered","onClick","href","blogUriPrefix"],"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: 500px;\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 } 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  @Prop() blogUriPrefix!: string;\n  @Element() el: HTMLBiggiveCookieBannerElement;\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  @Event({\n    eventName: 'cookieBannerSavePreferencesSelected',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  cookieBannerSavePreferencesSelected: EventEmitter<{ analyticsAndTesting: Boolean; thirdParty: boolean }>;\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  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    return (\n      <div class=\"cooke-consent-container\">\n        <biggive-popup id=\"cookie-preferences-popup\">\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={true} />\n                <label htmlFor=\"a-and-t-off\">Off</label>\n\n                <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-on\" />\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={true} />\n                <label htmlFor=\"third-party-off\">Off</label>\n\n                <input type=\"radio\" name=\"third-party\" id=\"third-party-on\" />\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          </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'}>Find out more in our Privacy Policy</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.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,g2L,MCOlBC,EAAmB,M,+LA4BtBC,KAAAC,2BAA6B,K,MACnC,MAAMC,GAAcC,EAAAH,KAAKI,GAAGC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,eAAe,4BACvDJ,EAAYK,iBAAiB,EAGvBP,KAAAQ,4BAA8B,K,UACpC,MAAMN,GAAcC,EAAAH,KAAKI,GAAGC,cAAU,MAAAF,SAAA,SAAAA,EAAEG,eAAe,4BACvDJ,EAAYO,mBAEZ,MAAMC,GAA2BC,EAAAX,KAAKI,GAAGC,cAAU,MAAAM,SAAA,SAAAA,EAAEL,eAAe,cACpE,MAAMM,GAAkBC,EAAAb,KAAKI,GAAGC,cAAU,MAAAQ,SAAA,SAAAA,EAAEP,eAAe,kBAE3DN,KAAKc,oCAAoCC,KAAK,CAAEC,oBAAqBN,EAAyBO,QAASC,WAAYN,EAAgBK,UAEnIf,EAAYO,kBAAkB,EAGxBT,KAAAmB,qBAAuB,KAI7BnB,KAAKoB,8BAA8BL,MAAM,E,6BAG3C,MAAAM,GACE,OACEC,EAAA,OAAKC,MAAM,2BACTD,EAAA,iBAAeE,GAAG,4BAChBF,EAAA,OAAKC,MAAM,WACTD,EAAA,MAAIC,MAAM,mDAAiD,kCAC3DD,EAAA,YACEA,EAAA,OAAKC,MAAM,eACTD,EAAA,+BACAA,EAAA,mIACAA,EAAA,SAAOG,KAAK,QAAQC,KAAK,YAAYF,GAAG,gBAAgBG,SAAU,OAClEL,EAAA,SAAOM,QAAQ,gBAAc,OAE7BN,EAAA,SAAOG,KAAK,QAAQC,KAAK,YAAYF,GAAG,eAAeG,SAAU,KAAMV,QAAS,OAChFK,EAAA,SAAOM,QAAQ,gBAAc,OAG/BN,EAAA,OAAKC,MAAM,eACTD,EAAA,yCACAA,EAAA,uOAKAA,EAAA,kMAIAA,EAAA,SAAOG,KAAK,QAAQC,KAAK,UAAUF,GAAG,cAAcP,QAAS,OAC7DK,EAAA,SAAOM,QAAQ,eAAa,OAE5BN,EAAA,SAAOG,KAAK,QAAQC,KAAK,UAAUF,GAAG,eACtCF,EAAA,SAAOM,QAAQ,cAAY,OAG7BN,EAAA,OAAKC,MAAM,eACTD,EAAA,kCACAA,EAAA,wMAIAA,EAAA,SAAOG,KAAK,QAAQC,KAAK,cAAcF,GAAG,kBAAkBP,QAAS,OACrEK,EAAA,SAAOM,QAAQ,mBAAiB,OAEhCN,EAAA,SAAOG,KAAK,QAAQC,KAAK,cAAcF,GAAG,mBAC1CF,EAAA,SAAOM,QAAQ,kBAAgB,OAGjCN,EAAA,gCACc,IAAG,cACH,IAAG,gBACD,YAAW,mBACR,QAAO,qBACL,QACnBO,MAAM,0BAAyB,kBACf,QAAO,aACZ,QACXC,KAAK,QACLC,QAAS,MACTC,SAAU,MAAK,YACL,yBACVC,QAASjC,KAAKQ,iCAMtBc,EAAA,sCAEAA,EAAA,oNAKAA,EAAA,SACEA,EAAA,KAAGY,KAAMlC,KAAKmC,cAAgB,YAAU,wCAG1Cb,EAAA,OAAKC,MAAM,gBACTD,EAAA,kBACEW,QAASjC,KAAKmB,qBAAoB,cACtB,IAAG,gBACD,YAAW,mBACR,QAAO,qBACL,QACnBU,MAAM,aAAY,kBACF,QAAO,aACZ,OACXC,KAAK,SACLC,QAAS,MACTC,SAAU,MAAK,YACL,sBAGZV,EAAA,kBACEW,QAASjC,KAAKC,2BAA0B,cAC5B,IAAG,gBACD,aAAY,mBACT,QAAO,qBACL,QACnB4B,MAAM,qBAAoB,kBACV,QAAO,aACZ,OACXC,KAAK,SACLC,QAAS,MACTC,SAAU,MAAK,YACL,+B"}