@biggive/components 202507281131.0.0 → 202507291318.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"biggive-heading-banner.entry.esm.js","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  max-height: 400px;\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;\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  /**\n   * Text color for all text content\n   */\n  @Prop() textColour!: 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    const bgColor = this.backgroundColour.startsWith('#') ? this.backgroundColour : `#${this.backgroundColour}`;\n    const textBgColor = this.textBackgroundColour.startsWith('#') ? this.textBackgroundColour : `#${this.textBackgroundColour}`;\n    const txtColor = this.textColour.startsWith('#') ? this.textColour : `#${this.textColour}`;\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        <img\n          class=\"background\"\n          src={this.mainImageUrl}\n          alt=\"\"\n          style={{\n            'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,\n          }}\n        />\n        <div class=\"sleeve\">\n          <div\n            class=\"content-wrap\"\n            style={{\n              'background-color': textBgColor,\n              'color': txtColor,\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 ? <div class=\"slug\">{this.slug}</div> : null}\n\n            <h1 class=\"main-title\">{this.mainTitle}</h1>\n\n            {this.teaser != undefined ? <div class=\"teaser\">{teaserLines}</div> : null}\n          </div>\n\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        </div>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"biggive-heading-banner.entry.esm.js","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;\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    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        <img\n          class=\"background\"\n          src={this.mainImageUrl}\n          alt=\"\"\n          style={{\n            'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,\n          }}\n        />\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          <img\n            class=\"stacked\"\n            src={this.mainImageUrl}\n            alt=\"\"\n            style={{\n              'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,\n            }}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,uBAAuB,GAAG,+9IAA+9I;;MCal/I,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAWE;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAY,EAAE;AAuC1B;;;AAGG;AACK,QAAA,IAAM,CAAA,MAAA,GAAqB,MAAM;AAwH1C;AAtHC;;;AAGG;AACK,IAAA,aAAa,CAAC,MAA0B,EAAA;AAC9C,QAAA,IAAI,MAAM,IAAI,SAAS,EAAE;AACvB,YAAA,OAAO,EAAE;;AAGX,QAAA,OAAO;aACJ,KAAK,CAAC,cAAc;AACpB,aAAA,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAM,CAAA,IAAA,EAAA,IAAA,CAAA,CAAC;AAC1B,aAAA,IAAI;AACJ,aAAA,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;;IAGT,mBAAmB,GAAA;AACzB,QAAA,IAAI,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ,EAAE;YACvC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC;;QAEpC,OAAO,IAAI,CAAC,UAAU;;IAGhB,aAAa,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS;AAAE,YAAA,OAAO,SAAS;AAC7C,QAAA,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;YACjC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;;QAE9B,OAAO,IAAI,CAAC,IAAI;;IAGlB,MAAM,GAAA;;QAEJ,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;;QAGnD,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,gBAAgB,GAAG,IAAI,IAAI,CAAC,gBAAgB,CAAA,CAAE;QAC3G,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,oBAAoB,GAAG,IAAI,IAAI,CAAC,oBAAoB,CAAA,CAAE;QAC3H,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,IAAI,CAAC,UAAU,CAAA,CAAE;QAC5F,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,eAAe,GAAG,IAAI,IAAI,CAAC,eAAe,CAAA,CAAE;QAChH,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,IAAI,CAAC,YAAY,CAAA,CAAE;AAEpG,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE;QACjC,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,MAAM,EAAE,IAAI;AACZ,gBAAA,KAAK,EAAE,IAAI,CAAC,MAAM,KAAK,OAAO;AAC/B,aAAA,EACD,KAAK,EAAE;AACL,gBAAA,kBAAkB,EAAE,OAAO;aAC5B,EAAA,EAED,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,YAAY,EAClB,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,GAAG,EAAC,EAAE,EACN,KAAK,EAAE;AACL,gBAAA,iBAAiB,EAAE,CAAA,EAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAA,EAAA,EAAK,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAG,CAAA,CAAA;AACvF,aAAA,EACD,CAAA,EACF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE;AACL,gBAAA,kBAAkB,EAAE,WAAW;aAChC,EAAA,EAEA,IAAI,IACH,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EACf,CAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,EAAE,EAAI,CAAA,CACvC,IACJ,IAAI,EAEP,IAAI,CAAC,IAAI,IAAI,SAAS,IACrB,CACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,UAAU;aAClB,EACD,KAAK,EAAC,MAAM,EAAA,EAEX,IAAI,CAAC,IAAI,CACN,IACJ,IAAI,EAER,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,eAAe;AACvB,aAAA,EACD,KAAK,EAAC,YAAY,IAEjB,IAAI,CAAC,SAAS,CACZ,EAEJ,IAAI,CAAC,MAAM,IAAI,SAAS,IACvB,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,YAAY;AACpB,aAAA,EAAA,EAEA,WAAW,CACR,IACJ,IAAI,CACJ,EAEN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,SAAS,EACf,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,GAAG,EAAC,EAAE,EACN,KAAK,EAAE;AACL,gBAAA,iBAAiB,EAAE,CAAA,EAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAA,EAAA,EAAK,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAG,CAAA,CAAA;AACvF,aAAA,EACD,CAAA,CACE,CACF;;;;;;;"}

package/dist/biggive/biggive.esm.js

