@biggive/components 202509250906.0.0 → 202510071230.0.0

package/dist/cjs/biggive-form-field-select.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-form-field-select.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-form-field-select/biggive-form-field-select.scss?tag=biggive-form-field-select&encapsulation=shadow","src/components/biggive-form-field-select/biggive-form-field-select.tsx"],"sourcesContent":["@include spacers();\n\n// Includes CSS taken from https://moderncss.dev/custom-select-styles-with-pure-css/\n\n:host {\n  display: contents;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nselect {\n  appearance: none;\n  border: none;\n  padding: 0 1em 0 0;\n  margin: 0;\n  width: 100%;\n  font-family: inherit;\n  font-size: inherit;\n  cursor: inherit;\n  line-height: inherit;\n  outline: none;\n  display: grid;\n  background-color: $colour-white;\n  align-items: center;\n}\nselect.grey {\n  background-color: $colour-grey-background;\n}\n.selectWrapper {\n  position: relative;\n}\n.prompt {\n  position: absolute;\n  z-index: 2;\n  font-size: small;\n  top: -1em;\n  background-color: $colour-white;\n  left: 4em;\n  padding-left: 1em;\n  padding-right: 1em;\n  color: $colour-primary-blue;\n}\n.prompt.grey {\n  background-color: $colour-grey-background;\n}\n\n.dropdown {\n  @include standard-font();\n  position: relative;\n  text-align: left;\n  &.select-style-bordered {\n    .sleeve {\n      @include font-size-medium();\n      padding: 2px;\n      position: relative;\n      background-color: $colour-primary-blue;\n      @include corner-clip-small-top-right();\n      select {\n        color: $colour-primary-blue;\n        display: block;\n        position: relative;\n        padding: 10px 80px 10px 10px;\n        clip-path:\n          polygon(\n              0% 0%,     /* top left */\n              0% 0%,     /* top left */\n              calc(100% - 14px) 0%,    /* top right */\n              100% 14px,   /* top right */\n              100% 100%,  /* bottom right */\n              100% 100%,  /* bottom right */\n              0 100%,   /* bottom left */\n              0 100%      /* bottom left */\n          );\n        span.placeholder.grey {\n          background-color: $colour-grey-background;\n        }\n      }\n      div.arrow {\n        position: absolute;\n        right: 20px;\n        top: 18px;\n        width: 10px;\n        height: 10px;\n        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS4yMzcxNiA2LjYyNDkzQzQuOTAzMjMgNy4xMjUwMiA0LjA5NyA3LjEyNTAyIDMuNzYzMDggNi42MjQ5M0wwLjEyMzg2OCAxLjE3MDYzQy0wLjIxOTk0IDAuNjU1NDU5IDAuMTkyNjMgMS44MzcxZS0wNyAwLjg2MDkwOCAyLjQyMTMyZS0wN0w4LjEzOTMzIDguNzg0MzJlLTA3QzguODA3MTggOS4zNjgxN2UtMDcgOS4yMTk3NSAwLjY1NTQ1OSA4Ljg3NjM3IDEuMTcwNjNMNS4yMzcxNiA2LjYyNDkzWiIgZmlsbD0iIzJDMDg5QiIvPgo8L3N2Zz4K');\n        background-size: contain;\n        background-repeat: no-repeat;\n        background-position: center center;\n        z-index: 1;\n        pointer-events: none;\n      }\n    }\n    .sleeve:focus-within {\n      background-color: $colour-tertiary-coral;\n    }\n  }\n  &.select-style-underlined {\n    .sleeve {\n      @include dropdown-underlined();\n    }\n  }\n  &.inherit-colour select{\n   color: inherit !important;\n  }\n\n  select {\n    max-height: 200px;\n    overflow-x: hidden;\n    overflow-y: scroll;\n    width: 100%;\n    z-index: 1;\n    left: 0;\n    right: 0;\n  }\n  &.active .options {\n      display: block;\n  }\n}\n.dropdown.noprompt {\n  margin-top: 0;\n}\n.options.grey {\n  background-color: $colour-grey-background;\n}\n","import { Component, Prop, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-form-field-select',\n  styleUrl: 'biggive-form-field-select.scss',\n  shadow: true,\n})\nexport class BiggiveFormFieldSelect {\n  @Element() el: HTMLBiggiveFormFieldSelectElement;\n\n  @Prop() selectionChanged: (value: string) => void;\n\n  /**\n   * Displayed as 'eyebrow' label over the top border of the box.\n   */\n  @Prop() prompt!: string | null;\n\n  @Prop({ mutable: true }) selectedValue: string | null;\n  @Prop({ mutable: true }) selectedLabel: string | null;\n\n  /**\n   * JSON array of label+value objects, or takes a stringified equiavalent (for Storybook)\n   */\n  @Prop() options!: string | Array<{ label: string; value: string }>;\n  @Prop() selectStyle: 'bordered' | 'underlined' = 'bordered';\n\n  /**\n   * Must match background of containing element, or unintended shape will appear.\n   */\n  @Prop() backgroundColour: 'white' | 'grey';\n\n  @Prop() selectedOptionColour: 'inherit' | 'blue' = 'blue';\n\n  /**\n   * ID for the select element, used by a label. If not passed then a random id will be generated.\n   */\n  @Prop() selectElementId: string | undefined;\n\n  private doOptionSelectCompletedHandler = (event: any) => {\n    const value = event.target.value;\n    this.selectedValue = value;\n    this.selectedLabel = event.target.label;\n    this.selectionChanged(value);\n  };\n\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n\n  /**\n   * Placeholder. If there is no `prompt`, this should be a suitable ARIA label.\n   */\n  @Prop() placeholder: string | undefined;\n\n  render() {\n    const greyIfRequired = this.backgroundColour === 'grey' ? ' grey' : '';\n\n    let options = this.formatOptions(this.options);\n\n    if (typeof this.placeholder === 'string' && typeof this.selectedValue !== 'string') {\n      options = [{ value: '__placeholder__', label: this.placeholder }, ...options];\n    }\n\n    if (typeof options === 'undefined') {\n      console.error('options undefined');\n      options = [];\n    }\n    // Give the select a random id so we can reference it from a label\n    const selectId = this.selectElementId || 'select-' + this.getRandomInt().toString();\n\n    return (\n      <div class=\"selectWrapper\">\n        <label class={greyIfRequired} htmlFor={selectId}>\n          <div class={'prompt' + greyIfRequired}>{this.prompt}</div>\n        </label>\n        <div\n          class={\n            'dropdown space-below-' +\n            this.spaceBelow +\n            ' select-style-' +\n            this.selectStyle +\n            (this.prompt === null ? '  noprompt' : '') +\n            (this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '')\n          }\n        >\n          <div class=\"sleeve\">\n            <select id={selectId} class={greyIfRequired} onChange={this.doOptionSelectCompletedHandler} aria-label={this.prompt === null ? this.placeholder : this.prompt}>\n              {options.map(option => (\n                <option selected={this.selectedValue === option.value} value={option.value}>\n                  {option.label}\n                </option>\n              ))}\n            </select>\n            <div class=\"arrow\"></div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  private formatOptions(options: string | Array<{ label: string; value: string }>): {\n    label: string;\n    value: string;\n  }[] {\n    if (options === undefined) {\n      return [];\n    }\n\n    if (typeof options === 'string') {\n      options = JSON.parse(options);\n    }\n\n    if (Array.isArray(options)) {\n      return options;\n    }\n\n    return Object.entries(options).map(entry => ({ value: entry[0], label: entry[1] }));\n  }\n\n  private getRandomInt(): number {\n    const min = 1_000_000;\n    const max = 9_999_999;\n    return Math.floor(Math.random() * (max - min) + min);\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-form.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-form.entry.cjs.js","mappings":";;;;AAAA,MAAM,cAAc,GAAG,sBAAsB;;MCOhC,WAAW,GAAA,MAAA;;;;IACtB,MAAM,GAAA;QACJ,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;","names":["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"],"version":3}