@@ -1,2 +1,2 @@
-import{p as e,H as o,b as t}from"./p-Bw8i6zSc.js";export{s as setNonce}from"./p-Bw8i6zSc.js";import{g as l}from"./p-DQuL1Twl.js";var r=()=>{{a(o.prototype)}const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};var a=e=>{const o=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return o.call(this,e)}const t=o.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){t.appendChild(l[e].cloneNode(true))}}}return t}};r().then((async e=>{await l();return t(JSON.parse('[["p-bc53052f",[[257,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}]]],["p-a3144d26",[[257,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[1,"category-options"],"beneficiaryOptions":[1,"beneficiary-options"],"locationOptions":[1,"location-options"],"selectedSortByOption":[1025,"selected-sort-by-option"],"selectedFilterCategory":[1025,"selected-filter-category"],"selectedFilterBeneficiary":[1025,"selected-filter-beneficiary"],"selectedFilterLocation":[1025,"selected-filter-location"],"filtersApplied":[32],"unfocusInputs":[64]}]]],["p-801b1332",[[257,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"],"championName":[1,"champion-name"],"championUrl":[1,"champion-url"]}]]],["p-da5d01aa",[[257,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16,"previously-agreed-cookie-preferences"]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-6e627155",[[257,"biggive-footer",{"headingLevel":[2,"heading-level"],"donateUrlPrefix":[1,"donate-url-prefix"],"blogUrlPrefix":[1,"blog-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"usePresetFooter":[4,"use-preset-footer"]}]]],["p-11f2c7a0",[[257,"biggive-main-menu",{"blogUrlPrefix":[1,"blog-url-prefix"],"donateUrlPrefix":[1,"donate-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"someCampaignHasHomePageRedirect":[4,"some-campaign-has-home-page-redirect"],"isLoggedIn":[4,"is-logged-in"],"closeMobileMenuFromOutside":[64]}]]],["p-1d9bb21e",[[257,"philco-main-menu",{"philcoUrlPrefix":[1,"philco-url-prefix"],"closeMobileMenuFromOutside":[64]}]]],["p-f9fb0feb",[[257,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"date":[1],"dateColour":[1,"date-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"image1Url":[1,"image-1-url"],"image1AltText":[1,"image-1-alt-text"],"image2Url":[1,"image-2-url"],"image2AltText":[1,"image-2-alt-text"],"imageLabel":[1,"image-label"],"imageLabelColour":[1,"image-label-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColour":[1,"button-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"]}]]],["p-0ba9c6b9",[[257,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"siteDesign":[1,"site-design"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"mainTitle":[1,"main-title"],"subtitle":[1],"author":[1],"date":[1],"teaser":[1],"icon":[4],"iconColour":[1,"icon-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"],"addAnimation":[4,"add-animation"]}]]],["p-a2edb531",[[257,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}]]],["p-6c741e91",[[257,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"logoHeight":[2,"logo-height"],"logoAltText":[1,"logo-alt-text"],"mainImage":[1,"main-image"],"mainImageShape":[1,"main-image-shape"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-837b6482",[[257,"biggive-icon-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"icon":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-0f0333f6",[[257,"biggive-image-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"textAlign":[1,"text-align"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"addAnimation":[4,"add-animation"]}]]],["p-e9321abd",[[257,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-1b7e80fb",[[257,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-17ead927",[[257,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}]]],["p-b8e3a0c3",[[257,"biggive-accordion-entry",{"heading":[1]}]]],["p-ba97e1a7",[[257,"biggive-back-to-top"]]],["p-f18c6044",[[257,"biggive-biography-card",{"spaceBelow":[2,"space-below"],"borderWidth":[2,"border-width"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"textColour":[1,"text-colour"],"backgroundColour":[1,"background-colour"],"fullName":[1,"full-name"],"jobTitle":[1,"job-title"],"textAlign":[1,"text-align"],"ratio":[1],"circle":[4],"circleColour":[1,"circle-colour"],"rounded":[4],"url":[1]}]]],["p-9a616be5",[[257,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-671a00c2",[[257,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"],"charityUrl":[1,"charity-url"]}]]],["p-7ea10d17",[[257,"biggive-container-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"]}]]],["p-4a7c3666",[[257,"biggive-form"]]],["p-049a9e00",[[257,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"],"siteDesign":[1,"site-design"]}]]],["p-4db2a4f5",[[257,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}]]],["p-8ead1510",[[257,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-07c5fb8f",[[257,"biggive-heading-banner",{"logo":[1],"slug":[1],"mainTitle":[1,"main-title"],"mainImageUrl":[1,"main-image-url"],"focalPoint":[1,"focal-point"],"teaser":[1],"backgroundColour":[1,"background-colour"],"textBackgroundColour":[1,"text-background-colour"],"textColour":[1,"text-colour"],"height":[1]}]]],["p-ef5ce6e4",[[257,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["p-d8df8e73",[[257,"biggive-image-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-1ba9ef8f",[[257,"biggive-nav-group",{"inline":[4]}]]],["p-786f8c90",[[257,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-f417958e",[[257,"biggive-page-column"]]],["p-35741582",[[257,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}]]],["p-02eb5f9d",[[257,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"],"maxWidth":[2,"max-width"],"primaryFullBleed":[4,"primary-full-bleed"]}]]],["p-999c2228",[[257,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1],"quoteIconColour":[1,"quote-icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-f3ed71d0",[[257,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}]]],["p-cab4c232",[[257,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["p-a7b9193f",[[257,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"]}]]],["p-42edb3fd",[[257,"biggive-table",{"spaceBelow":[2,"space-below"],"headerTextColour":[1,"header-text-colour"],"headerBackgroundColour":[1,"header-background-colour"],"bodyTextColour":[1,"body-text-colour"],"bodyBackgroundColour":[1,"body-background-colour"]}]]],["p-033aa86c",[[257,"biggive-text-input",{"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"],"siteDesign":[1,"site-design"]}]]],["p-77203f69",[[257,"biggive-timeline",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"],"entryBackgroundColour":[1,"entry-background-colour"],"entryHighlightColour":[1,"entry-highlight-colour"],"entryDateColour":[1,"entry-date-colour"],"entryTitleColour":[1,"entry-title-colour"],"entryTextColour":[1,"entry-text-colour"]}]]],["p-881b7f5a",[[257,"biggive-timeline-entry",{"date":[1],"heading":[1]}]]],["p-f5d281f4",[[257,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}]]],["p-f6544f3a",[[257,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}]]],["p-41e5b8e7",[[257,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]],["p-e8ad7f74",[[257,"philco-footer",{"headingLevel":[2,"heading-level"],"philcoUrlPrefix":[1,"philco-url-prefix"]}]]],["p-8218058a",[[257,"biggive-form-field-select",{"selectionChanged":[16,"selection-changed"],"prompt":[1],"selectedValue":[1025,"selected-value"],"selectedLabel":[1025,"selected-label"],"options":[1],"selectStyle":[1,"select-style"],"backgroundColour":[1,"background-colour"],"selectedOptionColour":[1,"selected-option-colour"],"selectElementId":[1,"select-element-id"],"spaceBelow":[2,"space-below"],"placeholder":[1]}]]],["p-b02f5811",[[257,"biggive-popup",{"modalClosedCallback":[16,"modal-closed-callback"],"openFromOutside":[64],"closeFromOutside":[64]}]]],["p-dec8ce1a",[[257,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}]]],["p-1019be20",[[257,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}]]],["p-dd95fbeb",[[257,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}]]],["p-f33df851",[[257,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4],"centered":[4],"buttonId":[1,"button-id"],"siteDesign":[1,"site-design"],"disabled":[4]}]]]]'),e)}));
+import{p as e,H as o,b as t}from"./p-Bw8i6zSc.js";export{s as setNonce}from"./p-Bw8i6zSc.js";import{g as l}from"./p-DQuL1Twl.js";var r=()=>{{a(o.prototype)}const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};var a=e=>{const o=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return o.call(this,e)}const t=o.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){t.appendChild(l[e].cloneNode(true))}}}return t}};r().then((async e=>{await l();return t(JSON.parse('[["p-bc53052f",[[257,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}]]],["p-a3144d26",[[257,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[1,"category-options"],"beneficiaryOptions":[1,"beneficiary-options"],"locationOptions":[1,"location-options"],"selectedSortByOption":[1025,"selected-sort-by-option"],"selectedFilterCategory":[1025,"selected-filter-category"],"selectedFilterBeneficiary":[1025,"selected-filter-beneficiary"],"selectedFilterLocation":[1025,"selected-filter-location"],"filtersApplied":[32],"unfocusInputs":[64]}]]],["p-801b1332",[[257,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"],"championName":[1,"champion-name"],"championUrl":[1,"champion-url"]}]]],["p-da5d01aa",[[257,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16,"previously-agreed-cookie-preferences"]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-6e627155",[[257,"biggive-footer",{"headingLevel":[2,"heading-level"],"donateUrlPrefix":[1,"donate-url-prefix"],"blogUrlPrefix":[1,"blog-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"usePresetFooter":[4,"use-preset-footer"]}]]],["p-11f2c7a0",[[257,"biggive-main-menu",{"blogUrlPrefix":[1,"blog-url-prefix"],"donateUrlPrefix":[1,"donate-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"someCampaignHasHomePageRedirect":[4,"some-campaign-has-home-page-redirect"],"isLoggedIn":[4,"is-logged-in"],"closeMobileMenuFromOutside":[64]}]]],["p-1d9bb21e",[[257,"philco-main-menu",{"philcoUrlPrefix":[1,"philco-url-prefix"],"closeMobileMenuFromOutside":[64]}]]],["p-f9fb0feb",[[257,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"date":[1],"dateColour":[1,"date-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"image1Url":[1,"image-1-url"],"image1AltText":[1,"image-1-alt-text"],"image2Url":[1,"image-2-url"],"image2AltText":[1,"image-2-alt-text"],"imageLabel":[1,"image-label"],"imageLabelColour":[1,"image-label-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColour":[1,"button-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"]}]]],["p-0ba9c6b9",[[257,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"siteDesign":[1,"site-design"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"mainTitle":[1,"main-title"],"subtitle":[1],"author":[1],"date":[1],"teaser":[1],"icon":[4],"iconColour":[1,"icon-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"],"addAnimation":[4,"add-animation"]}]]],["p-a2edb531",[[257,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}]]],["p-6c741e91",[[257,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"logoHeight":[2,"logo-height"],"logoAltText":[1,"logo-alt-text"],"mainImage":[1,"main-image"],"mainImageShape":[1,"main-image-shape"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-837b6482",[[257,"biggive-icon-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"icon":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-0f0333f6",[[257,"biggive-image-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"textAlign":[1,"text-align"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"addAnimation":[4,"add-animation"]}]]],["p-e9321abd",[[257,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-1b7e80fb",[[257,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-17ead927",[[257,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}]]],["p-b8e3a0c3",[[257,"biggive-accordion-entry",{"heading":[1]}]]],["p-ba97e1a7",[[257,"biggive-back-to-top"]]],["p-f18c6044",[[257,"biggive-biography-card",{"spaceBelow":[2,"space-below"],"borderWidth":[2,"border-width"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"textColour":[1,"text-colour"],"backgroundColour":[1,"background-colour"],"fullName":[1,"full-name"],"jobTitle":[1,"job-title"],"textAlign":[1,"text-align"],"ratio":[1],"circle":[4],"circleColour":[1,"circle-colour"],"rounded":[4],"url":[1]}]]],["p-9a616be5",[[257,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-671a00c2",[[257,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"],"charityUrl":[1,"charity-url"]}]]],["p-7ea10d17",[[257,"biggive-container-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"]}]]],["p-4a7c3666",[[257,"biggive-form"]]],["p-049a9e00",[[257,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"],"siteDesign":[1,"site-design"]}]]],["p-4db2a4f5",[[257,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}]]],["p-8ead1510",[[257,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-09038a0a",[[257,"biggive-heading-banner",{"logo":[1],"slug":[1],"mainTitle":[1,"main-title"],"mainImageUrl":[1,"main-image-url"],"focalPoint":[1,"focal-point"],"teaser":[1],"backgroundColour":[1,"background-colour"],"textBackgroundColour":[1,"text-background-colour"],"slugColour":[1,"slug-colour"],"mainTitleColour":[1,"main-title-colour"],"teaserColour":[1,"teaser-colour"],"height":[1]}]]],["p-ef5ce6e4",[[257,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["p-d8df8e73",[[257,"biggive-image-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-1ba9ef8f",[[257,"biggive-nav-group",{"inline":[4]}]]],["p-786f8c90",[[257,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-f417958e",[[257,"biggive-page-column"]]],["p-35741582",[[257,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}]]],["p-02eb5f9d",[[257,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"],"maxWidth":[2,"max-width"],"primaryFullBleed":[4,"primary-full-bleed"]}]]],["p-999c2228",[[257,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1],"quoteIconColour":[1,"quote-icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-f3ed71d0",[[257,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}]]],["p-cab4c232",[[257,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["p-a7b9193f",[[257,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"]}]]],["p-42edb3fd",[[257,"biggive-table",{"spaceBelow":[2,"space-below"],"headerTextColour":[1,"header-text-colour"],"headerBackgroundColour":[1,"header-background-colour"],"bodyTextColour":[1,"body-text-colour"],"bodyBackgroundColour":[1,"body-background-colour"]}]]],["p-033aa86c",[[257,"biggive-text-input",{"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"],"siteDesign":[1,"site-design"]}]]],["p-77203f69",[[257,"biggive-timeline",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"],"entryBackgroundColour":[1,"entry-background-colour"],"entryHighlightColour":[1,"entry-highlight-colour"],"entryDateColour":[1,"entry-date-colour"],"entryTitleColour":[1,"entry-title-colour"],"entryTextColour":[1,"entry-text-colour"]}]]],["p-881b7f5a",[[257,"biggive-timeline-entry",{"date":[1],"heading":[1]}]]],["p-f5d281f4",[[257,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}]]],["p-f6544f3a",[[257,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}]]],["p-41e5b8e7",[[257,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]],["p-e8ad7f74",[[257,"philco-footer",{"headingLevel":[2,"heading-level"],"philcoUrlPrefix":[1,"philco-url-prefix"]}]]],["p-8218058a",[[257,"biggive-form-field-select",{"selectionChanged":[16,"selection-changed"],"prompt":[1],"selectedValue":[1025,"selected-value"],"selectedLabel":[1025,"selected-label"],"options":[1],"selectStyle":[1,"select-style"],"backgroundColour":[1,"background-colour"],"selectedOptionColour":[1,"selected-option-colour"],"selectElementId":[1,"select-element-id"],"spaceBelow":[2,"space-below"],"placeholder":[1]}]]],["p-b02f5811",[[257,"biggive-popup",{"modalClosedCallback":[16,"modal-closed-callback"],"openFromOutside":[64],"closeFromOutside":[64]}]]],["p-dec8ce1a",[[257,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}]]],["p-1019be20",[[257,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}]]],["p-dd95fbeb",[[257,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}]]],["p-f33df851",[[257,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4],"centered":[4],"buttonId":[1,"button-id"],"siteDesign":[1,"site-design"],"disabled":[4]}]]]]'),e)}));
 //# sourceMappingURL=biggive.esm.js.map

package/dist/biggive/{p-07c5fb8f.entry.js → p-09038a0a.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as e}from"./p-Bw8i6zSc.js";const r='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents;font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}.banner{font-size:17px;background-size:cover;height:600px;position:relative;overflow:hidden}.banner.short{height:400px}.banner img.background{object-fit:cover;position:absolute;max-width:2000px;width:100%;height:400px;left:50%;transform:translateX(-50%);bottom:0;display:none}@media (min-width: 450px){.banner img.background{display:block;bottom:initial;height:100%}}.sleeve{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:1200px;margin-left:auto;margin-right:auto;padding:0;box-sizing:border-box;height:100%}@media (min-width: 576px){.sleeve{flex-direction:column}}@media (min-width: 606px){.sleeve{padding-left:20px;align-items:start;height:600px}}@media (min-width: 480px){.short .sleeve{height:400px}}.content-wrap{position:relative;padding-top:70px;padding-right:30px;padding-left:30px;padding-bottom:30px;max-height:400px;box-sizing:border-box;width:100%;max-width:450px}@media (min-width: 450px){.content-wrap{margin-bottom:auto;margin-top:auto;padding-top:40px}}@media (min-width: 480px){.content-wrap{padding-top:30px;margin-left:0}}img.stacked{width:100%;height:100%;object-fit:cover}@media (min-width: 450px){img.stacked{display:none}}h1.main-title{font-size:47px;line-height:60px;font-weight:bold;margin:0 0 15px;padding:0}.slug{font-size:20px;line-height:inherit;font-weight:bold;margin-bottom:-7px}.teaser{margin:0;padding:0}.logo{height:100px;background-size:contain;background-repeat:no-repeat;background-position:left center;margin-bottom:10px}.logo img{width:auto;height:100%;position:relative}';const t=class{constructor(e){o(this,e);this.slug="";this.height="tall"}lineBreakToBr(o){if(o==undefined){return[]}return o.split(/\r?\n|\r|\n/g).map((o=>[o,e("br",null)])).flat().slice(0,-1)}getParsedFocalPoint(){if(typeof this.focalPoint==="string"){return JSON.parse(this.focalPoint)}return this.focalPoint}getParsedLogo(){if(this.logo===undefined)return undefined;if(typeof this.logo==="string"){return JSON.parse(this.logo)}return this.logo}render(){const o=this.lineBreakToBr(this.teaser);const r=this.backgroundColour.startsWith("#")?this.backgroundColour:`#${this.backgroundColour}`;const t=this.textBackgroundColour.startsWith("#")?this.textBackgroundColour:`#${this.textBackgroundColour}`;const i=this.textColour.startsWith("#")?this.textColour:`#${this.textColour}`;const a=this.getParsedLogo();return e("div",{key:"509bb9e3ab830dd600c29341daa18797fdb3b7d5",class:{banner:true,short:this.height==="short"},style:{"background-color":r}},e("img",{key:"3e381dde426b3e98c76a576452bd69a887d9bf28",class:"background",src:this.mainImageUrl,alt:"",style:{"object-position":`${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`}}),e("div",{key:"79157eae66c45bc74ce02f076c1de151d8f4d1da",class:"sleeve"},e("div",{key:"1e63f955e92d35cb9a83087a6d623147f1d64cf5",class:"content-wrap",style:{"background-color":t,color:i}},a?e("div",{class:"logo"},e("img",{src:a.url,alt:a.alt||""})):null,this.slug!=undefined?e("div",{class:"slug"},this.slug):null,e("h1",{key:"2d09e0c9720d0dcdc11822ae39d263224c8834de",class:"main-title"},this.mainTitle),this.teaser!=undefined?e("div",{class:"teaser"},o):null),e("img",{key:"ca17a57f5c3eaddfe2ea3b09fce1f68980bd4245",class:"stacked",src:this.mainImageUrl,alt:"",style:{"object-position":`${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`}})))}};t.style=r;export{t as biggive_heading_banner};
-//# sourceMappingURL=p-07c5fb8f.entry.js.map
+import{r as o,h as e}from"./p-Bw8i6zSc.js";const t='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents;font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}.banner{font-size:17px;background-size:cover;height:600px;position:relative;overflow:hidden}.banner.short{height:400px}.banner img.background{object-fit:cover;position:absolute;max-width:2000px;width:100%;height:400px;left:50%;transform:translateX(-50%);bottom:0;display:none}@media (min-width: 450px){.banner img.background{display:block;bottom:initial;height:100%}}.sleeve{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:1200px;margin-left:auto;margin-right:auto;padding:0;box-sizing:border-box;height:100%}@media (min-width: 576px){.sleeve{flex-direction:column}}@media (min-width: 606px){.sleeve{padding-left:20px;align-items:start;height:600px}}@media (min-width: 480px){.short .sleeve{height:400px}}.content-wrap{position:relative;padding-top:70px;padding-right:30px;padding-left:30px;padding-bottom:30px;box-sizing:border-box;width:100%;max-width:450px}@media (min-width: 450px){.content-wrap{margin-bottom:auto;margin-top:auto;padding-top:40px}}@media (min-width: 480px){.content-wrap{padding-top:30px;margin-left:0}}img.stacked{width:100%;height:100%;object-fit:cover}@media (min-width: 450px){img.stacked{display:none}}h1.main-title{font-size:47px;line-height:60px;font-weight:bold;margin:0 0 15px;padding:0}.slug{font-size:20px;line-height:inherit;font-weight:bold;margin-bottom:-7px}.teaser{margin:0;padding:0}.logo{height:100px;background-size:contain;background-repeat:no-repeat;background-position:left center;margin-bottom:10px}.logo img{width:auto;height:100%;position:relative}';const r=class{constructor(e){o(this,e);this.slug="";this.height="tall"}lineBreakToBr(o){if(o==undefined){return[]}return o.split(/\r?\n|\r|\n/g).map((o=>[o,e("br",null)])).flat().slice(0,-1)}getParsedFocalPoint(){if(typeof this.focalPoint==="string"){return JSON.parse(this.focalPoint)}return this.focalPoint}getParsedLogo(){if(this.logo===undefined)return undefined;if(typeof this.logo==="string"){return JSON.parse(this.logo)}return this.logo}render(){const o=this.lineBreakToBr(this.teaser);const t=this.backgroundColour.startsWith("#")?this.backgroundColour:`#${this.backgroundColour}`;const r=this.textBackgroundColour.startsWith("#")?this.textBackgroundColour:`#${this.textBackgroundColour}`;const i=this.slugColour.startsWith("#")?this.slugColour:`#${this.slugColour}`;const c=this.mainTitleColour.startsWith("#")?this.mainTitleColour:`#${this.mainTitleColour}`;const a=this.teaserColour.startsWith("#")?this.teaserColour:`#${this.teaserColour}`;const l=this.getParsedLogo();return e("div",{key:"0ce075acab7fc49d3a199ebd4927ca96b063774e",class:{banner:true,short:this.height==="short"},style:{"background-color":t}},e("img",{key:"1661ec57b9de44413a5af83e1ae23ec5c17c334b",class:"background",src:this.mainImageUrl,alt:"",style:{"object-position":`${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`}}),e("div",{key:"56fa85c0b5071389bf6e2af865d43c4790bb8a69",class:"sleeve"},e("div",{key:"682e01053ef9bd59775a30084c42e63957f7af18",class:"content-wrap",style:{"background-color":r}},l?e("div",{class:"logo"},e("img",{src:l.url,alt:l.alt||""})):null,this.slug!=undefined?e("div",{style:{color:i},class:"slug"},this.slug):null,e("h1",{key:"39fc0e4747cc102a428bb20623ed7e459e717bec",style:{color:c},class:"main-title"},this.mainTitle),this.teaser!=undefined?e("div",{class:"teaser",style:{color:a}},o):null),e("img",{key:"b6554a3687549f4dc79266afed6df4d32f9bca0c",class:"stacked",src:this.mainImageUrl,alt:"",style:{"object-position":`${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`}})))}};r.style=t;export{r as biggive_heading_banner};
+//# sourceMappingURL=p-09038a0a.entry.js.map