package/dist/cjs/biggive-formatted-text.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-formatted-text.entry.cjs.js","mappings":";;;;AAAA,MAAM,uBAAuB,GAAG,24KAA24K;;MCQ95K,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAKtB,QAAA,IAAQ,CAAA,QAAA,GAAW,GAAG;AACtB,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAYrD;IAVC,MAAM,GAAA;AACJ,QAAA,MAAM,gBAAgB,GAAG,OAAO,IAAI,CAAC,iBAAiB,KAAK,QAAQ,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE;AAC3G,QAAA,MAAM,qBAAqB,GAAG,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC,iBAAiB,GAAG,EAAE;QAE9F,QACEA,kEAAK,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,qBAAqB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EACpIA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;","names":["h"],"sources":["src/components/biggive-formatted-text/biggive-formatted-text.scss?tag=biggive-formatted-text&encapsulation=shadow","src/components/biggive-formatted-text/biggive-formatted-text.tsx"],"sourcesContent":["@include spacers();\n@include text-colours();\n\n:host {\n  display: block;\n}\n\n.container {\n  &.biggive {\n    @include headings-biggive();\n  }\n\n  &.philco {\n    @include headings-philco();\n  }\n\n  img {\n    width: 100%;\n    height: auto;\n  }\n  a {\n    color: inherit;\n    text-decoration: underline;\n  }\n  &.max-width-10 .sleeve { @include max-width-10(); }\n  &.max-width-15 .sleeve { @include max-width-15(); }\n  &.max-width-20 .sleeve { @include max-width-20(); }\n  &.max-width-25 .sleeve { @include max-width-25(); }\n  &.max-width-30 .sleeve { @include max-width-30(); }\n  &.max-width-35 .sleeve { @include max-width-35(); }\n  &.max-width-40 .sleeve { @include max-width-40(); }\n  &.max-width-45 .sleeve { @include max-width-45(); }\n  &.max-width-50 .sleeve { @include max-width-50(); }\n  &.max-width-55 .sleeve { @include max-width-55(); }\n  &.max-width-60 .sleeve { @include max-width-60(); }\n  &.max-width-65 .sleeve { @include max-width-65(); }\n  &.max-width-70 .sleeve { @include max-width-70(); }\n  &.max-width-75 .sleeve { @include max-width-75(); }\n  &.max-width-80 .sleeve { @include max-width-80(); }\n  &.max-width-85 .sleeve { @include max-width-85(); }\n  &.max-width-90 .sleeve { @include max-width-90(); }\n  &.max-width-95 .sleeve { @include max-width-95(); }\n}\n\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n  tag: 'biggive-formatted-text',\n  styleUrl: 'biggive-formatted-text.scss',\n  shadow: true,\n})\nexport class BiggiveFormattedText {\n  @Prop() spaceBelow: number = 0;\n  /**\n   * Text colour. If undefined or blank colour will be inherited as normal from containing element.\n   */\n  @Prop() defaultTextColour: brandColour | undefined;\n  @Prop() maxWidth: number = 100;\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  render() {\n    const defaultColourSet = typeof this.defaultTextColour === 'string' && this.defaultTextColour.trim() !== '';\n    const anyDefaultColourClass = defaultColourSet ? ' text-colour-' + this.defaultTextColour : '';\n\n    return (\n      <div class={'container ' + this.siteDesign + ' max-width-' + this.maxWidth + anyDefaultColourClass + ' space-below-' + this.spaceBelow}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-grid.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-grid.entry.cjs.js","mappings":";;;;AAAA,MAAM,cAAc,GAAG,63RAA63R;;MCQv4R,WAAW,GAAA,MAAA;AALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAEtB,QAAA,IAAW,CAAA,WAAA,GAAW,CAAC;AAE/B;;AAEG;AACK,QAAA,IAAY,CAAA,YAAA,GAAY,KAAK;AAE7B,QAAA,IAAS,CAAA,SAAA,GAAkB,CAAC;AASrC;IAPC,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC,WAAW,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,cAAc,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,YAAY,GAAG,gBAAgB,GAAG,EAAE,CAAC,EAAA,EACrKA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;","names":["h"],"sources":["src/components/biggive-grid/biggive-grid.scss?tag=biggive-grid&encapsulation=shadow","src/components/biggive-grid/biggive-grid.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n  display: contents;\n}\n\n.grid {\n  margin-bottom: $spacer-3;\n  display: flex;\n  flex-flow: row wrap;\n}\n\n.space-between {\n  justify-content: space-between;\n}\n\n.grid ::slotted([slot=grid-item]) {\n  display: block;\n}\n\n.column-count-2 ::slotted(*) {\n  width: calc( 100% / 2 );\n  @include flex-container-column();\n}\n\n.column-count-3 ::slotted(*) {\n  width: calc( 100% / 3 );\n  @include flex-container-column();\n}\n\n.column-count-4 ::slotted(*) {\n  width: calc( 100% / 4 );\n  @include flex-container-column();\n}\n\n.column-count-5 ::slotted(*) {\n  width: calc( 100% / 5 );\n  @include flex-container-column();\n}\n\n.column-count-6 ::slotted(*) {\n  width: calc( 100% / 6 );\n  @include flex-container-column();\n}\n\n\n.column-gap-1 { justify-content: space-between; }\n.column-gap-2 { justify-content: space-between; }\n.column-gap-3 { justify-content: space-between; }\n.column-gap-4 { justify-content: space-between; }\n.column-gap-5 { justify-content: space-between; }\n.column-gap-6 { justify-content: space-between; }\n\n\n.column-count-2.column-gap-1 ::slotted(*) { width: calc( 100% / 2 - (($spacer-1 * 1) / 2) );}\n.column-count-2.column-gap-2 ::slotted(*) { width: calc( 100% / 2 - (($spacer-2 * 1) / 2) );}\n.column-count-2.column-gap-3 ::slotted(*) { width: calc( 100% / 2 - (($spacer-3 * 1) / 2) );}\n.column-count-2.column-gap-4 ::slotted(*) { width: calc( 100% / 2 - (($spacer-4 * 1) / 2) );}\n.column-count-2.column-gap-5 ::slotted(*) { width: calc( 100% / 2 - (($spacer-5 * 1) / 2) );}\n.column-count-2.column-gap-6 ::slotted(*) { width: calc( 100% / 2 - (($spacer-6 * 1) / 2) );}\n\n.column-count-3.column-gap-1 ::slotted(*) { width: calc( 100% / 3 - (($spacer-1 * 2) / 3) );}\n.column-count-3.column-gap-2 ::slotted(*) { width: calc( 100% / 3 - (($spacer-2 * 2) / 3) );}\n.column-count-3.column-gap-3 ::slotted(*) { width: calc( 100% / 3 - (($spacer-3 * 2) / 3) );}\n.column-count-3.column-gap-4 ::slotted(*) { width: calc( 100% / 3 - (($spacer-4 * 2) / 3) );}\n.column-count-3.column-gap-5 ::slotted(*) { width: calc( 100% / 3 - (($spacer-5 * 2) / 3) );}\n.column-count-3.column-gap-6 ::slotted(*) { width: calc( 100% / 3 - (($spacer-6 * 2) / 3) );}\n\n.column-count-4.column-gap-1 ::slotted(*) { width: calc( 100% / 4 - (($spacer-1 * 3) / 4) );}\n.column-count-4.column-gap-2 ::slotted(*) { width: calc( 100% / 4 - (($spacer-2 * 3) / 4) );}\n.column-count-4.column-gap-3 ::slotted(*) { width: calc( 100% / 4 - (($spacer-3 * 3) / 4) );}\n.column-count-4.column-gap-4 ::slotted(*) { width: calc( 100% / 4 - (($spacer-4 * 3) / 4) );}\n.column-count-4.column-gap-5 ::slotted(*) { width: calc( 100% / 4 - (($spacer-5 * 3) / 4) );}\n.column-count-4.column-gap-6 ::slotted(*) { width: calc( 100% / 4 - (($spacer-6 * 3) / 4) );}\n\n.column-count-5.column-gap-1 ::slotted(*) { width: calc( 100% / 5 - (($spacer-1 * 4) / 5) );}\n.column-count-5.column-gap-2 ::slotted(*) { width: calc( 100% / 5 - (($spacer-2 * 4) / 5) );}\n.column-count-5.column-gap-3 ::slotted(*) { width: calc( 100% / 5 - (($spacer-3 * 4) / 5) );}\n.column-count-5.column-gap-4 ::slotted(*) { width: calc( 100% / 5 - (($spacer-4 * 4) / 5) );}\n.column-count-5.column-gap-5 ::slotted(*) { width: calc( 100% / 5 - (($spacer-5 * 4) / 5) );}\n.column-count-5.column-gap-6 ::slotted(*) { width: calc( 100% / 5 - (($spacer-6 * 4) / 5) );}\n\n.column-count-6.column-gap-1 ::slotted(*) { width: calc( 100% / 6 - (($spacer-1 * 5) / 6) );}\n.column-count-6.column-gap-2 ::slotted(*) { width: calc( 100% / 6 - (($spacer-2 * 5) / 6) );}\n.column-count-6.column-gap-3 ::slotted(*) { width: calc( 100% / 6 - (($spacer-3 * 5) / 6) );}\n.column-count-6.column-gap-4 ::slotted(*) { width: calc( 100% / 6 - (($spacer-4 * 5) / 6) );}\n.column-count-6.column-gap-5 ::slotted(*) { width: calc( 100% / 6 - (($spacer-5 * 5) / 6) );}\n.column-count-6.column-gap-6 ::slotted(*) { width: calc( 100% / 6 - (($spacer-6 * 5) / 6) );}\n\n.column-count-3.column-gap-1:after { content: \"\"; @include flex-container-column(); width: calc( 100% / 3 - (($spacer-1 * 2) / 3) );}\n.column-count-3.column-gap-2:after { content: \"\"; @include flex-container-column(); width: calc( 100% / 3 - (($spacer-2 * 2) / 3) );}\n.column-count-3.column-gap-3:after { content: \"\"; @include flex-container-column(); width: calc( 100% / 3 - (($spacer-3 * 2) / 3) );}\n.column-count-3.column-gap-4:after { content: \"\"; @include flex-container-column(); width: calc( 100% / 3 - (($spacer-4 * 2) / 3) );}\n.column-count-3.column-gap-5:after { content: \"\"; @include flex-container-column(); width: calc( 100% / 3 - (($spacer-5 * 2) / 3) );}\n.column-count-3.column-gap-6:after { content: \"\"; @include flex-container-column(); width: calc( 100% / 3 - (($spacer-6 * 2) / 3) );}\n\n\n\n\n@media screen and (max-width: $screen-large) {\n\n  @for $i from 1 through 6 {\n    .column-count-#{$i}  ::slotted(*) { width: calc( 51% - (($spacer-4 * 1) / 2)) };\n    @for $j from 1 through 6 {\n      .column-count-#{$i}.column-gap-#{$j} ::slotted(*) { width: calc( 50% - (($spacer-4 * 1) / 2)) };\n    }\n  }\n\n}\n\n@media screen and (max-width: $screen-mobile-max) {\n  @for $i from 1 through 6 {\n    .column-count-#{$i}  ::slotted(*) { width: 100%; };\n    @for $j from 1 through 6 {\n      .column-count-#{$i}.column-gap-#{$j}  ::slotted(*) { width: 100%; };\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-grid',\n  styleUrl: 'biggive-grid.scss',\n  shadow: true,\n})\nexport class BiggiveGrid {\n  @Prop() spaceBelow: number = 4;\n\n  @Prop() columnCount: number = 3;\n\n  /**\n   * Deprecated - should use columGap Instead\n   */\n  @Prop() spaceBetween: boolean = false;\n\n  @Prop() columnGap: spacingOption = 0;\n\n  render() {\n    return (\n      <div class={'grid column-count-' + this.columnCount + ' space-below-' + this.spaceBelow + ' column-gap-' + this.columnGap + (this.spaceBetween ? ' space-between' : '')}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-heading-banner.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-heading-banner.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-heading-banner/biggive-heading-banner.scss?tag=biggive-heading-banner&encapsulation=shadow","src/components/biggive-heading-banner/biggive-heading-banner.tsx"],"sourcesContent":[":host {\n  display: contents;\n  @include standard-font();\n}\n\n@include spacers();\n@include text-colours();\n\n.banner {\n  font-size: 17px;\n  background-size: cover;\n  height: 600px;\n  position: relative;\n  overflow: hidden;\n\n  &.short {\n    height: 400px;\n  }\n\n  img.background {\n    object-fit: cover;\n    position: absolute;\n    max-width: 2000px;\n    width: 100%;\n    height: 400px;\n    left: 50%;\n    transform: translateX(-50%);\n    bottom: 0;\n    display: none;\n    @media (min-width: 450px) {\n      display: block;\n      bottom: initial;\n      height: 100%;\n    }\n  }\n}\n\n.sleeve {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  max-width: 1200px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 0;\n  box-sizing: border-box;\n  height: 100%;\n\n  @media (min-width: #{$screen-mobile-max}) {\n    flex-direction: column;\n  }\n\n  @media (min-width: #{$screen-mobile-max + 30px}) {\n    // adding 30px to standard breakpoint to match padding.\n    padding-left: 20px;\n    align-items: start;\n    height: 600px;\n  }\n}\n\n@media (min-width: #{$screen-mobile-small + 30px}) {\n  .short .sleeve {\n    height: 400px;\n  }\n}\n\n.content-wrap {\n  position: relative;\n  padding-top: 70px; // includes 30 extra on mobile to make space for overlapping 'main-message-wrap'\n  padding-right: 30px;\n  padding-left: 30px;\n  padding-bottom: 30px;\n  box-sizing: border-box;\n  width: 100%;\n  max-width: 450px;\n\n  @media (min-width: #{$screen-mobile-small}) {\n    margin-bottom: auto;\n    margin-top: auto;\n    padding-top: 40px;\n  }\n\n  @media (min-width: #{$screen-mobile-small + 30px}) {\n    padding-top: 30px;\n    margin-left: 0;\n  }\n}\n\nimg.stacked {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n\n  @media (min-width: #{$screen-mobile-small}) {\n    display: none;\n  }\n}\n\nh1.main-title {\n  font-size: 47px;\n  line-height: 60px;\n  font-weight: bold;\n  margin: 0 0 15px;\n  padding: 0;\n}\n\n.slug {\n  font-size: 20px;\n  line-height: inherit;\n  font-weight: bold;\n  margin-bottom: -7px;\n}\n\n.teaser {\n  margin: 0;\n  padding: 0;\n}\n\n.logo {\n  height: 100px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n  margin-bottom: 10px;\n\n  img {\n    width: auto;\n    height: 100%;\n    position: relative;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * Heading banner component for use as a page header.\n *\n * This component provides a banner with a background image, optional logo, and text content.\n * It supports different heights and customizable colors.\n */\n@Component({\n  tag: 'biggive-heading-banner',\n  styleUrl: 'biggive-heading-banner.scss',\n  shadow: true,\n})\nexport class BiggiveHeadingBanner {\n  /**\n   * Optional logo object with URL and alt text\n   */\n  @Prop() logo?: { url: string; alt?: string } | string;\n\n  /**\n   * Optional slightly smaller text to appear above the main title\n   */\n  @Prop() slug?: string = '';\n\n  /**\n   * Main title text for the banner\n   */\n  @Prop() mainTitle!: string;\n\n  /**\n   * URL for the main banner image\n   */\n  @Prop() mainImageUrl!: string | null;\n\n  /**\n   * Focal point for the image positioning\n   * x and y values are percentages (0-100)\n   */\n  @Prop() focalPoint!: string | { x: number; y: number };\n\n  /**\n   * Optional teaser text that appears below the main title\n   */\n  @Prop() teaser!: string;\n\n  /**\n   * Background color for the banner\n   */\n  @Prop() backgroundColour!: string;\n\n  /**\n   * Background color for the text content area\n   */\n  @Prop() textBackgroundColour!: string;\n\n  @Prop() slugColour!: string;\n\n  @Prop() mainTitleColour!: string;\n\n  @Prop() teaserColour!: string;\n\n  /**\n   * Height variant of the banner\n   * 'tall' for full height, 'short' for reduced height\n   */\n  @Prop() height: 'short' | 'tall' = 'tall';\n\n  /**\n   * Takes a string that may contain any form of newlines, and returns an array that alternates\n   * between substrings found between the newlines and <br/> elements as objects.\n   */\n  private lineBreakToBr(string: string | undefined): unknown[] {\n    if (string == undefined) {\n      return [];\n    }\n\n    return string\n      .split(/\\r?\\n|\\r|\\n/g)\n      .map(line => [line, <br />])\n      .flat()\n      .slice(0, -1);\n  }\n\n  private getParsedFocalPoint(): { x: number; y: number } {\n    if (typeof this.focalPoint === 'string') {\n      return JSON.parse(this.focalPoint);\n    }\n    return this.focalPoint;\n  }\n\n  private getParsedLogo(): { url: string; alt?: string } | undefined {\n    if (this.logo === undefined) return undefined;\n    if (typeof this.logo === 'string') {\n      return JSON.parse(this.logo);\n    }\n    return this.logo;\n  }\n\n  render() {\n    // Convert teaser text with line breaks to JSX\n    const teaserLines = this.lineBreakToBr(this.teaser);\n\n    // Ensure color values have # prefix if they're hex colors without it\n    // not sure how but it seems we're sometimes doing at least an intiial render before the colour props are populated,\n    // so using null-safe navigation to avoid a crash here.\n    const bgColor = this.backgroundColour?.startsWith('#') ? this.backgroundColour : `#${this.backgroundColour}`;\n    const textBgColor = this.textBackgroundColour?.startsWith('#') ? this.textBackgroundColour : `#${this.textBackgroundColour}`;\n    const slugColour = this.slugColour?.startsWith('#') ? this.slugColour : `#${this.slugColour}`;\n    const mainTitleColour = this.mainTitleColour?.startsWith('#') ? this.mainTitleColour : `#${this.mainTitleColour}`;\n    const teaserColour = this.teaserColour?.startsWith('#') ? this.teaserColour : `#${this.teaserColour}`;\n\n    const logo = this.getParsedLogo();\n    return (\n      <div\n        class={{\n          banner: true,\n          short: this.height === 'short',\n        }}\n        style={{\n          'background-color': bgColor,\n        }}\n      >\n        {typeof this.mainImageUrl === 'string' && this.mainImageUrl !== '' ? (\n          <img\n            class=\"background\"\n            src={this.mainImageUrl}\n            alt=\"\"\n            style={{\n              'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,\n            }}\n          />\n        ) : null}\n        <div class=\"sleeve\">\n          <div\n            class=\"content-wrap\"\n            style={{\n              'background-color': textBgColor,\n            }}\n          >\n            {logo ? (\n              <div class=\"logo\">\n                <img src={logo.url} alt={logo.alt || ''} />\n              </div>\n            ) : null}\n\n            {this.slug != undefined ? (\n              <div\n                style={{\n                  color: slugColour,\n                }}\n                class=\"slug\"\n              >\n                {this.slug}\n              </div>\n            ) : null}\n\n            <h1\n              style={{\n                color: mainTitleColour,\n              }}\n              class=\"main-title\"\n            >\n              {this.mainTitle}\n            </h1>\n\n            {this.teaser != undefined ? (\n              <div\n                class=\"teaser\"\n                style={{\n                  color: teaserColour,\n                }}\n              >\n                {teaserLines}\n              </div>\n            ) : null}\n          </div>\n\n          {typeof this.mainImageUrl === 'string' && this.mainImageUrl !== '' ? (\n            <img\n              class=\"stacked\"\n              src={this.mainImageUrl}\n              alt=\"\"\n              style={{\n                'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,\n              }}\n            />\n          ) : null}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-heading.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-heading.entry.cjs.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,42KAA42K;;MCWz3K,cAAc,GAAA,MAAA;AAL3B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAC7B,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAC7B,QAAA,IAAM,CAAA,MAAA,GAAgB,SAAS;AAC/B,QAAA,IAAW,CAAA,WAAA,GAAe,IAAI;AAC9B,QAAA,IAAI,CAAA,IAAA,GAAgB,CAAC;AACrB,QAAA,IAAK,CAAA,KAAA,GAAW,MAAM;AACtB,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAI,CAAA,IAAA,GAAY,KAAK;AACrB,QAAA,IAAU,CAAA,UAAA,GAAgB,SAAS;AACnC,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAgCrD;IA9BC,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW;QAC5B,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EACzIA,OAAC,CAAA,GAAG,qDAAC,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAAC,MAAM,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,WAAW,GAAG,IAAI,CAAC,IAAI,EAAA,EACtG,IAAI,CAAC,IAAI,IACRA,OAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAC,YAAY,EAAA,EACvBA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,KAAK,EAAC,CAAC,EAAC,4BAA4B,EAAG,CAAA,EACnDA,OACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,47CAW6C,EAAA,CAC/C,CACE,IACJ,IAAI,EAEP,IAAI,CAAC,IAAI,CACN,CACF;;;;;;;","names":["h"],"sources":["src/components/biggive-heading/biggive-heading.scss?tag=biggive-heading&encapsulation=shadow","src/components/biggive-heading/biggive-heading.tsx"],"sourcesContent":["@include alignments();\n@include spacers();\n\n:host {\n  display: contents;\n}\n\n.container {\n  &.biggive {\n    @include headings-biggive();\n    // We reset size here but then rely on something else to make it bigger. Confusing\n    // but not worth refactoring rn.\n    @include standard-font();\n  }\n\n  &.philco {\n    @include headings-philco();\n  }\n\n  @each $key, $colour in $brandColours {\n    .heading-colour-#{$key} { color: $colour; }\n  }\n  display: flex;\n\n  h1,h2,h3,h4,h5 {\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    svg {\n      height: 0.7em;\n      margin-right: 0.2em;\n    }\n  }\n\n  @each $key, $colour in $brandColours {\n    .icon-colour-#{$key} svg path { fill: $colour; }\n  }\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { headingTag } from '../../globals/heading-tag';\nimport { headingSize } from '../../globals/heading-size';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-heading',\n  styleUrl: 'biggive-heading.scss',\n  shadow: true,\n})\nexport class BiggiveHeading {\n  @Prop() spaceAbove: spacingOption = 2;\n  @Prop() spaceBelow: spacingOption = 4;\n  @Prop() colour: brandColour = 'primary';\n  @Prop() htmlElement: headingTag = 'h1';\n  @Prop() size: headingSize = 1;\n  @Prop() align: string = 'left';\n  @Prop() text: string = '';\n  @Prop() icon: boolean = false;\n  @Prop() iconColour: brandColour = 'primary';\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  render() {\n    const Tag = this.htmlElement;\n    return (\n      <div class={'container ' + this.siteDesign + ' align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow}>\n        <Tag class={'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size}>\n          {this.icon ? (\n            <svg viewBox=\"0 0 102 88\">\n              <path class=\"st0\" d=\"M51.2,0l-51,88h102L51.2,0z\" />\n              <path\n                d=\"M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n         h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n         c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n         c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n         c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n         c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n         c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n          M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n         c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n         C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n         C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n         c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z\"\n              />\n            </svg>\n          ) : null}\n\n          {this.text}\n        </Tag>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-hero-image.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-hero-image.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-hero-image/biggive-hero-image.scss?tag=biggive-hero-image&encapsulation=shadow","src/components/biggive-hero-image/biggive-hero-image.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n  @include standard-font();\n}\n\n.container {\n  @include standard-font();\n  overflow: hidden;\n  position: relative;\n  margin-bottom: $spacer-4;\n  min-height: 32.5vw;\n  @each $key, $colour in $brandColours {\n    &.colour-scheme-#{$key} { color: $colour; }\n  }\n  .sleeve {\n    @include flex-container-row();\n    max-width: $screen-desktop-max;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .content-wrap {\n    width: 40%;\n    position: relative;\n    z-index: 1;\n    padding: $spacer-8 $spacer-6 $spacer-6 $spacer-0;\n\n    .logo, .logo-space {\n      height: 75px;\n      &.logo-height-1 { height: 50px; }\n      &.logo-height-2 { height: 75px; }\n      &.logo-height-3 { height: 100px; }\n      &.logo-height-4 { height: 125px; }\n      &.logo-height-5 { height: 150px; }\n      &.logo-height-6 { height: 175px; }\n      &.logo-height-7 { height: 200px; }\n      &.logo-height-8 { height: 225px; }\n      &.logo-height-9 { height: 250px; }\n      &.logo-height-10 { height: 275px; }\n    }\n\n    .logo {\n      background-size: contain;\n      background-repeat: no-repeat;\n      background-position: left center;\n\n      img {\n        width: auto;\n        height: 100%;\n        position: relative;\n      }\n    }\n    .slug {\n      @include heading-4;\n      min-height: 24px; // Sort layout when there is no slug.\n      margin: 0;\n      padding: 0;\n    }\n    h1 {\n      @include heading-1;\n      margin: 0 0 $spacer-3 0;\n      padding: 0;\n\n      @media (max-width: $screen-desktop-max) {\n        @include heading-2;\n      }\n    }\n    .teaser {\n      margin: 0;\n      padding: 0;\n    }\n    .teaser-with-space {\n      margin: 0 0 $spacer-5 0;\n    }\n  }\n\n  .graphic-wrap {\n    position: absolute;\n    display: block;\n    top: 0;\n    left: 0;\n    right: 0;\n    padding-bottom: 32.5vw;\n    background-color: #F1F1F1;\n    margin-left: 20vw;\n    clip-path: polygon(0 0, 100% 0, 100% 100%);\n    .image-wrap {\n      @include absolute-fill();\n      background-size: cover;\n      img {\n        display: none;\n      }\n    }\n  }\n}\n\n@media screen and (max-width: $screen-desktop-max) {\n  .container {\n    min-height: 50vw;\n    .sleeve {\n      flex-wrap: wrap;\n      .content-wrap {\n        width: 60%;\n        padding: 18vw $spacer-3 $spacer-3 $spacer-3;\n        margin-bottom: 50px;\n      }\n      .graphic-wrap {\n        margin-left: 0;\n        bottom: auto;\n        padding-bottom: 50vw;\n      }\n    }\n  }\n}\n\n\n@media screen and (max-width: $screen-tablet-max) {\n  .container {\n    .sleeve {\n      .content-wrap {\n        width: 70%;\n        padding-top: $spacer-8;\n      }\n    }\n  }\n}\n\n@media screen and (max-width: $screen-mobile-max) {\n  .container {\n    .sleeve {\n      .content-wrap {\n        width: 80%;\n      }\n    }\n  }\n}\n\n@media screen and (max-width: $screen-mobile-small) {\n  .container {\n    .sleeve {\n      .content-wrap {\n        width: 100%;\n      }\n    }\n  }\n}\n","/* eslint-disable prettier/prettier */\nimport {Component, h, Prop} from '@stencil/core';\nimport {brandColour} from '../../globals/brand-colour';\nimport {spacingOption} from '../../globals/spacing-option';\n\n\n@Component({\n  tag: 'biggive-hero-image',\n  styleUrl: 'biggive-hero-image.scss',\n  shadow: true,\n})\nexport class BiggiveHeroImage {\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: spacingOption = 0;\n\n  /**\n   * Colour Scheme\n   */\n   @Prop() colourScheme: brandColour = 'primary';\n\n  /**\n   * Header slug\n   */\n   @Prop() slug: string;\n\n  /**\n   * Header slug colour\n   */\n   @Prop() slugColour: brandColour;\n\n  /**\n   * Full URL of a logo image.\n   */\n   @Prop() logo: string = '';\n\n   /**\n   * Logo container height selection. Numbers are not measurements.\n   */\n   @Prop() logoHeight: 1|2|3|4|5|6|7|8|9|10 = 3;\n\n  /**\n   * Logo alt text\n   */\n    @Prop() logoAltText: string = '';\n\n  /**\n   * Full URL of a main hero image.\n   */\n    @Prop() mainImage: string|null = null;\n\n  /**\n   * Determines whether the main image is clipped to a triangle shape (default) or used as\n   * a background for the entire component. Clipping can leave a lot of blank space.\n   */\n  @Prop() mainImageShape: 'triangle'|'rectangle' = 'triangle';\n\n  /**\n   * Horizontal alignment of image\n   */\n    @Prop() mainImageAlignHorizontal: string = 'center';\n\n      /**\n   * Vertical alignment of image\n   */\n    @Prop() mainImageAlignVertical: string = 'center';\n\n  /**\n   * Hero image title, typically the page.\n   */\n  @Prop() mainTitle: string;\n  /**\n   * Main title colour\n   */\n   @Prop() mainTitleColour?: brandColour;\n  /**\n   * Introductory teaser text\n   */\n  @Prop() teaser: string|undefined;\n  /**\n   * Teaser colour\n   */\n   @Prop() teaserColour?: brandColour;\n  /**\n   * Button Url\n   */\n   @Prop() buttonUrl: string;\n\n  /**\n   * Button Label\n   */\n   @Prop() buttonLabel: string;\n\n  /**\n   * Button Colour Scheme\n   */\n  @Prop() buttonColourScheme: brandColour = 'primary';\n\n\n  render() {\n    const mainTitleClasses = 'main-title ' + (typeof this.mainTitleColour === 'string' && this.mainTitleColour.length > 0 ? `text-colour-${this.mainTitleColour}` : '');\n    const teaserClasses = 'teaser ' +\n      (this.buttonLabel?.length > 0 ? 'teaser-with-space ' : '') +\n      (typeof this.teaserColour === 'string' && this.teaserColour.length > 0 ? `text-colour-${this.teaserColour}` : '');\n\n    // Charities can use line breaks in their copy so we convert them to BR tags to display. Using this rather than\n    // `pre` or `pre-wrap` so that literal whitespace inserted into the rendered output doesn't affect the layout.\n    // Assuming that this is needed only for the teaser, and the main title would never contain a line break.\n    const teaserLines = this.lineBreakToBr(this.teaser);\n\n    return (\n      <div class={'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow}\n           style={this.mainImageShape === 'rectangle' ?  {'background-image': 'url(' + this.mainImage + ')', 'background-size': 'cover'} : {}}\n      >\n        <div class=\"sleeve\">\n          <div class=\"content-wrap\" >\n            {this.logo !== undefined && this.logo !== null ? (\n              <div class={'logo image-wrap logo-height-'+this.logoHeight}>\n                <img src={this.logo} alt={this.logoAltText} title={this.logoAltText}/>\n              </div>\n            ) : <div class={'logo-space logo-height-'+this.logoHeight}></div>}\n            {this.logo?.length > 0 || this.slug?.length > 0\n              ? (<div class={'slug text-colour-'+this.slugColour}>{this.slug}</div>)\n              : null\n            }\n            <h1 class={mainTitleClasses}>{this.mainTitle}</h1>\n            <div class={teaserClasses}>{teaserLines}</div>\n            {this.buttonLabel != null && this.buttonUrl != null\n              ? <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n              : null\n            }\n          </div>\n            {this.mainImageShape === 'triangle' && this.mainImage !== null ? (\n              <div class=\"graphic-wrap\">\n              <div\n                class=\"image-wrap\"\n                role=\"presentation\"\n                style={{ 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical }}\n              >\n              </div>\n              </div>\n            ) : null}\n          </div>\n      </div>\n    );\n  }\n\n  /**\n   * Takes a string that may contain any form of newlines, and returns an array that alternates\n   * between substrings found between the newlines and <br/> elements as objects.\n   */\n  private lineBreakToBr(string: string|undefined): unknown[] {\n    if (string == undefined) {\n      return [];\n    }\n\n    return string.split(/\\r?\\n|\\r|\\n/g)\n      .map(line => [line, <br/>])\n      .flat()\n      .slice(0, -1);\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-icon-button.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-icon-button.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-icon-button/biggive-icon-button.scss?tag=biggive-icon-button&encapsulation=shadow","src/components/biggive-icon-button/biggive-icon-button.tsx"],"sourcesContent":["@include backgrounds();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  a {\n    display: block;\n    text-decoration: none;\n    &.full-width-true {\n      display: block;\n    }\n  }\n  &.centered-true {\n    text-align: center;\n  }\n  &.shadow-true {\n    filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.25));\n  }\n  &.rounded-true {\n    border-radius: 10px;\n  }\n  &.background-padding-1 { padding: $spacer-1; }\n  &.background-padding-2 { padding: $spacer-2; }\n  &.background-padding-3 { padding: $spacer-3; }\n  &.background-padding-4 { padding: $spacer-4; }\n  &.background-padding-5 { padding: $spacer-5; }\n  &.background-padding-6 { padding: $spacer-6; }\n\n  .sleeve {\n    display: flex;\n    .text-wrap {\n      margin: auto 0;\n      text-decoration: none;\n      &.text-padding-1 { padding: 0 $spacer-1; }\n      &.text-padding-2 { padding: 0 $spacer-2; }\n      &.text-padding-3 { padding: 0 $spacer-3; }\n      &.text-padding-4 { padding: 0 $spacer-4; }\n      &.text-padding-5 { padding: 0 $spacer-5; }\n      &.text-padding-6 { padding: 0 $spacer-6; }\n    }\n\n    .arrow-wrap {\n      margin: auto 0 auto auto;\n      @each $key, $colour in $brandColours {\n        &.arrow-colour-#{$key} .arrow-wrap svg path { stroke: $colour; }\n      }\n    }\n  }\n\n  .icon-wrap {\n    background-position: center center;\n    background-size: cover;\n\n    &.circle-true {\n      border-radius: 50%;\n      overflow: hidden;\n    }\n\n    &.size-small {\n      width: 30px;\n      height: 30px;\n    }\n    &.size-medium {\n      width: 45px;\n      height: 45px;\n    }\n    &.size-large {\n      width: 60px;\n      height: 60px;\n    }\n    &.size-x-large {\n      width: 75px;\n      height: 75px;\n    }\n    &.size-xx-large {\n      width: 90px;\n      height: 90px;\n    }\n\n    .misc-icon-item {\n      width: 100%;\n      height: 100%;\n    }\n\n    .misc-icon-item a {\n      padding: 20%;\n    }\n\n  }\n\n  @each $key, $colour in $brandColours {\n    &.arrow-colour-#{$key} .arrow-wrap svg path { stroke: $colour; }\n  }\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-icon-button',\n  styleUrl: 'biggive-icon-button.scss',\n  shadow: true,\n})\nexport class BiggiveIconButton {\n  @Event({\n    eventName: 'doButtonClick',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  doButtonClick: EventEmitter<{ event: object; url: string }>;\n\n  @Prop() spaceBelow: spacingOption = 1;\n\n  @Prop() backgroundColour: brandColour = 'white';\n\n  @Prop() backgroundPadding: spacingOption = 0;\n\n  @Prop() text: string;\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() icon: string;\n\n  @Prop() url: string;\n\n  @Prop() openInNewTab: boolean = false;\n\n  @Prop() size: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' = 'medium';\n\n  @Prop() arrow: boolean = false;\n\n  @Prop() arrowColour: brandColour = 'black';\n\n  @Prop() circle: boolean = false;\n\n  @Prop() shadow: boolean = false;\n\n  @Prop() centered: boolean = false;\n\n  @Prop() rounded: boolean = false;\n\n  @Prop() buttonId: undefined | string = undefined;\n\n  private handleButtonClick = (event: any) => {\n    this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });\n  };\n\n  render() {\n    return (\n      <div\n        class={\n          'container space-below-' +\n          this.spaceBelow +\n          ' background-colour-' +\n          this.backgroundColour +\n          ' background-padding-' +\n          this.backgroundPadding +\n          ' centered-' +\n          this.centered +\n          ' rounded-' +\n          this.rounded +\n          ' shadow-' +\n          this.shadow\n        }\n      >\n        <a href={this.url} target={this.openInNewTab ? '_blank' : '_self'} id={this.buttonId}>\n          <div class=\"sleeve\" onClick={this.handleButtonClick}>\n            <div class={'icon-wrap ' + ' size-' + this.size + ' circle-' + this.circle.toString()}>\n              <biggive-misc-icon icon={this.icon}></biggive-misc-icon>\n            </div>\n\n            {this.text != '' ? <div class={'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding}>{this.text}</div> : null}\n\n            {this.arrow ? (\n              <div class={'arrow-wrap arrow-colour-' + this.arrowColour}>\n                <svg width=\"8\" height=\"12\" viewBox=\"0 0 8 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path d=\"M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174\" stroke=\"black\" stroke-width=\"2\" />\n                </svg>\n              </div>\n            ) : null}\n          </div>\n        </a>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-image-button.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-image-button.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-image-button/biggive-image-button.scss?tag=biggive-image-button&encapsulation=shadow","src/components/biggive-image-button/biggive-image-button.tsx"],"sourcesContent":["@include backgrounds();\n@include text-colours();\n@include spacers();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  a {\n    display: block;\n    text-decoration: none;\n    &.full-width-true {\n      display: block;\n    }\n  }\n  &.centered-true {\n    text-align: center;\n  }\n  &.shadow-true {\n    filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.25));\n  }\n  &.rounded-true {\n    border-radius: 10px;\n  }\n  &.background-padding-1 { padding: $spacer-1; }\n  &.background-padding-2 { padding: $spacer-2; }\n  &.background-padding-3 { padding: $spacer-3; }\n  &.background-padding-4 { padding: $spacer-4; }\n  &.background-padding-5 { padding: $spacer-5; }\n  &.background-padding-6 { padding: $spacer-6; }\n\n  .sleeve {\n    display: flex;\n    .text-wrap {\n      margin: auto 0;\n      text-decoration: none;\n      &.text-padding-1 { padding: 0 $spacer-1; }\n      &.text-padding-2 { padding: 0 $spacer-2; }\n      &.text-padding-3 { padding: 0 $spacer-3; }\n      &.text-padding-4 { padding: 0 $spacer-4; }\n      &.text-padding-5 { padding: 0 $spacer-5; }\n      &.text-padding-6 { padding: 0 $spacer-6; }\n    }\n\n    .arrow-wrap {\n      margin: auto 0 auto auto;\n      @each $key, $colour in $brandColours {\n        &.arrow-colour-#{$key} .arrow-wrap svg path { stroke: $colour; }\n      }\n    }\n  }\n\n  .image-wrap {\n    background-position: center center;\n    background-size: cover;\n\n    &.image-style-contain {\n      background-size: contain;\n    }\n\n    &.circle-true {\n      border-radius: 50%;\n      overflow: hidden;\n    }\n\n    &.size-small {\n      width: 30px;\n      height: 30px;\n    }\n    &.size-medium {\n      width: 45px;\n      height: 45px;\n    }\n    &.size-large {\n      width: 60px;\n      height: 60px;\n    }\n    &.size-x-large {\n      width: 75px;\n      height: 75px;\n    }\n    &.size-xx-large {\n      width: 90px;\n      height: 90px;\n    }\n\n  }\n\n\n\n\n\n}\n\n\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-image-button',\n  styleUrl: 'biggive-image-button.scss',\n  shadow: true,\n})\nexport class BiggiveImageButton {\n  @Event({\n    eventName: 'doButtonClick',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  doButtonClick: EventEmitter<{ event: object; url: string }>;\n\n  @Prop() spaceBelow: spacingOption = 1;\n\n  @Prop() backgroundColour: brandColour = 'white';\n\n  @Prop() backgroundPadding: spacingOption = 0;\n\n  @Prop() text: string;\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() imageUrl: string;\n\n  @Prop() imageStyle: string = 'cover';\n\n  @Prop() url: string;\n\n  @Prop() openInNewTab: boolean = false;\n\n  @Prop() size: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' = 'medium';\n\n  @Prop() arrow: boolean = false;\n\n  @Prop() arrowColour: brandColour = 'black';\n\n  @Prop() circle: boolean = false;\n\n  @Prop() shadow: boolean = false;\n\n  @Prop() centered: boolean = false;\n\n  @Prop() rounded: boolean = false;\n\n  @Prop() buttonId: undefined | string = undefined;\n\n  private handleButtonClick = (event: any) => {\n    this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });\n  };\n\n  render() {\n    return (\n      <div\n        class={\n          'container space-below-' +\n          this.spaceBelow +\n          ' background-colour-' +\n          this.backgroundColour +\n          ' background-padding-' +\n          this.backgroundPadding +\n          ' centered-' +\n          this.centered +\n          ' rounded-' +\n          this.rounded +\n          ' shadow-' +\n          this.shadow\n        }\n      >\n        <a href={this.url} target={this.openInNewTab ? '_blank' : '_self'} id={this.buttonId}>\n          <div class=\"sleeve\" onClick={this.handleButtonClick}>\n            <div\n              class={'image-wrap ' + ' image-style-' + this.imageStyle + ' size-' + this.size + ' circle-' + this.circle.toString()}\n              style={{ backgroundImage: 'url(' + this.imageUrl + ')' }}\n            ></div>\n\n            {this.text != '' ? <div class={'text-wrap text-colour-' + this.textColour + ' text-padding-' + this.backgroundPadding}>{this.text}</div> : null}\n\n            {this.arrow ? (\n              <div class={'arrow-wrap arrow-colour-' + this.arrowColour}>\n                <svg width=\"8\" height=\"12\" viewBox=\"0 0 8 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path d=\"M0.76912 1.0791L5.73828 6.04826L0.769121 11.0174\" stroke=\"black\" stroke-width=\"2\" />\n                </svg>\n              </div>\n            ) : null}\n          </div>\n        </a>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-image-card.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-image-card.entry.cjs.js","mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,i+QAAi+Q;;MCSh/Q,gBAAgB,GAAA,MAAA;AAL7B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAE7B,QAAA,IAAgB,CAAA,gBAAA,GAAgB,SAAS;AAMzC,QAAA,IAAS,CAAA,SAAA,GAAgC,QAAQ;AAIjD,QAAA,IAAY,CAAA,YAAA,GAAgB,OAAO;AAEnC,QAAA,IAAW,CAAA,WAAA,GAAW,QAAQ;AAE9B,QAAA,IAAW,CAAA,WAAA,GAAW,UAAU;AAMhC,QAAA,IAAkB,CAAA,kBAAA,GAAW,eAAe;AAE5C,QAAA,IAAoB,CAAA,oBAAA,GAAY,IAAI;AAEpC,QAAA,IAAkB,CAAA,kBAAA,GAAY,IAAI;AAElC,QAAA,IAAY,CAAA,YAAA,GAAY,KAAK;AAwCtC;IAtCC,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EACH,wBAAwB;AACxB,gBAAA,IAAI,CAAC,UAAU;gBACf,qBAAqB;AACrB,gBAAA,IAAI,CAAC,gBAAgB;gBACrB,2BAA2B;AAC3B,gBAAA,IAAI,CAAC,oBAAoB;gBACzB,yBAAyB;AACzB,gBAAA,IAAI,CAAC,kBAAkB;gBACvB,iBAAiB;gBACjB,IAAI,CAAC,YAAY,EAAA,EAGnBA,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,IAAI,EAAE,IAAI,CAAC,SAAS,EAAA,EACrBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,qBAAqB,GAAG,IAAI,CAAC,YAAY,GAAG,cAAc,GAAG,IAAI,CAAC,SAAS,EAAA,EACrFA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACtB,IAAI,CAAC,YAAY,IAAI,EAAE,IACtBA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,sBAAsB,EAAA,EAC/BA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAI,CAAA,CACrF,CACF,IACJ,IAAI,EACRA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,IAAE,IAAI,CAAC,MAAM,CAAO,EACtC,IAAI,CAAC,WAAW,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,EAAE,IACzEA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC,WAAW,EAAA,EACjDA,OAA+B,CAAA,gBAAA,EAAA,EAAA,eAAA,EAAA,IAAI,CAAC,kBAAkB,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAA,CAAmB,CAC9F,IACJ,IAAI,CACJ,CACF,CACJ,CACA;;;;;;;","names":["h"],"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"],"version":3}

package/dist/cjs/biggive-image-feature.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-image-feature.entry.cjs.js","mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,ywGAAywG;;MCO3xG,mBAAmB,GAAA,MAAA;AALhC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAC9B;;AAEG;AACK,QAAA,IAAiB,CAAA,iBAAA,GAAW,SAAS;AAE7C;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAW,EAAE;AAE7B;;AAEG;AACK,QAAA,IAAY,CAAA,YAAA,GAAW,EAAE;AAOjC;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,EAAE;AAO/B;;AAEG;AACK,QAAA,IAAe,CAAA,eAAA,GAAW,EAAE;AAOpC;;AAEG;AACK,QAAA,IAAY,CAAA,YAAA,GAAW,EAAE;AAYjC;;AAEG;AACK,QAAA,IAAkB,CAAA,kBAAA,GAAW,SAAS;AAyB/C;IAvBC,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EAC/FA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAAC,UAAU,EAAG,EAAA,IAAI,CAAC,IAAI,CAAO,EACpEA,OAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAG,EAAA,IAAI,CAAC,SAAS,CAAM,EAC7EA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,GAAG,IAAI,CAAC,YAAY,EAAG,EAAA,IAAI,CAAC,MAAM,CAAO,EACzE,IAAI,CAAC,WAAW,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,IACjDA,OAAA,CAAA,gBAAA,EAAA,EAAA,eAAA,EAA+B,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAmB,IACrH,IAAI,CACJ,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACtB,IAAI,CAAC,QAAQ,KAAK,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,IACpDA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,YAAY,EAAA,EACrBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,GAAI,CAC/C,IACJ,IAAI,CACJ,CACF,CACF;;;;;;;","names":["h"],"sources":["src/components/biggive-image-feature/biggive-image-feature.scss?tag=biggive-image-feature&encapsulation=shadow","src/components/biggive-image-feature/biggive-image-feature.tsx"],"sourcesContent":["@include image-alignment();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  position: relative;\n  .sleeve {\n    @include flex-container-row();\n    .content-wrap {\n      width: calc(40% - $spacer-3);\n      position: relative;\n      z-index: 1;\n      .slug {\n        @include heading-4;\n        margin: 0;\n        padding: 0;\n      }\n      h2 {\n        @include heading-2;\n         margin: 0 0 $spacer-3 0;\n        padding: 0;\n      }\n      .teaser {\n        margin: 0 0 $spacer-5 0;\n        padding: 0;\n      }\n    }\n  \n    .graphic-wrap {\n      width: calc(60% - $spacer-3);\n    }\n  }\n}\n\n\n@media screen and (max-width: $screen-mobile-max) {\n  .container {\n    .sleeve {\n      flex-wrap: wrap;\n    .content-wrap {\n      width: 100%;\n    }\n    .graphic-wrap {\n      width: 100%;\n      margin-bottom: $spacer-3;\n      order: -1;\n    }\n  }\n  }\n}\n\n\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-image-feature',\n  styleUrl: 'biggive-image-feature.scss',\n  shadow: true,\n})\nexport class BiggiveImageFeature {\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n  /**\n   * Default text colour\n   */\n  @Prop() defaultTextColour: string = 'primary';\n\n  /**\n   * Full URL of a image.\n   */\n  @Prop() imageUrl: string = '';\n\n  /**\n   * Image alt text tag.\n   */\n  @Prop() imageAltText: string = '';\n\n  /**\n   * Slug\n   */\n  @Prop() slug: string;\n\n  /**\n   * Slug colour\n   */\n  @Prop() slugColour: string = '';\n\n  /**\n   * Video title\n   */\n  @Prop() mainTitle: string;\n\n  /**\n   * Slug colour\n   */\n  @Prop() mainTitleColour: string = '';\n\n  /**\n   * Introductory teaser text\n   */\n  @Prop() teaser: string;\n\n  /**\n   * Teaser colour\n   */\n  @Prop() teaserColour: string = '';\n\n  /**\n   * Button Url\n   */\n  @Prop() buttonUrl: string;\n\n  /**\n   * Button Label\n   */\n  @Prop() buttonLabel: string;\n\n  /**\n   * Button Colour Scheme\n   */\n  @Prop() buttonColourScheme: string = 'primary';\n\n  render() {\n    return (\n      <div class={'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow}>\n        <div class=\"sleeve\">\n          <div class=\"content-wrap\">\n            <div class={'slug text-colour-' + this.slugColour}>{this.slug}</div>\n            <h2 class={'title text-colour-' + this.mainTitleColour}>{this.mainTitle}</h2>\n            <div class={'teaser text-colour-' + this.teaserColour}>{this.teaser}</div>\n            {this.buttonLabel != null && this.buttonUrl != null ? (\n              <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n            ) : null}\n          </div>\n          <div class=\"graphic-wrap\">\n            {this.imageUrl !== null && this.imageUrl !== undefined ? (\n              <div class=\"image-wrap\">\n                <img src={this.imageUrl} alt={this.imageAltText} />\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-image.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-image.entry.cjs.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,6pBAA6pB;;MCOxqB,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAE9B;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAE9B;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAW,EAAE;AAE7B;;AAEG;AACK,QAAA,IAAY,CAAA,YAAA,GAAW,EAAE;AAEjC;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAW,CAAC;AAEzB;;AAEG;AACK,QAAA,IAAM,CAAA,MAAA,GAAW,CAAC;AAE1B;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAW,IAAI;AA2BhC;IAzBS,QAAQ,GAAA;QACd,IAAI,KAAK,GAAG,MAAM;AAClB,QAAA,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE;YAClB,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ;;AAEpC,QAAA,OAAO,KAAK;;IAGN,SAAS,GAAA;QACf,IAAI,MAAM,GAAG,MAAM;AACnB,QAAA,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YACnB,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ;;AAEtC,QAAA,OAAO,MAAM;;IAGf,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,EAAA,EACrJA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,EAAA,CAAI,CAC5G,CACF;;;;;;;","names":["h"],"sources":["src/components/biggive-image/biggive-image.scss?tag=biggive-image&encapsulation=shadow","src/components/biggive-image/biggive-image.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-image',\n  styleUrl: 'biggive-image.scss',\n  shadow: true,\n})\nexport class BiggiveImage {\n  /**\n   * Space above component\n   */\n  @Prop() spaceAbove: number = 0;\n\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n\n  /**\n   * Full URL of a image.\n   */\n  @Prop() imageUrl: string = '';\n\n  /**\n   * Image alt text tag.\n   */\n  @Prop() imageAltText: string = '';\n\n  /**\n   * Image width\n   */\n  @Prop() width: number = 0;\n\n  /**\n   * Image width\n   */\n  @Prop() height: number = 0;\n\n  /**\n   * Size unit\n   */\n  @Prop() sizeUnit: string = 'px';\n\n  private getWidth(): string {\n    var width = 'auto';\n    if (this.width > 0) {\n      width = this.width + this.sizeUnit;\n    }\n    return width;\n  }\n\n  private getHeight(): string {\n    var height = 'auto';\n    if (this.height > 0) {\n      height = this.height + this.sizeUnit;\n    }\n    return height;\n  }\n\n  render() {\n    return (\n      <div class={'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow} style={{ width: this.getWidth(), height: this.getHeight() }}>\n        <div class=\"image-wrap\">\n          <img src={this.imageUrl} style={{ width: this.getWidth(), height: this.getHeight() }} alt={this.imageAltText} />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-main-menu.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-main-menu.entry.cjs.js","mappings":"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","names":["h","makeURL","Host"],"sources":["src/components/biggive-main-menu/biggive-main-menu.scss?tag=biggive-main-menu&encapsulation=shadow","src/components/biggive-main-menu/biggive-main-menu.tsx"],"sourcesContent":[":host {\n  display: block !important;\n}\n\n:host(.fixed) {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 10;\n}\n\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  font-family: 'Euclid Triangle', sans-serif;\n}\n\na {\n  // target all classes prefixed with 'icon-' so we don't repeat code\n  &[class^='icon-'],\n  &[class*='icon-'] {\n    padding-left: 20px;\n    background-repeat: no-repeat;\n    background-size: auto 10px;\n    background-position: left center;\n  }\n\n  &.icon-earth-raise {\n    background-image: url(/assets/images/triangles-combined-earth-raise.svg);\n  }\n\n  &.icon-children {\n    background-image: url(/assets/images/triangles-combined-children.svg);\n  }\n\n  &.icon-christmas {\n    background-image: url(/assets/images/triangles-combined-christmas-challenge.svg);\n  }\n\n  &.icon-women-girls {\n    background-image: url(/assets/images/triangles-combined-women-girls.svg);\n  }\n\n  &.icon-mental-health {\n    background-image: url(/assets/images/triangles-combined-mental-health.svg);\n  }\n\n  &.icon-anchor-match {\n    background-image: url(/assets/images/triangles-combined-anchor.svg);\n  }\n\n  &.icon-small-charity {\n    background-image: url(/assets/images/triangles-combined-small-charity-week.svg);\n  }\n\n  &.icon-emergency {\n    background-image: url(/assets/images/triangles-combined-emergency.svg);\n  }\n\n  &.icon-arts-impact {\n    background-image: url(/assets/images/triangles-combined-arts-black.svg);\n  }\n}\n\n.mobile-only {\n  display: none !important;\n}\n\n.row-top {\n  padding: $spacer-2 $spacer-4;\n  background-color: $colour-primary-blue;\n  display: flex;\n  max-height: $icon-size-large + 2 * $spacer-2;\n\n  .social-icon-wrap {\n    display: flex;\n    min-height: $icon-size-large; // Avoid broken content padding offset, due to menu height changing after component load.\n    margin-right: $spacer-2;\n\n    .social-icon-item {\n      margin-right: $spacer-2;\n    }\n  }\n\n  .nav-secondary {\n    margin-left: auto;\n    display: grid;\n\n    ul {\n      list-style: none;\n      display: inline-flex;\n      margin: auto;\n    }\n\n    li {\n      border-right: 1px solid $colour-white;\n      height: fit-content;\n      padding: 0 10px;\n\n      &:last-child {\n        border-right: 0;\n        padding-right: 0;\n      }\n\n      a {\n        color: $colour-white;\n        text-decoration: none;\n      }\n    }\n  }\n}\n\nnav {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: $nav-height-desktop;\n  background: white;\n  z-index: 99;\n  box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n  .navbar {\n    height: 100%;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: auto;\n    padding: 0 50px;\n\n    .nav-links {\n      line-height: $nav-height-desktop;\n      height: 100%;\n\n      .sidebar-logo {\n        display: none;\n      }\n\n      .links {\n        display: flex;\n\n        li {\n          position: relative;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          list-style: none;\n          padding: 0 30px;\n\n          a {\n            height: 100%;\n            text-decoration: none;\n            white-space: nowrap;\n            color: black;\n            font-size: 17px;\n            font-weight: 500;\n          }\n\n          .sub-menu {\n            position: absolute;\n            top: $nav-height-desktop;\n            left: 0;\n            line-height: 40px;\n            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n            border-radius: 0 0 4px 4px;\n            display: none;\n            z-index: 2;\n            background-color: inherit;\n\n            li {\n              padding: 0 22px;\n              border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n            }\n\n            a {\n              color: black;\n              font-size: 15px;\n              font-weight: 500;\n            }\n\n            .more {\n              .sub-sub-menu {\n                position: absolute;\n                top: 0;\n                // On tablet & small desktop there's often not enough room for an extra menu to the right,\n                // so left is safest.\n                right: 100%;\n                border-radius: 0 4px 4px 4px;\n                z-index: 1;\n                display: none;\n              }\n            }\n          }\n\n          .arrow {\n            margin-left: 5px;\n            text-align: center;\n            display: inline-block;\n            color: black;\n            transition: all 0.3s ease;\n\n            &.transform-90 {\n              transform: rotate(90deg);\n            }\n          }\n        }\n      }\n    }\n\n    .logo {\n      min-width: 180px;\n      width: 180px;\n\n      a {\n        font-size: 30px;\n        color: black;\n        text-decoration: none;\n        font-weight: 600;\n        display: grid;\n      }\n    }\n\n    .bx-menu {\n      display: none;\n    }\n  }\n}\n\n@media (hover: hover) {\n  /* when hover is supported */\n  .row-top {\n    .nav-secondary {\n      li {\n        a {\n          &:hover {\n            border-bottom-color: $colour-white;\n            color: $colour-white;\n          }\n        }\n      }\n    }\n  }\n\n  nav {\n    .navbar {\n      .nav-links {\n        .links {\n          li {\n            .sub-menu {\n              .more {\n                &:hover {\n                  .sub-sub-menu {\n                    display: block;\n                  }\n                }\n              }\n            }\n\n            &:hover {\n              .sub-menu-arrow {\n                transform: rotate(90deg);\n              }\n\n              .sub-menu {\n                display: block;\n                background-color: white;\n\n                .sub-sub-menu {\n                  background-color: white;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@media (max-width: 1200px) {\n  nav {\n    .navbar {\n      .logo {\n        min-width: 120px;\n        width: 120px;\n      }\n\n      .nav-links {\n        .links {\n          li {\n            padding: 0 7px;\n\n            a {\n              font-size: 15px;\n            }\n\n            .sub-menu {\n              a {\n                font-size: 13px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n@media (max-width: $screen-large) {\n  .mobile-only {\n    display: block !important;\n  }\n\n  .row-top {\n    display: none;\n  }\n\n  nav {\n    height: 60px;\n    .navbar {\n      padding: 0px 25px;\n      .bx-menu {\n        display: block;\n        font-size: 25px;\n        color: black;\n      }\n\n      .nav-links {\n        position: fixed;\n        top: 0;\n        left: -100%;\n        display: block;\n        max-width: 450px;\n        width: 100%;\n        background: white;\n        line-height: 40px;\n        padding: 20px;\n        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n        transition: all 0.5s ease;\n        z-index: 1000;\n        overflow-y: scroll;\n\n        .sidebar-logo {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n\n          a {\n            display: contents;\n\n            #mobileLogo {\n              width: 130px;\n            }\n\n          }\n\n          #x {\n            margin-right: 15px;\n          }\n\n          i {\n            font-size: 25px;\n            color: black;\n          }\n        }\n\n        .mobile-social-icon-wrap {\n          margin-top: 20px;\n        }\n\n        .links {\n          display: block;\n          margin-top: 20px;\n\n          li {\n            display: block;\n            border-bottom: 1px solid #e6e6e6;\n\n            a {\n              width: 100%;\n              display: block;\n            }\n\n            .sub-menu {\n              position: relative;\n              top: 0;\n              box-shadow: none;\n              display: none;\n\n              li {\n                border-bottom: none;\n              }\n\n              .sub-sub-menu {\n                display: none;\n                position: relative;\n                left: 0;\n\n                li {\n                  display: flex;\n                  align-items: center;\n                  justify-content: space-between;\n                }\n              }\n\n              .more {\n                span {\n                  display: flex;\n                  align-items: center;\n                }\n\n                .sub-sub-menu {\n                  &.display-sub-menu {\n                    position: initial;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media (max-width: 370px) {\n    nav .navbar .nav-links {\n      max-width: 100%;\n    }\n  }\n}\n\n.display-sub-menu, .display-sub-menu li {\n  display: block !important;\n}\n\n#nav-primary .display-sub-menu, #nav-primary .display-sub-menu li {\n  background-color: white;\n}\n\n\n.sub-menu-main {\n  position: absolute;\n  top: $upper-nav-height-desktop;\n  left: 0;\n  line-height: 40px;\n  border-radius: 0 0 4px 4px;\n  display: none;\n  background-color: $colour-primary-blue;\n  z-index: 2;\n\n  li {\n    border-right: none !important;\n    padding: 0 22px;\n    display: none;\n  }\n\n  @media (max-width: $screen-large) {\n    position: static !important;\n    background: none;\n  }\n}\n\n.arrow {\n  margin-left: 5px;\n  text-align: center;\n  display: inline-block;\n  color: black;\n  transition: all 0.3s ease;\n\n  &.transform-90 {\n    transform: rotate(90deg);\n  }\n}\n\n.nav-secondary li {\n  position: relative !important;\n  &:hover {\n    .sub-menu-arrow {\n      transform: rotate(90deg);\n    }\n\n    .sub-menu-main {\n      display: block;\n      li {\n        display: block;\n      }\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n  tag: 'biggive-main-menu',\n  styleUrl: 'biggive-main-menu.scss',\n  shadow: true,\n})\nexport class BiggiveMainMenu {\n  @Element() host: HTMLBiggiveMainMenuElement;\n\n  // URL prefixes vary by environment, and components library is not best placed to know what they are, so we\n  // take them as props. But somehow on first render the prop passed in doesn't seem to be used, so the defaults\n  // below are the values currently used in our prod site. They should be replaced by other values in other\n  // environments.\n  @Prop() blogUrlPrefix: string = 'https://biggive.org';\n\n  @Prop() donateUrlPrefix: string = 'https://donate.biggive.org';\n\n  @Prop() experienceUrlPrefix: string = 'https://community.biggive.org';\n\n  @Prop() smallCharityWeekEnabled = false;\n\n  /**\n   * We don't want to make the ?noredirect version proliferate too much so err on not\n   * including this. We also don't really want every single page to have to get highlight cards\n   * to set this property. So for now, typically only meta-campaign bothers to get the correct value\n   * to set this true if appropriate. That's the page which is the destination of the redirect so is\n   * arguably the only place where it's essential that the menu lets you go to the 'normal' home page.\n   */\n  @Prop() someCampaignHasHomePageRedirect = false;\n\n  /**\n   * Whether the current user is logged in (i.e. is assumed to have a valid JWT). They get links to some\n   * extra content if they are.\n   */\n  @Prop() isLoggedIn = false;\n\n  @Event({\n    eventName: 'logoutClicked',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  logoutClicked: EventEmitter<void>;\n\n  @Method()\n  async closeMobileMenuFromOutside() {\n    const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n    mobileMenu!.style.left = '-100%';\n  }\n\n  private openMobileMenu = () => {\n    const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n    mobileMenu!.style.left = '0';\n  };\n\n  private logOut = () => {\n    this.logoutClicked.emit();\n  };\n\n  private closeMobileMenu = () => {\n    const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n    mobileMenu!.style.left = '-100%';\n  };\n\n  private noNav(event: Event) {\n    event.preventDefault();\n  }\n\n  componentDidLoad() {\n    this.host.classList.add('fixed');\n\n    const subMenuElements = this.host.shadowRoot!.querySelectorAll<HTMLElement>('.sub-menu');\n    if (subMenuElements.length === 0) {\n      throw new Error('Missing subMenuElements');\n    }\n\n    /**\n     * Closes all the sub-menus except the one exception.\n     */\n    const closeAllSubMenus = ({ except }: { except: HTMLAnchorElement }) => {\n      subMenuElements.forEach(subMenuElement => {\n        const link = subMenuElement.parentElement?.querySelector('a');\n\n        if (link === except) {\n          return;\n        }\n\n        link?.classList.remove('transform-90');\n        subMenuElement.classList.remove('display-sub-menu');\n      });\n    };\n\n    subMenuElements.forEach(subMenuElement => {\n      // the subMenuLink is a sibling element to the actual sub-menu\n      const subMenuLink = subMenuElement.parentElement?.querySelector('a');\n\n      subMenuLink!.onclick = () => {\n        const subMenuArrow = subMenuLink!.querySelector('.sub-menu-arrow');\n        closeAllSubMenus({ except: subMenuLink! });\n        subMenuArrow!.classList.toggle('transform-90');\n        subMenuElement.classList.toggle('display-sub-menu');\n      };\n    });\n\n    const subSubMenuElements = this.host.shadowRoot!.querySelectorAll<HTMLElement>('.sub-sub-menu');\n\n    if (subSubMenuElements.length === 0) {\n      throw new Error('Missing subSubMenuElements');\n    }\n\n    subSubMenuElements.forEach(subSubMenuElement => {\n      // the subSubMenuLink is a sibling element to the actual sub-sub-menu\n      const subSubMenuLink = subSubMenuElement!.parentElement!.querySelector('a');\n\n      subSubMenuLink!.onclick = () => {\n        const subMenuArrow = subSubMenuLink!.querySelector('.sub-sub-menu-arrow');\n        subMenuArrow!.classList.toggle('transform-90');\n        subSubMenuElement.classList.toggle('display-sub-menu');\n      };\n    });\n  }\n\n  private getSecondaryNavLinks(layout: 'desktop' | 'mobile') {\n    const chevronIconColour = layout === 'desktop' ? 'white' : 'black';\n    const chevronBackgroundColour = layout === 'desktop' ? 'blue' : 'white';\n    return (\n      <ul>\n        {!this.isLoggedIn && (\n          <li>\n            <a href={makeURL('Donate', this.donateUrlPrefix, 'login')}>Donor Login</a>\n          </li>\n        )}\n        {this.isLoggedIn && (\n          <li>\n            <a onClick={this.noNav}>\n              My Account\n              <biggive-misc-icon\n                class=\"bx bxs-chevron-down sub-menu-arrow arrow\"\n                background-colour={chevronBackgroundColour}\n                icon-colour={chevronIconColour}\n                icon=\"CaretRight\"\n              ></biggive-misc-icon>\n            </a>\n            <ul class=\"sub-menu sub-menu-main\" id=\"my-account-sub-menu\">\n              <li>\n                <a href={makeURL('Donate', this.donateUrlPrefix, 'my-account')}>Your details</a>\n              </li>\n              <li>\n                <a href=\"javascript:void(0)\" onClick={this.logOut}>\n                  Log out\n                </a>\n              </li>\n            </ul>\n          </li>\n        )}\n        <li>\n          <a href={makeURL('Experience', this.experienceUrlPrefix, 'charities/s/login')}>Charity Login</a>\n        </li>\n        <li>\n          <a href={makeURL('Blog', this.blogUrlPrefix, 'support')}>Support</a>\n        </li>\n      </ul>\n    );\n  }\n\n  render() {\n    const homePageLink = this.someCampaignHasHomePageRedirect ? '/?noredirect' : '/';\n\n    // calling same function twice because using same JSX node twice is not allowed\n    // see https://stenciljs.com/docs/templating-jsx#avoid-shared-jsx-nodes\n    const secondaryNavLinksForDesktop = this.getSecondaryNavLinks('desktop');\n    const secondaryNavLinksForMobile = this.getSecondaryNavLinks('mobile');\n\n    return (\n      <Host>\n        <div class=\"row row-top\">\n          <div class=\"social-icon-wrap\">\n            <biggive-social-icon service=\"Facebook\" url=\"https://www.facebook.com/BigGive.org\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n            <biggive-social-icon service=\"Twitter\" url=\"https://x.com/BigGive\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n            <biggive-social-icon service=\"LinkedIn\" url=\"https://uk.linkedin.com/company/big-give\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n            <biggive-social-icon\n              service=\"YouTube\"\n              url=\"https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA\"\n              background-colour=\"tertiary\"\n              icon-colour=\"black\"\n            ></biggive-social-icon>\n            <biggive-social-icon service=\"Instagram\" url=\"https://www.instagram.com/biggiveorg\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n          </div>\n          <div class=\"nav-secondary\">{secondaryNavLinksForDesktop}</div>\n        </div>\n        <nav role=\"navigation\" aria-label=\"Main Menu\">\n          <div class=\"navbar\">\n            <div class=\"logo\">\n              <a href={this.donateUrlPrefix + homePageLink} aria-label=\"Home\">\n                <svg version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 140.9 30\">\n                  <path d=\"M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z\" />\n                  <path d=\"M13.5,1l13.5,23H0L13.5,1z\" />\n                </svg>\n              </a>\n            </div>\n            <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"white\" icon-colour=\"black\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n            <div class=\"nav-links\">\n              <div class=\"sidebar-logo\">\n                <a href={this.donateUrlPrefix + homePageLink} aria-label=\"Home\">\n                  <svg version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 140.9 30\" id=\"mobileLogo\">\n                    <path d=\"M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z\" />\n                    <path d=\"M13.5,1l13.5,23H0L13.5,1z\" />\n                  </svg>\n                </a>\n                <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"black\" icon=\"MenuClose\" onClick={this.closeMobileMenu}></biggive-misc-icon>\n              </div>\n              <div id=\"nav-primary\">\n                <ul class=\"links\" slot=\"nav-primary\">\n                  <li>\n                    <a href={makeURL('Donate', this.donateUrlPrefix, 'explore')}>Explore Campaigns</a>\n                  </li>\n                  <li>\n                    <a href={makeURL('Blog', this.blogUrlPrefix, 'charities')}>For Charities</a>\n                  </li>\n                  <li>\n                    <a href={makeURL('Blog', this.blogUrlPrefix, 'funders')}>For Funders</a>\n                  </li>\n                  <li>\n                    <a onClick={this.noNav}>\n                      Match Funding\n                      <biggive-misc-icon class=\"bx bxs-chevron-down sub-menu-arrow arrow\" background-colour=\"white\" icon-colour=\"black\" icon=\"CaretRight\"></biggive-misc-icon>\n                    </a>\n                    <ul class=\"sub-menu\">\n                      <li>\n                        <a href={makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained')}>Match Funding Explained</a>\n                      </li>\n                      <li>\n                        <a href={makeURL('Blog', this.blogUrlPrefix, 'impact')}>Match Funding Impact</a>\n                      </li>\n                      <li class=\"more\">\n                        <a onClick={this.noNav}>\n                          Match Funding Opportunities\n                          {/* IMPORTANT: notice this one has a class sub-sub-menu, not sub-menu  */}\n                          <biggive-misc-icon\n                            class=\"bx bxs-chevron-down sub-sub-menu-arrow arrow\"\n                            background-colour=\"white\"\n                            icon-colour=\"black\"\n                            icon=\"CaretRight\"\n                          ></biggive-misc-icon>\n                        </a>\n                        <ul class=\"sub-sub-menu\">\n                          <li>\n                            <a href={makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge')} class=\"icon-christmas\">\n                              Christmas Challenge\n                            </a>\n                          </li>\n                          <li>\n                            <a href={makeURL('Blog', this.blogUrlPrefix, 'champions-for-children')} class=\"icon-children\">\n                              Champions for Children\n                            </a>\n                          </li>\n                          <li>\n                            <a href={makeURL('Blog', this.blogUrlPrefix, 'earth-raise')} class=\"icon-earth-raise\">\n                              Earth Raise\n                            </a>\n                          </li>\n                          <li>\n                            <a href={makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund')} class=\"icon-women-girls\">\n                              Women &amp; Girls Match Fund\n                            </a>\n                          </li>\n                          <li>\n                            <a href={makeURL('Blog', this.blogUrlPrefix, 'kind2mind/')} class=\"icon-mental-health\">\n                              Kind²Mind\n                            </a>\n                          </li>\n                          <li>\n                            <a href={makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/')} class=\"icon-arts-impact\">\n                              Arts for Impact\n                            </a>\n                          </li>\n                          {this.smallCharityWeekEnabled && (\n                            <li>\n                              <a href={makeURL('Blog', this.blogUrlPrefix, 'small-charity-week/')} class=\"icon-small-charity\">\n                                Small Charity Week\n                              </a>\n                            </li>\n                          )}\n                          <li>\n                            <a href={makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/')} class=\"icon-anchor-match\">\n                              Anchor Match Fund\n                            </a>\n                          </li>\n                          <li>\n                            <a href={makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/')} class=\"icon-emergency\">\n                              Emergency Match Fund\n                            </a>\n                          </li>\n                        </ul>\n                      </li>\n                      <li>\n                        <a href={makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)')}>Run your match funding campaign</a>\n                      </li>\n                    </ul>\n                  </li>\n                  <li>\n                    <a onClick={this.noNav}>\n                      About Us\n                      <biggive-misc-icon class=\"bx bxs-chevron-down sub-menu-arrow arrow\" background-colour=\"white\" icon-colour=\"black\" icon=\"CaretRight\"></biggive-misc-icon>\n                    </a>\n                    <ul class=\"sub-menu\">\n                      <li>\n                        <a href={makeURL('Blog', this.blogUrlPrefix, 'our-people')}>Our People</a>\n                      </li>\n                      <li>\n                        <a href={makeURL('Blog', this.blogUrlPrefix, 'our-story')}>Our Story</a>\n                      </li>\n                      <li>\n                        <a href={makeURL('Blog', this.blogUrlPrefix, 'donation-funds')}>Donate by Bank Transfer</a>\n                      </li>\n                      <li>\n                        <a href={makeURL('Blog', this.blogUrlPrefix, 'our-fees')}>Our Fees</a>\n                      </li>\n                      <li>\n                        <a href={makeURL('Blog', this.blogUrlPrefix, 'faqs')}>FAQs</a>\n                      </li>\n                    </ul>\n                  </li>\n                  <li>\n                    <a onClick={this.noNav}>\n                      Resources\n                      <biggive-misc-icon class=\"bx bxs-chevron-down sub-menu-arrow arrow\" background-colour=\"white\" icon-colour=\"black\" icon=\"CaretRight\"></biggive-misc-icon>\n                    </a>\n                    <ul class=\"sub-menu\">\n                      <li>\n                        <a href={makeURL('Blog', this.blogUrlPrefix, 'case-studies')}>Case Studies</a>\n                      </li>\n                      <li>\n                        <a href={makeURL('Blog', this.blogUrlPrefix, 'blog')}>Blog</a>\n                      </li>\n                      <li>\n                        <a href={makeURL('Blog', this.blogUrlPrefix, 'reports-insights')}>Reports &amp; Insights</a>\n                      </li>\n                      <li>\n                        <a href={makeURL('Blog', this.blogUrlPrefix, 'press')}>Press</a>\n                      </li>\n                    </ul>\n                  </li>\n                </ul>\n                <div class=\"mobile-only\">{secondaryNavLinksForMobile}</div>\n              </div>\n              <div class=\"mobile-social-icon-wrap mobile-only\">\n                <biggive-social-icon service=\"Facebook\" url=\"https://www.facebook.com/BigGive.org\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n                <biggive-social-icon service=\"Twitter\" url=\"https://x.com/BigGive\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n                <biggive-social-icon service=\"LinkedIn\" url=\"https://uk.linkedin.com/company/big-give\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n                <biggive-social-icon\n                  service=\"YouTube\"\n                  url=\"https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA\"\n                  background-colour=\"tertiary\"\n                  icon-colour=\"black\"\n                ></biggive-social-icon>\n                <biggive-social-icon service=\"Instagram\" url=\"https://www.instagram.com/biggiveorg\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n              </div>\n            </div>\n          </div>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-misc-icon.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-misc-icon.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,mvPAAmvP;;MCQjwP,eAAe,GAAA,MAAA;AAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAgB,CAAA,gBAAA,GAAW,SAAS;AAE5C;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,OAAO;AAiCrC;IArBC,MAAM,GAAA;QACJ,MAAM,QAAQ,GAAGA,wCAAuB,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;QAE/D;;AAEE,QAAAC,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,mCAAmC,GAAG,IAAI,CAAC,gBAAgB,GAAG,GAAG,GAAG,IAAI,CAAC,IAAI,EAAA,EACvFA,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAA,EACfA,OACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EACvB,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EACxB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAC3D,QAAQ,EAAC,QAAQ,EAAA,EAEjBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAI,CAAA,CACpC,CACJ,CACA;;;;;;;","names":["FontAwesomeIconsService","h"],"sources":["src/components/biggive-misc-icon/biggive-misc-icon.scss?tag=biggive-misc-icon&encapsulation=shadow","src/components/biggive-misc-icon/biggive-misc-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n  display: contents;\n}\n\n.misc-icon-item {\n  @include icon-large();\n\n  @media screen and (max-width: $screen-mobile-max) {\n    @include icon-medium();\n    margin: auto;\n\n    a {\n      margin: auto;\n    }\n  }\n}\n\n.CaretRight {\n  height: 10px;\n  width: 10px;\n  margin-right: 0px;\n  a {\n    padding: 0px;\n  }\n}\n\n.MenuClose {\n  a {\n    svg {\n      height: 12px;\n      width: 12px;\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n@Component({\n  tag: 'biggive-misc-icon',\n  styleUrl: 'biggive-misc-icon.scss',\n  shadow: true,\n})\nexport class BiggiveMiscIcon {\n  /**\n   * Background colour\n   */\n  @Prop() backgroundColour: string = 'primary';\n\n  /**\n   * Background colour\n   */\n  @Prop() iconColour: string = 'white';\n\n  /**\n   * Icon\n   */\n  @Prop() icon: string;\n\n  /**\n   * Url\n   */\n  @Prop() url: string;\n\n  render() {\n    const miscIcon = FontAwesomeIconsService.getMiscIcon(this.icon);\n\n    return (\n      // Note: the icon name prop is set as a css class too for any styling specific to certain icons\n      <div class={'misc-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon}>\n        <a href={this.url}>\n          <svg\n            width={miscIcon.icon[0]}\n            height={miscIcon.icon[1]}\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class={'fill-' + this.iconColour}\n            viewBox={'0 0 ' + miscIcon.icon[0] + ' ' + miscIcon.icon[1]}\n            overflow=\"hidden\"\n          >\n            <path d={miscIcon.icon[4].toString()} />\n          </svg>\n        </a>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-nav-group.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-nav-group.entry.cjs.js","mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,uNAAuN;;MCOrO,eAAe,GAAA,MAAA;AAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAM,CAAA,MAAA,GAAY,IAAI;AAS/B;IAPC,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACV;;;;;;;","names":["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"],"version":3}

package/dist/cjs/biggive-nav-item.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-nav-item.entry.cjs.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,sQAAsQ;;MCOnR,cAAc,GAAA,MAAA;;;;IAczB,MAAM,GAAA;QACJ,QACEA,iEAAI,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAAA,EAClCA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,GAAG,EAAG,EAAA,IAAI,CAAC,KAAK,CAAK,EACnCA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACV;;;;;;;","names":["h"],"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"],"version":3}

package/dist/cjs/biggive-page-column.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-page-column.entry.cjs.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,6FAA6F;;MCO7G,iBAAiB,GAAA,MAAA;;;;IAC5B,MAAM,GAAA;QACJ,OAAOA,oEAAa;;;;;;;","names":["h"],"sources":["src/components/biggive-page-column/biggive-page-column.scss?tag=biggive-page-column&encapsulation=shadow","src/components/biggive-page-column/biggive-page-column.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-page-column',\n  styleUrl: 'biggive-page-column.scss',\n  shadow: true,\n})\nexport class BiggivePageColumn {\n  render() {\n    return <slot></slot>;\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-page-columns.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-page-columns.entry.cjs.js","mappings":";;;;AAAA,MAAM,qBAAqB,GAAG,o9BAAo9B;;MCOr+B,kBAAkB,GAAA,MAAA;AAL/B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAgB/B;IAdC,MAAM,GAAA;QACJ,QACEA,kEAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,EAAA,EACpDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACzBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAQ,CAC/B,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3BA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,kBAAkB,EAAA,CAAQ,CACjC,CACF,CACF;;;;;;;","names":["h"],"sources":["src/components/biggive-page-columns/biggive-page-columns.scss?tag=biggive-page-columns&encapsulation=shadow","src/components/biggive-page-columns/biggive-page-columns.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n  display: contents;\n}\n\n.columns {\n  @include section-container();\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: space-between;  \n  .column-primary {\n    width: calc(66.6% - $spacer-3);\n    box-sizing: border-box;\n  }\n  .column-secondary {\n    width: calc(33.4% - $spacer-3);\n    box-sizing: border-box;\n  }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n  .columns {\n    .column-primary {\n      width: 100%;\n      margin-bottom: $spacer-3;\n    }\n    .column-secondary {\n      width: 100%;\n    }\n  }\n}\n\n\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-page-columns',\n  styleUrl: 'biggive-page-columns.scss',\n  shadow: true,\n})\nexport class BiggivePageColumns {\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n\n  render() {\n    return (\n      <div class={'container space-below-' + this.spaceBelow}>\n        <div class=\"columns\">\n          <div class=\"column-primary\">\n            <slot name=\"column-primary\"></slot>\n          </div>\n          <div class=\"column-secondary\">\n            <slot name=\"column-secondary\"></slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-page-section.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-page-section.entry.cjs.js","mappings":";;;;AAAA,MAAM,qBAAqB,GAAG,+sUAA+sU;;MCQhuU,kBAAkB,GAAA,MAAA;AAL/B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAE9B;;AAEG;AACK,QAAA,IAAe,CAAA,eAAA,GAAiB,UAAU;AAElD;;AAEG;AACK,QAAA,IAAkB,CAAA,kBAAA,GAAiB,UAAU;AAOrD;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAW,GAAG;AAE9B;;AAEG;AACK,QAAA,IAAgB,CAAA,gBAAA,GAAY,KAAK;AAyB1C;IAvBC,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EACH,sBAAsB;AACtB,gBAAA,IAAI,CAAC,QAAQ;gBACb,eAAe;AACf,gBAAA,IAAI,CAAC,UAAU;gBACf,oBAAoB;AACpB,gBAAA,IAAI,CAAC,YAAY;gBACjB,aAAa;AACb,gBAAA,IAAI,CAAC,eAAe;gBACpB,gBAAgB;AAChB,gBAAA,IAAI,CAAC,kBAAkB;AACvB,iBAAC,IAAI,CAAC,gBAAgB,GAAG,aAAa,GAAG,EAAE,CAAC,EAAA,EAG9CA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjBA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACF;;;;;;;","names":["h"],"sources":["src/components/biggive-page-section/biggive-page-section.scss?tag=biggive-page-section&encapsulation=shadow","src/components/biggive-page-section/biggive-page-section.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n  display: contents;\n}\n\n.container {\n  overflow: hidden;\n  position: relative;\n  text-align: center;\n  .sleeve {\n    @include section-container();\n    padding: $spacer-4;\n\n    @media screen and (max-width: $screen-desktop-max) {\n      // similar to e.g. biggive-hero-image which was set to use $spacer-3 first.\n      padding: $spacer-3;\n    }\n  }\n}\n\n.container.full-bleed {\n  // from https://stackoverflow.com/questions/22083157/extend-background-color-of-header-beyond-container-with-css\n  box-shadow: 0 0 0 100vmax $colour-primary-blue;\n  clip-path: inset(0 -100vmax);\n}\n\n.container.style-top-crop-right:before {\n  content: '';\n  display: block;\n  height: 75px;\n  clip-path: polygon(0 0, 0% 100%, 100% 100%);\n  transform: translateY(1px);\n}\n\n.container.style-top-crop-left:before {\n  content: '';\n  display: block;\n  height: 75px;\n  clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0 100%);\n  transform: translateY(1px);\n}\n\n.container.style-bottom-crop-right:after {\n  content: '';\n  display: block;\n  height: 75px;\n  clip-path: polygon(0 0, 100% 0, 0 100%);\n  transform: translateY(-1px);\n}\n\n.container.style-bottom-crop-left:after {\n  content: '';\n  display: block;\n  height: 75px;\n  clip-path: polygon(0 0, 100% 0, 100% 100%);\n  transform: translateY(-1px);\n}\n\n.container .sleeve {\n  position: relative;\n  text-align: left;\n}\n\n.container.max-width-10 .sleeve { @include max-width-10(); }\n.container.max-width-15 .sleeve { @include max-width-15(); }\n.container.max-width-20 .sleeve { @include max-width-20(); }\n.container.max-width-25 .sleeve { @include max-width-25(); }\n.container.max-width-30 .sleeve { @include max-width-30(); }\n.container.max-width-35 .sleeve { @include max-width-35(); }\n.container.max-width-40 .sleeve { @include max-width-40(); }\n.container.max-width-45 .sleeve { @include max-width-45(); }\n.container.max-width-50 .sleeve { @include max-width-50(); }\n.container.max-width-55 .sleeve { @include max-width-55(); }\n.container.max-width-60 .sleeve { @include max-width-60(); }\n.container.max-width-65 .sleeve { @include max-width-65(); }\n.container.max-width-70 .sleeve { @include max-width-70(); }\n.container.max-width-75 .sleeve { @include max-width-75(); }\n.container.max-width-80 .sleeve { @include max-width-80(); }\n.container.max-width-85 .sleeve { @include max-width-85(); }\n.container.max-width-90 .sleeve { @include max-width-90(); }\n.container.max-width-95 .sleeve { @include max-width-95(); }\n\n\n\n.container .sleeve:before {\n  content: '';\n  position: absolute;\n  z-index: -1;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 100vw;\n  top: 0;\n  bottom: 0;\n}\n\n@each $brand, $colour in $brandColours {\n  .container.background-color-#{$brand}:before,\n  .container.background-color-#{$brand}:after,\n  .container.background-color-#{$brand} .sleeve:before,\n  .container.background-color-#{$brand} .sleeve {\n    background-color: $colour;\n    @if $brand == 'white' or $brand == 'grey-extra-light' or $brand == 'grey-light' {\n      color: $colour-black;\n    } @else if $brand == 'philco-white' {\n      color: $colour-philco-gray-90;\n    } @else {\n      color: $colour-white;\n    }\n  }\n}\n\n","import { Component, Prop, h } from '@stencil/core';\nimport { sectionStyle } from './biggive-page-section-prop-types';\n\n@Component({\n  tag: 'biggive-page-section',\n  styleUrl: 'biggive-page-section.scss',\n  shadow: true,\n})\nexport class BiggivePageSection {\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n\n  /**\n   * Section style top\n   */\n  @Prop() sectionStyleTop: sectionStyle = 'straight';\n\n  /**\n   * Section style bottom\n   */\n  @Prop() sectionStyleBottom: sectionStyle = 'straight';\n\n  /**\n   * Colour scheme\n   */\n  @Prop() colourScheme: string;\n\n  /**\n   * Width\n   */\n  @Prop() maxWidth: number = 100;\n\n  /**\n   * Bleeds the primary brand colour to the left and right edge of the viewport, even if used within a containing block element.\n   */\n  @Prop() primaryFullBleed: boolean = false;\n\n  render() {\n    return (\n      <div\n        class={\n          'container max-width-' +\n          this.maxWidth +\n          ' space-below-' +\n          this.spaceBelow +\n          ' background-color-' +\n          this.colourScheme +\n          ' style-top-' +\n          this.sectionStyleTop +\n          ' style-bottom-' +\n          this.sectionStyleBottom +\n          (this.primaryFullBleed ? ' full-bleed' : '')\n        }\n      >\n        <div class=\"sleeve\">\n          <slot></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-popup.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-popup.entry.cjs.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,gxBAAgxB;;MCO3xB,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQE;;AAEG;AACK,QAAA,IAAA,CAAA,mBAAmB,GAAe,MAAK,GAAG;AAgB1C,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,KAAU,KAAI;YACvC,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;gBACxF,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC;gBAChD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC;gBACzC,IAAI,CAAC,mBAAmB,EAAE;;AAE9B,SAAC;AAgBF;AAnCC,IAAA,MAAM,eAAe,GAAA;QACnB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC;QAC/C,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC;AACxC,QAAA,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;;AAIpB,IAAA,MAAM,gBAAgB,GAAA;QACpB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC;QAChD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC;QACzC,IAAI,CAAC,mBAAmB,EAAE;;IAW5B,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,OAAO,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,KAAK,GAAG,EAAoB,CAAC,EAAE,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe,EAAA,EAC5GA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe,EAAA,CAAQ,CACpD,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,CACF,CACF;;;;;;;","names":["h"],"sources":["src/components/biggive-popup/biggive-popup.scss?tag=biggive-popup&encapsulation=shadow","src/components/biggive-popup/biggive-popup.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.popup {\n  @include popup();\n  &[data-visible=true] {\n    display: block;\n  }\n}","import { Component, Method, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-popup',\n  styleUrl: 'biggive-popup.scss',\n  shadow: true,\n})\nexport class BiggivePopup {\n  private popup: HTMLDivElement;\n\n  /**\n   * Function to execute when the modal is closed, whether by the user or programmatically.\n   */\n  @Prop() modalClosedCallback: () => void = () => {};\n\n  @Method()\n  async openFromOutside() {\n    this.popup.setAttribute('data-visible', 'true');\n    this.popup.setAttribute('tabindex', '0');\n    this.popup.focus();\n  }\n\n  @Method()\n  async closeFromOutside() {\n    this.popup.setAttribute('data-visible', 'false');\n    this.popup.setAttribute('tabindex', '-1');\n    this.modalClosedCallback();\n  }\n\n  private closeFromWithin = (event: any) => {\n    if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {\n      this.popup.setAttribute('data-visible', 'false');\n      this.popup.setAttribute('tabindex', '-1');\n      this.modalClosedCallback();\n    }\n  };\n\n  render() {\n    return (\n      <div class=\"popup\" ref={el => (this.popup = el as HTMLDivElement)} tabindex=\"-1\" onClick={this.closeFromWithin}>\n        <div class=\"sleeve\">\n          <div class=\"header\">\n            <div class=\"close\" onClick={this.closeFromWithin}></div>\n          </div>\n          <div class=\"content\">\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-progress-bar.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-progress-bar.entry.cjs.js","mappings":";;;;AAAA,MAAM,qBAAqB,GAAG,ixCAAixC;;MCOlyC,kBAAkB,GAAA,MAAA;AAL/B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAC9B;;AAEG;AACK,QAAA,IAAY,CAAA,YAAA,GAAW,SAAS;AAExC;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAmB,IAAI;AAgBvC;IAdC,MAAM,GAAA;;;;AAGJ,QAAA,MAAM,UAAU,GAAG,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,GAAG,SAAS,GAAG,QAAQ;QAE1E,QACEA,kEAAK,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,4BAA4B,GAAG,IAAI,CAAC,YAAY,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EACjIA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAG,EAAA,IAAI,CAAC,GAAG,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,CAAC,EAAE,GAAG,CAAC,CAAG,CAAA,CAAA,EAAE,EAAA,CAAQ,CAClF,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAAE,IAAI,CAAC,OAAO,EAAQ,GAAA,CAAA,CACtC;;;;;;;","names":["h"],"sources":["src/components/biggive-progress-bar/biggive-progress-bar.scss?tag=biggive-progress-bar&encapsulation=shadow","src/components/biggive-progress-bar/biggive-progress-bar.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n  display: block;\n  margin-bottom: $spacer-1;\n  @include standard-font();\n}\n\n.progress-bar {\n    @include progress-bar();\n}\n\n.progress-bar-primary {\n    @include progress-bar-primary();\n}\n\n.progress-bar-secondary {\n    @include progress-bar-secondary();\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-progress-bar',\n  styleUrl: 'biggive-progress-bar.scss',\n  shadow: true,\n})\nexport class BiggiveProgressBar {\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n  /**\n   * Colour Scheme\n   */\n  @Prop() colourScheme: string = 'primary';\n\n  /**\n   * Percentage to show + use for CSS width; round before input if desired\n   */\n  @Prop() counter?: number | null = null;\n\n  render() {\n    // important to use 'inherit' below rather than visible as the parent element may be hidden, in which case\n    // this should not show up.\n    const visibility = typeof this.counter === 'number' ? 'inherit' : 'hidden';\n\n    return (\n      <div style={{ visibility: visibility }} class={'progress-bar progress-bar-' + this.colourScheme + ' space-below-' + this.spaceBelow}>\n        <div class=\"slider\">\n          <div class=\"progress\" style={{ width: `${Math.min(this.counter ?? 0, 100)}%` }}></div>\n        </div>\n        <div class=\"counter\">{this.counter}%</div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-quote.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-quote.entry.cjs.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,w/LAAw/L;;MCSngM,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAE7B,QAAA,IAAiB,CAAA,iBAAA,GAAgB,OAAO;AAExC,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAElB,QAAA,IAAW,CAAA,WAAA,GAAW,EAAE;AAExB,QAAA,IAAe,CAAA,eAAA,GAAgB,SAAS;AAExC,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AA6BrD;IA3BC,MAAM,GAAA;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAA,CAAA,CAAG;QAC3E,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC,WAAW,CAAA,CAAE;QAE7F,MAAM,iBAAiB,IACrBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC5FA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,EAAA,CAAG,CACxG,CACP;QAED,MAAM,gBAAgB,IACpBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC9GA,OACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,scAAsc,EACxc,IAAI,EAAC,SAAS,EAAA,CACd,CACE,CACP;QAED,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,EAAA,EACtKA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAAE,EAAA,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,gBAAgB,GAAG,iBAAiB,CAAO,EACnGA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,OAAO,EAAA,EAAE,KAAK,CAAO,EAChCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EAAE,WAAW,CAAO,CACxC;;;;;;;","names":["h"],"sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include all-round-shadow();\n  @include standard-font();\n  height: 100%;\n  background-color: white;\n  &.philco {\n    @include philco-body-font();\n    line-height: $philco-standard-body-line-height;\n    background-color: transparent;\n    .image-wrap {\n      overflow: hidden;\n      svg {\n        width: 100px;\n        height: 90px; /* = 86/96*100 */\n      }\n    }\n  }\n  text-align: center;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 600px;\n  padding: $spacer-6;\n  .image-wrap {\n    text-align: center;\n    margin-bottom: $spacer-3;\n    svg {\n      height: 30px;\n      width: auto;\n      margin: auto;\n    }\n  }\n  .quote {\n    margin-bottom: $spacer-4;\n  }\n\n  @each $key, $colour in $brandColours {\n    &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n  }\n\n\n  @media screen and (max-width: $screen-tablet-max) {\n    padding: $spacer-5;\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-max) {\n    padding: $spacer-4;\n    @include font-size-small();\n\n    svg {\n      width: 30px;\n      height: 30px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-small) {\n    padding: $spacer-3;\n  }\n\n  &.philco .attribution {\n    font-weight: bolder;\n    color: $colour-philco-gray-70;\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-quote',\n  styleUrl: 'biggive-quote.scss',\n  shadow: true,\n})\nexport class BiggiveQuote {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() defaultTextColour: brandColour = 'black';\n\n  @Prop() quote: string = '';\n\n  @Prop() attribution: string = '';\n\n  @Prop() quoteIconColour: brandColour = 'primary';\n\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  render() {\n    const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n    const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n    const bigGiveQuoteMarks = (\n      <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n      </svg>\n    );\n\n    const philcoQuoteMarks = (\n      <svg width=\"96\" height=\"86\" overflow=\"hidden\" viewBox=\"0 0 96 81\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z\"\n          fill=\"#f18a00\"\n        />\n      </svg>\n    );\n\n    return (\n      <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n        <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n        <div class=\"quote\">{quote}</div>\n        <div class=\"attribution\">{attribution}</div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-sheet.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-sheet.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-sheet/biggive-sheet.scss?tag=biggive-sheet&encapsulation=shadow","src/components/biggive-sheet/biggive-sheet.tsx"],"sourcesContent":["@include backgrounds();\n@include text-colours();\n@include fills();\n\n:host {\n  display: contents;\n  @include standard-font();\n}\n\n\n.container {\n\n  &.active {\n    .popup {\n      transform: translateX(0);\n    }\n    .background {\n      position: fixed;\n      left: 0;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      background-color: rgba(0,0,0,0.6);\n      z-index: 99;\n    }\n  }\n\n  .popup {\n    position: fixed;\n    transition: transform 1s ease-in-out;\n    transform: translateX(100%);\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    width: 66%;\n\n\n  .header {\n    padding: 45px;\n    display: flex;\n    justify-content: space-between;\n    .back-link {\n      cursor: pointer;\n      display: flex;\n      font-size: 14px;\n      .svg-wrap {\n        @each $key, $colour in $brandColours {\n          &.colour-#{$key} svg path { fill: $colour; }\n        }\n        display: flex;\n        margin: 5px 15px auto 0;\n        svg {\n          height: 14px;\n          width: auto;\n        }\n      }\n    }\n\n    .close-link {\n      margin-bottom: auto;\n      cursor: pointer;\n      .svg-wrap {\n        display: block;\n        width: 30px;\n        height: 30px;\n        background-color: #FFFFFF;\n        border-radius: 50%;\n        text-align: center;\n        padding: 6.5px;\n        box-sizing: border-box;\n        svg {\n          display: inline-block;\n          top: -1.5px;\n          position: relative;\n          stroke-width: 1;\n          stroke: #000000;\n          height: 15px;\n          width: 15px;\n          transform: rotate(45deg);\n        }\n      }\n    }\n\n  }\n\n\n  .content{\n    padding: 0 45px 90px 90px;\n    margin-right: 45px;\n    max-height: calc(100vh - 200px);\n    overflow-y: scroll;\n    box-sizing: border-box;\n  }\n\n  }\n\n}\n\n\n@media screen and (max-width: $screen-tablet-max) {\n  .container {\n    .header {\n      padding: 15px;\n    }\n    .content {\n      padding: 0 15px 30px 30px;\n      margin-right: 15px;\n      max-height: calc(100vh - 90px);\n    }\n    .popup {\n      width: 100%;\n    }\n  }\n}\n\n@media screen and (max-width: $screen-mobile-max) {\n  .container {\n    .header {\n      padding: 15px;\n    }\n    .content {\n      padding: 0 15px 30px 30px;\n      margin-right: 15px;\n      max-height: calc(100vh - 90px);\n    }\n    .popup {\n      width: 100%;\n    }\n  }\n}\n","import { Component, Prop, Element, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n  tag: 'biggive-sheet',\n  styleUrl: 'biggive-sheet.scss',\n  shadow: true,\n})\nexport class BiggiveSheet {\n  @Element() host: HTMLBiggiveSheetElement;\n\n  /**\n   * A string ID (no spaces) unique within the page context, used to trigger the opening of the sheet from an anchor hash.\n   */\n  @Prop() sheetId: string = '';\n\n  @Prop() backgroundColour: brandColour = 'primary';\n\n  @Prop() textColour: brandColour = 'white';\n\n  componentWillLoad() {\n    window.addEventListener('hashchange', () => {\n      this.openSheet(window.location.hash);\n    });\n  }\n\n  componentDidRender() {\n    this.openSheet(window.location.hash);\n  }\n\n  private openSheet(hash: string) {\n    if (hash != '' && hash == this.sheetId) {\n      this.host.shadowRoot?.querySelector('.container')?.classList.add('active');\n    }\n  }\n\n  private closeSheet = () => {\n    this.host.shadowRoot?.querySelector('.container')?.classList.remove('active');\n    history.pushState('', document.title, window.location.pathname);\n  };\n\n  render() {\n    return (\n      <div class={'container'}>\n        <div class=\"background\"></div>\n        <div class={'popup background-colour-' + this.backgroundColour + ' text-colour-' + this.textColour}>\n          <div class=\"header\">\n            <div class=\"back-link\" onClick={this.closeSheet}>\n              <span class={'svg-wrap colour-' + this.textColour}>\n                <svg width=\"33\" height=\"16\" viewBox=\"0 0 33 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path\n                    d=\"M0.292892 7.29289C-0.0976295 7.68342 -0.0976295 8.31658 0.292892 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292892 7.29289ZM33 7L1 7V9L33 9V7Z\"\n                    fill=\"black\"\n                  />\n                </svg>\n              </span>\n              Back\n            </div>\n\n            <div class=\"close-link\" onClick={this.closeSheet}>\n              <span class=\"svg-wrap\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path d=\"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z\" />\n                </svg>\n              </span>\n            </div>\n          </div>\n          <div class=\"content\">\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-social-icon.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-social-icon.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,oBAAoB,GAAG,4wTAA4wT;;MCW5xT,iBAAiB,GAAA,MAAA;AAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAWE;;AAEG;AACK,QAAA,IAAW,CAAA,WAAA,GAAW,UAAU;AAExC;;AAEG;AACK,QAAA,IAAgB,CAAA,gBAAA,GAAW,SAAS;AAE5C;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,OAAO;AAEpC;;;AAGG;AACK,QAAA,IAAI,CAAA,IAAA,GAAY,KAAK;AAE7B;;AAEG;AACK,QAAA,IAAG,CAAA,GAAA,GAAW,GAAG;AAsB1B;IApBC,MAAM,GAAA;QACJ,MAAM,KAAK,GAAGA,wCAAuB,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC;AAEjE,QAAA,QACEC,kEAAK,KAAK,EAAE,qCAAqC,GAAG,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI,GAAG,OAAO,GAAG,EAAE,CAAC,EAAA,EACpGA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,GAAG,EAAc,YAAA,EAAA,GAAG,IAAI,CAAC,WAAW,CAAA,IAAA,EAAO,IAAI,CAAC,OAAO,CAAE,CAAA,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,UAAU,EAAA,EACrGA,OACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EACpB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EACrB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EACrD,QAAQ,EAAC,QAAQ,EAAA,EAEjBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAI,CAAA,CACjC,CACJ,CACA;;;;;;;","names":["FontAwesomeIconsService","h"],"sources":["src/components/biggive-social-icon/biggive-social-icon.scss?tag=biggive-social-icon&encapsulation=shadow","src/components/biggive-social-icon/biggive-social-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n  display: contents;\n}\n\n.social-icon-item {\n  @include icon-large();\n  @include icon-hoverable();\n\n  &.wide {\n    margin-right: 30px;\n  }\n\n  @media screen and (max-width: $screen-mobile-max) {\n    @include icon-medium();\n\n    &.wide {\n      @include icon-medium();\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n/**\n * Used to indicate and link to a charity's social page, or their own web site.\n */\n@Component({\n  tag: 'biggive-social-icon',\n  styleUrl: 'biggive-social-icon.scss',\n  shadow: true,\n})\nexport class BiggiveSocialIcon {\n  /**\n   * Service name\n   */\n  @Prop() service!: 'Facebook' | 'Instagram' | 'LinkedIn' | 'Twitter' | 'Web' | 'Whatsapp' | 'YouTube';\n\n  /**\n   * Used within accessible labels for links. Typically a charity name or \"Big Give\". Can also be \"Share\".\n   */\n  @Prop() labelPrefix: string = 'Big Give';\n\n  /**\n   * Background colour\n   */\n  @Prop() backgroundColour: string = 'primary';\n\n  /**\n   * Icon colour\n   */\n  @Prop() iconColour: string = 'white';\n\n  /**\n   * Used in the social icons in the biggive-footer, which are more spaced out\n   * than others across the site. COM-43.\n   */\n  @Prop() wide: boolean = false;\n\n  /**\n   * Url\n   */\n  @Prop() url: string = '#';\n\n  render() {\n    const sIcon = FontAwesomeIconsService.getSocialIcon(this.service);\n\n    return (\n      <div class={'social-icon-item background-colour-' + this.backgroundColour + (this.wide ? ' wide' : '')}>\n        <a href={this.url} aria-label={`${this.labelPrefix} on ${this.service}`} target=\"_blank\" rel=\"noopener\">\n          <svg\n            width={sIcon.icon[0]}\n            height={sIcon.icon[1]}\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class={'fill-' + this.iconColour}\n            viewBox={'0 0 ' + sIcon.icon[0] + ' ' + sIcon.icon[1]}\n            overflow=\"hidden\"\n          >\n            <path d={sIcon.icon[4].toString()} />\n          </svg>\n        </a>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-tab.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-tab.entry.cjs.js","mappings":";;;;AAAA,MAAM,aAAa,GAAG,uLAAuL;;MCOhM,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAQ,CAAA,QAAA,GAAW,EAAE;AAS9B;IAPC,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EACpBA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;","names":["h"],"sources":["src/components/biggive-tab/biggive-tab.scss?tag=biggive-tab&encapsulation=shadow","src/components/biggive-tab/biggive-tab.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n\n.container {\n  @include standard-font();\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-tab',\n  styleUrl: 'biggive-tab.scss',\n  shadow: true,\n})\nexport class BiggiveTab {\n  @Prop() tabTitle: string = '';\n\n  render() {\n    return (\n      <div class=\"container\">\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-tabbed-content.cjs.entry.js.map

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

package/dist/cjs/biggive-table.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-table.entry.cjs.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,8gaAA8ga;;MCSzha,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAE7B,QAAA,IAAgB,CAAA,gBAAA,GAAgB,SAAS;AAEzC,QAAA,IAAsB,CAAA,sBAAA,GAAgB,OAAO;AAE7C,QAAA,IAAc,CAAA,cAAA,GAAgB,OAAO;AAErC,QAAA,IAAoB,CAAA,oBAAA,GAAgB,YAAY;AAsBzD;IApBC,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EACH,+BAA+B;AAC/B,gBAAA,IAAI,CAAC,gBAAgB;gBACrB,4BAA4B;AAC5B,gBAAA,IAAI,CAAC,sBAAsB;gBAC3B,oBAAoB;AACpB,gBAAA,IAAI,CAAC,cAAc;gBACnB,0BAA0B;AAC1B,gBAAA,IAAI,CAAC,oBAAoB;gBACzB,eAAe;AACf,gBAAA,IAAI,CAAC,UAAU,EAAA,EAGjBA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;","names":["h"],"sources":["src/components/biggive-table/biggive-table.scss?tag=biggive-table&encapsulation=shadow","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 $brandColours {\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}\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: true,\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"],"version":3}

package/dist/cjs/biggive-text-input.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-text-input.entry.cjs.js","mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,iiEAAiiE;;MCehjE,gBAAgB,GAAA,MAAA;AAL7B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAYU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AACtB,QAAA,IAAW,CAAA,WAAA,GAA8B,UAAU;AACnD,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAiCrD;IA/BC,MAAM,GAAA;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,SAAS;AAChG,QAAA,QACEA,kEAAK,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,UAAU,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,EAAA,EACnHA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAG,CAChB,CACH,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACtB,cAAc,IAAIA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAAE,cAAc,CAAQ,EACxEA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAG,CAAA,EACrBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,CAAQ,CACjC,CACF,CACF;;IAIV,gBAAgB,GAAA;QACd,MAAM,WAAW,GAAuB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAgB,cAAA,CAAA,CAAC;AACjF,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,SAAS,CAAE;QAE9D,IAAI,CAAC,WAAW,EAAE;AAChB,YAAA,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC;;AAGvE,QAAA,WAAW,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAM,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AAC9E,QAAA,WAAW,CAAC,gBAAgB,CAAC,UAAU,EAAE,MAAM,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;;;;;;;;","names":["h"],"sources":["src/components/biggive-text-input/biggive-text-input.scss?tag=biggive-text-input&encapsulation=shadow","src/components/biggive-text-input/biggive-text-input.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n  display: contents;\n}\n\n::slotted([slot=label]) {\n  display: inline-block;\n  line-height: 1.2; // Slightly less than other text to help with long charity names.\n}\n\n.text-input {\n  .currency-symbol {\n    position: absolute;\n  }\n  position: relative;\n  .prompt {\n    position: relative;\n    z-index: 2;\n    font-size: small;\n    top: 1em;\n    left: 4em;\n    color: $colour-primary-blue;\n    max-width: calc(100% - 10em);\n    display: inline-block;\n\n    > span {\n      padding-left: 1em;\n      padding-right: 1em;\n      background-color: $colour-grey-background;\n    }\n  }\n\n\n  &.philco .prompt {\n    color: $colour-philco-gray-90;\n\n    > span {\n      background-color: $colour-philco-white;\n    }\n  }\n\n  @include standard-font();\n  position: relative;\n  text-align: left;\n  &.select-style-bordered.biggive{\n    .sleeve {\n      @include font-size-large();\n      font-weight: bolder;\n      padding: 2px;\n      position: relative;\n      background-color: $colour-primary-blue;\n      @include corner-clip-small-top-right();\n      .inner-sleeve {\n        background-color: $colour-grey-background;\n        color: $colour-primary-blue;\n        display: block;\n        position: relative;\n        padding: 10px 30px 10px 10px;\n        clip-path:\n          polygon(\n            0% 0%,     /* top left */\n            0% 0%,     /* top left */\n            calc(100% - 14px) 0%,    /* top right */\n            100% 14px,   /* top right */\n            100% 100%,  /* bottom right */\n            100% 100%,  /* bottom right */\n            0 100%,   /* bottom left */\n            0 100%      /* bottom left */\n          );\n          &:after {\n            content: '';\n            display: block;\n            position: absolute;\n            right: 20px;\n            top: 18px;\n            width: 10px;\n            height: 10px;\n            background-size: contain;\n            background-repeat: no-repeat;\n            background-position: center center;\n          }\n      }\n      &.focused {\n        background-color: $colour-tertiary-coral;\n      }\n    }\n  }\n  &.select-style-bordered.philco {\n    .inner-sleeve {\n      border: 2px solid $colour-philco-gray-90;\n      border-radius: 6px;\n      padding: 12px;\n    }\n  }\n}\n\n","import { Component, Element, h, Prop } from '@stencil/core';\n\n/**\n * Initially developed for use within the new donate stepper design. Currently has a hard-coded background\n * of $colour-grey-background, intened to appear transparent when used on a page with a matching background.\n *\n * Please ensure input is styled as width: 100%.\n *\n * Requires slots `label` and `input`.\n */\n@Component({\n  tag: 'biggive-text-input',\n  styleUrl: 'biggive-text-input.scss',\n  shadow: true,\n})\nexport class BiggiveTextInput {\n  @Element() host: HTMLBiggiveTextInputElement;\n\n  /**\n   * ISO-4217 currency code if input is for a money value\n   */\n  @Prop() currency: 'GBP' | 'USD' | undefined;\n  @Prop() spaceBelow: number = 0;\n  @Prop() selectStyle: 'bordered' | 'underlined' = 'bordered';\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  render() {\n    const currencySymbol = this.currency === 'GBP' ? '£' : this.currency === 'USD' ? '$' : undefined;\n    return (\n      <div class={'text-input space-below-' + this.spaceBelow + ' select-style-' + this.selectStyle + ' ' + this.siteDesign}>\n        <div class=\"prompt\">\n          <span>\n            <slot name=\"label\" />\n          </span>\n        </div>\n        <div class=\"sleeve\">\n          <div class=\"inner-sleeve\">\n            {currencySymbol && <span class=\"currency-symbol\">{currencySymbol}</span>}\n            <slot name=\"input\" />\n            <div style={{ clear: 'both' }}></div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  componentDidLoad() {\n    const nativeInput: HTMLElement | null = this.host.querySelector(`[slot=\"input\"]`);\n    const sleave = this.host.shadowRoot!.querySelector('.sleeve')!;\n\n    if (!nativeInput) {\n      throw new Error('Input slot element required for biggive-text-input');\n    }\n\n    nativeInput.addEventListener('focusin', () => sleave.classList.add('focused'));\n    nativeInput.addEventListener('focusout', () => sleave.classList.remove('focused'));\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-timeline-entry.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-timeline-entry.entry.cjs.js","mappings":";;;;AAAA,MAAM,uBAAuB,GAAG,6FAA6F;;MCOhH,oBAAoB,GAAA,MAAA;;;;IAQ/B,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI;;;;;;;","names":[],"sources":["src/components/biggive-timeline-entry/biggive-timeline-entry.scss?tag=biggive-timeline-entry&encapsulation=shadow","src/components/biggive-timeline-entry/biggive-timeline-entry.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-timeline-entry',\n  styleUrl: 'biggive-timeline-entry.scss',\n  shadow: true,\n})\nexport class BiggiveTimelineEntry {\n  /**\n   * Should be in the format 'YYYY-mm-dd', for example '2023-01-01'\n   */\n  @Prop() date: string;\n\n  @Prop() heading: string;\n\n  render() {\n    return null;\n  }\n}\n"],"version":3}