package/dist/biggive/p-09038a0a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["biggiveHeadingBannerCss","BiggiveHeadingBanner","constructor","hostRef","this","slug","height","lineBreakToBr","string","undefined","split","map","line","h","flat","slice","getParsedFocalPoint","focalPoint","JSON","parse","getParsedLogo","logo","render","teaserLines","teaser","bgColor","backgroundColour","startsWith","textBgColor","textBackgroundColour","slugColour","mainTitleColour","teaserColour","key","class","banner","short","style","src","mainImageUrl","alt","x","y","url","color","mainTitle"],"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;\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    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        <img\n          class=\"background\"\n          src={this.mainImageUrl}\n          alt=\"\"\n          style={{\n            'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,\n          }}\n        />\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          <img\n            class=\"stacked\"\n            src={this.mainImageUrl}\n            alt=\"\"\n            style={{\n              'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,\n            }}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAA0B,89I,MCanBC,EAAoB,MALjC,WAAAC,CAAAC,G,UAcUC,KAAIC,KAAY,GA2ChBD,KAAME,OAAqB,MAwHpC,CAlHS,aAAAC,CAAcC,GACpB,GAAIA,GAAUC,UAAW,CACvB,MAAO,E,CAGT,OAAOD,EACJE,MAAM,gBACNC,KAAIC,GAAQ,CAACA,EAAMC,EAAM,cACzBC,OACAC,MAAM,GAAG,E,CAGN,mBAAAC,GACN,UAAWZ,KAAKa,aAAe,SAAU,CACvC,OAAOC,KAAKC,MAAMf,KAAKa,W,CAEzB,OAAOb,KAAKa,U,CAGN,aAAAG,GACN,GAAIhB,KAAKiB,OAASZ,UAAW,OAAOA,UACpC,UAAWL,KAAKiB,OAAS,SAAU,CACjC,OAAOH,KAAKC,MAAMf,KAAKiB,K,CAEzB,OAAOjB,KAAKiB,I,CAGd,MAAAC,GAEE,MAAMC,EAAcnB,KAAKG,cAAcH,KAAKoB,QAG5C,MAAMC,EAAUrB,KAAKsB,iBAAiBC,WAAW,KAAOvB,KAAKsB,iBAAmB,IAAItB,KAAKsB,mBACzF,MAAME,EAAcxB,KAAKyB,qBAAqBF,WAAW,KAAOvB,KAAKyB,qBAAuB,IAAIzB,KAAKyB,uBACrG,MAAMC,EAAa1B,KAAK0B,WAAWH,WAAW,KAAOvB,KAAK0B,WAAa,IAAI1B,KAAK0B,aAChF,MAAMC,EAAkB3B,KAAK2B,gBAAgBJ,WAAW,KAAOvB,KAAK2B,gBAAkB,IAAI3B,KAAK2B,kBAC/F,MAAMC,EAAe5B,KAAK4B,aAAaL,WAAW,KAAOvB,KAAK4B,aAAe,IAAI5B,KAAK4B,eAEtF,MAAMX,EAAOjB,KAAKgB,gBAClB,OACEP,EACE,OAAAoB,IAAA,2CAAAC,MAAO,CACLC,OAAQ,KACRC,MAAOhC,KAAKE,SAAW,SAEzB+B,MAAO,CACL,mBAAoBZ,IAGtBZ,EAAA,OAAAoB,IAAA,2CACEC,MAAM,aACNI,IAAKlC,KAAKmC,aACVC,IAAI,GACJH,MAAO,CACL,kBAAmB,GAAGjC,KAAKY,sBAAsByB,MAAMrC,KAAKY,sBAAsB0B,QAGtF7B,EAAK,OAAAoB,IAAA,2CAAAC,MAAM,UACTrB,EAAA,OAAAoB,IAAA,2CACEC,MAAM,eACNG,MAAO,CACL,mBAAoBT,IAGrBP,EACCR,EAAK,OAAAqB,MAAM,QACTrB,EAAA,OAAKyB,IAAKjB,EAAKsB,IAAKH,IAAKnB,EAAKmB,KAAO,MAErC,KAEHpC,KAAKC,MAAQI,UACZI,EACE,OAAAwB,MAAO,CACLO,MAAOd,GAETI,MAAM,QAEL9B,KAAKC,MAEN,KAEJQ,EAAA,MAAAoB,IAAA,2CACEI,MAAO,CACLO,MAAOb,GAETG,MAAM,cAEL9B,KAAKyC,WAGPzC,KAAKoB,QAAUf,UACdI,EAAA,OACEqB,MAAM,SACNG,MAAO,CACLO,MAAOZ,IAGRT,GAED,MAGNV,EAAA,OAAAoB,IAAA,2CACEC,MAAM,UACNI,IAAKlC,KAAKmC,aACVC,IAAI,GACJH,MAAO,CACL,kBAAmB,GAAGjC,KAAKY,sBAAsByB,MAAMrC,KAAKY,sBAAsB0B,S","ignoreList":[]}

package/dist/biggive/pages/biggive-heading-banner-demo.html

@@ -34,10 +34,13 @@
       main-title="Double the difference"
       teaser="Hi. We're Big Give. Our match funding campaigns offer a unique opportunity for you to double the difference you can make in the world for the causes close to your heart."
       main-image-url="https://picsum.photos/id/901/2000/600"
-      background-colour="#62CFC9"
+      background-colour="#F6F6F6"
       focal-point='{"x": 70, "y": 47}'
-      text-background-colour="#FF7272"
-      text-colour="#000000"
+      text-background-colour="#F6F6F6"
+      slug-colour="#000000"
+      teaser-colour="#000000"
+      main-title-colour="#000000"
+      logo='{"url": "/assets/images/sample-champion.png", "alt": "Sample Logo"}'
       height="tall"
     ></biggive-heading-banner>
 
@@ -68,7 +71,9 @@
       background-colour="#F1F1F1"
       focal-point='{"x": 50, "y": 50}'
       text-background-colour="#2C089B"
-      text-colour="#FFFFFF"
+      slug-colour="#FFFFFF"
+      teaser-colour="#FFFFFF"
+      main-title-colour="#FFFFFF"
       height="tall"
       logo='{"url": "https://picsum.photos/id/56/200/200", "alt": "Bokeh"}'
     ></biggive-heading-banner>
@@ -86,12 +91,19 @@
 <biggive-heading-banner
   slug="Small Charity Week"
   main-title="Support small charities"
-  teaser="Small charities make a big difference in our communities. Support them through our match funding campaigns."
+  teaser="This block will expand vertically as much as necessary to fit the content, within the constraint of the overall banner image.
+  Lorem IpsemLorem IpsemLorem IpsemLorem Ipsem   Lorem IpsemLorem Ipsem Lorem IpsemLorem Ipsem Lorem IpsemLorem I
+  psem Lorem IpsemLorem Ipsem Lorem IpsemLorem Ipsem Lorem IpsemLorem Ipsem Lorem IpsemLorem Ipsem
+  psem Lorem IpsemLorem Ipsem Lorem IpsemLorem Ipsem Lorem IpsemLorem Ipsem Lorem IpsemLorem Ipsem
+  psem Lorem IpsemLorem Ipsem Lorem IpsemLorem Ipsem Lorem IpsemLorem Ipsem Lorem IpsemLorem Ipsem
+"
   main-image-url="https://picsum.photos/id/901/2000/600"
   background-colour="#F1F1F1"
   focal-point='{"x": 50, "y": 50}'
+  slug-colour="#FFFF00"
+  teaser-colour="#00FFFF"
+  main-title-colour="#FF00FF"
   text-background-colour="#2C089B"
-  text-colour="#FFFFFF"
   height="short"
   logo='{"url": "/assets/images/sample-champion.png", "alt": "Sample Logo"}'
 ></biggive-heading-banner>
@@ -108,7 +120,9 @@
       background-colour="#F1F1F1"
       focal-point='{"x": 50, "y": 50}'
       text-background-colour="#2C089B"
-      text-colour="#FFFFFF"
+      slug-colour="#FFFFFF"
+      teaser-colour="#FFFFFF"
+      main-title-colour="#FFFFFF"
       height="short"
       logo='{"url": "/assets/images/sample-champion.png", "alt": "Sample Logo"}'
     ></biggive-heading-banner>

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BJwGe0SQ.js');
 
-const biggiveHeadingBannerCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}.banner{font-size:17px;background-size:cover;height:600px;position:relative;overflow:hidden}.banner.short{height:400px}.banner img.background{object-fit:cover;position:absolute;max-width:2000px;width:100%;height:400px;left:50%;transform:translateX(-50%);bottom:0;display:none}@media (min-width: 450px){.banner img.background{display:block;bottom:initial;height:100%}}.sleeve{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:1200px;margin-left:auto;margin-right:auto;padding:0;box-sizing:border-box;height:100%}@media (min-width: 576px){.sleeve{flex-direction:column}}@media (min-width: 606px){.sleeve{padding-left:20px;align-items:start;height:600px}}@media (min-width: 480px){.short .sleeve{height:400px}}.content-wrap{position:relative;padding-top:70px;padding-right:30px;padding-left:30px;padding-bottom:30px;max-height:400px;box-sizing:border-box;width:100%;max-width:450px}@media (min-width: 450px){.content-wrap{margin-bottom:auto;margin-top:auto;padding-top:40px}}@media (min-width: 480px){.content-wrap{padding-top:30px;margin-left:0}}img.stacked{width:100%;height:100%;object-fit:cover}@media (min-width: 450px){img.stacked{display:none}}h1.main-title{font-size:47px;line-height:60px;font-weight:bold;margin:0 0 15px;padding:0}.slug{font-size:20px;line-height:inherit;font-weight:bold;margin-bottom:-7px}.teaser{margin:0;padding:0}.logo{height:100px;background-size:contain;background-repeat:no-repeat;background-position:left center;margin-bottom:10px}.logo img{width:auto;height:100%;position:relative}";
+const biggiveHeadingBannerCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-er-green:hover,.text-colour-brand-er-green{color:#50B400}.text-colour-hover-brand-er-dark-green:hover,.text-colour-brand-er-dark-green{color:#002413}.text-colour-hover-brand-er-dark-blue:hover,.text-colour-brand-er-dark-blue{color:#0c0068}.text-colour-hover-brand-er-teal:hover,.text-colour-brand-er-teal{color:#00a76d}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}.banner{font-size:17px;background-size:cover;height:600px;position:relative;overflow:hidden}.banner.short{height:400px}.banner img.background{object-fit:cover;position:absolute;max-width:2000px;width:100%;height:400px;left:50%;transform:translateX(-50%);bottom:0;display:none}@media (min-width: 450px){.banner img.background{display:block;bottom:initial;height:100%}}.sleeve{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:1200px;margin-left:auto;margin-right:auto;padding:0;box-sizing:border-box;height:100%}@media (min-width: 576px){.sleeve{flex-direction:column}}@media (min-width: 606px){.sleeve{padding-left:20px;align-items:start;height:600px}}@media (min-width: 480px){.short .sleeve{height:400px}}.content-wrap{position:relative;padding-top:70px;padding-right:30px;padding-left:30px;padding-bottom:30px;box-sizing:border-box;width:100%;max-width:450px}@media (min-width: 450px){.content-wrap{margin-bottom:auto;margin-top:auto;padding-top:40px}}@media (min-width: 480px){.content-wrap{padding-top:30px;margin-left:0}}img.stacked{width:100%;height:100%;object-fit:cover}@media (min-width: 450px){img.stacked{display:none}}h1.main-title{font-size:47px;line-height:60px;font-weight:bold;margin:0 0 15px;padding:0}.slug{font-size:20px;line-height:inherit;font-weight:bold;margin-bottom:-7px}.teaser{margin:0;padding:0}.logo{height:100px;background-size:contain;background-repeat:no-repeat;background-position:left center;margin-bottom:10px}.logo img{width:auto;height:100%;position:relative}";
 
 const BiggiveHeadingBanner = class {
     constructor(hostRef) {
@@ -51,19 +51,26 @@ const BiggiveHeadingBanner = class {
         // Ensure color values have # prefix if they're hex colors without it
         const bgColor = this.backgroundColour.startsWith('#') ? this.backgroundColour : `#${this.backgroundColour}`;
         const textBgColor = this.textBackgroundColour.startsWith('#') ? this.textBackgroundColour : `#${this.textBackgroundColour}`;
-        const txtColor = this.textColour.startsWith('#') ? this.textColour : `#${this.textColour}`;
+        const slugColour = this.slugColour.startsWith('#') ? this.slugColour : `#${this.slugColour}`;
+        const mainTitleColour = this.mainTitleColour.startsWith('#') ? this.mainTitleColour : `#${this.mainTitleColour}`;
+        const teaserColour = this.teaserColour.startsWith('#') ? this.teaserColour : `#${this.teaserColour}`;
         const logo = this.getParsedLogo();
-        return (index.h("div", { key: '509bb9e3ab830dd600c29341daa18797fdb3b7d5', class: {
+        return (index.h("div", { key: '0ce075acab7fc49d3a199ebd4927ca96b063774e', class: {
                 banner: true,
                 short: this.height === 'short',
             }, style: {
                 'background-color': bgColor,
-            } }, index.h("img", { key: '3e381dde426b3e98c76a576452bd69a887d9bf28', class: "background", src: this.mainImageUrl, alt: "", style: {
+            } }, index.h("img", { key: '1661ec57b9de44413a5af83e1ae23ec5c17c334b', class: "background", src: this.mainImageUrl, alt: "", style: {
                 'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,
-            } }), index.h("div", { key: '79157eae66c45bc74ce02f076c1de151d8f4d1da', class: "sleeve" }, index.h("div", { key: '1e63f955e92d35cb9a83087a6d623147f1d64cf5', class: "content-wrap", style: {
+            } }), index.h("div", { key: '56fa85c0b5071389bf6e2af865d43c4790bb8a69', class: "sleeve" }, index.h("div", { key: '682e01053ef9bd59775a30084c42e63957f7af18', class: "content-wrap", style: {
                 'background-color': textBgColor,
-                'color': txtColor,
-            } }, logo ? (index.h("div", { class: "logo" }, index.h("img", { src: logo.url, alt: logo.alt || '' }))) : null, this.slug != undefined ? index.h("div", { class: "slug" }, this.slug) : null, index.h("h1", { key: '2d09e0c9720d0dcdc11822ae39d263224c8834de', class: "main-title" }, this.mainTitle), this.teaser != undefined ? index.h("div", { class: "teaser" }, teaserLines) : null), index.h("img", { key: 'ca17a57f5c3eaddfe2ea3b09fce1f68980bd4245', class: "stacked", src: this.mainImageUrl, alt: "", style: {
+            } }, logo ? (index.h("div", { class: "logo" }, index.h("img", { src: logo.url, alt: logo.alt || '' }))) : null, this.slug != undefined ? (index.h("div", { style: {
+                color: slugColour,
+            }, class: "slug" }, this.slug)) : null, index.h("h1", { key: '39fc0e4747cc102a428bb20623ed7e459e717bec', style: {
+                color: mainTitleColour,
+            }, class: "main-title" }, this.mainTitle), this.teaser != undefined ? (index.h("div", { class: "teaser", style: {
+                color: teaserColour,
+            } }, teaserLines)) : null), index.h("img", { key: 'b6554a3687549f4dc79266afed6df4d32f9bca0c', class: "stacked", src: this.mainImageUrl, alt: "", style: {
                 'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,
             } }))));
     }

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

@@ -1 +1 @@
-{"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  max-height: 400px;\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;\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  /**\n   * Text color for all text content\n   */\n  @Prop() textColour!: 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    const bgColor = this.backgroundColour.startsWith('#') ? this.backgroundColour : `#${this.backgroundColour}`;\n    const textBgColor = this.textBackgroundColour.startsWith('#') ? this.textBackgroundColour : `#${this.textBackgroundColour}`;\n    const txtColor = this.textColour.startsWith('#') ? this.textColour : `#${this.textColour}`;\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        <img\n          class=\"background\"\n          src={this.mainImageUrl}\n          alt=\"\"\n          style={{\n            'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,\n          }}\n        />\n        <div class=\"sleeve\">\n          <div\n            class=\"content-wrap\"\n            style={{\n              'background-color': textBgColor,\n              'color': txtColor,\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 ? <div class=\"slug\">{this.slug}</div> : null}\n\n            <h1 class=\"main-title\">{this.mainTitle}</h1>\n\n            {this.teaser != undefined ? <div class=\"teaser\">{teaserLines}</div> : null}\n          </div>\n\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        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"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;\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    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        <img\n          class=\"background\"\n          src={this.mainImageUrl}\n          alt=\"\"\n          style={{\n            'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,\n          }}\n        />\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          <img\n            class=\"stacked\"\n            src={this.mainImageUrl}\n            alt=\"\"\n            style={{\n              'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,\n            }}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -1 +1 @@
-{"version":3,"file":"biggive-heading-banner.entry.cjs.js","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  max-height: 400px;\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;\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  /**\n   * Text color for all text content\n   */\n  @Prop() textColour!: 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    const bgColor = this.backgroundColour.startsWith('#') ? this.backgroundColour : `#${this.backgroundColour}`;\n    const textBgColor = this.textBackgroundColour.startsWith('#') ? this.textBackgroundColour : `#${this.textBackgroundColour}`;\n    const txtColor = this.textColour.startsWith('#') ? this.textColour : `#${this.textColour}`;\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        <img\n          class=\"background\"\n          src={this.mainImageUrl}\n          alt=\"\"\n          style={{\n            'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,\n          }}\n        />\n        <div class=\"sleeve\">\n          <div\n            class=\"content-wrap\"\n            style={{\n              'background-color': textBgColor,\n              'color': txtColor,\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 ? <div class=\"slug\">{this.slug}</div> : null}\n\n            <h1 class=\"main-title\">{this.mainTitle}</h1>\n\n            {this.teaser != undefined ? <div class=\"teaser\">{teaserLines}</div> : null}\n          </div>\n\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        </div>\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":"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"}
+{"version":3,"file":"biggive-heading-banner.entry.cjs.js","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;\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    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        <img\n          class=\"background\"\n          src={this.mainImageUrl}\n          alt=\"\"\n          style={{\n            'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,\n          }}\n        />\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          <img\n            class=\"stacked\"\n            src={this.mainImageUrl}\n            alt=\"\"\n            style={{\n              'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,\n            }}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":"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"}