@biggive/components 202509250906.0.0 → 202510071215.0.0

package/dist/biggive/p-6be16fad.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveQuoteCss","BiggiveQuote","constructor","hostRef","this","spaceBelow","defaultTextColour","quote","attribution","quoteIconColour","siteDesign","render","bigGiveQuoteMarks","h","key","width","height","viewBox","fill","xmlns","d","philcoQuoteMarks","overflow","class"],"sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include all-round-shadow();\n  @include standard-font();\n  height: 100%;\n  background-color: white;\n  &.philco {\n    @include philco-body-font();\n    line-height: $philco-standard-body-line-height;\n    background-color: transparent;\n    .image-wrap {\n      overflow: hidden;\n      svg {\n        width: 100px;\n        height: 90px; /* = 86/96*100 */\n      }\n    }\n  }\n  text-align: center;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 600px;\n  padding: $spacer-6;\n  .image-wrap {\n    text-align: center;\n    margin-bottom: $spacer-3;\n    svg {\n      height: 30px;\n      width: auto;\n      margin: auto;\n    }\n  }\n  .quote {\n    margin-bottom: $spacer-4;\n  }\n\n  @each $key, $colour in $brandColours {\n    &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n  }\n\n\n  @media screen and (max-width: $screen-tablet-max) {\n    padding: $spacer-5;\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-max) {\n    padding: $spacer-4;\n    @include font-size-small();\n\n    svg {\n      width: 30px;\n      height: 30px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-small) {\n    padding: $spacer-3;\n  }\n\n  &.philco .attribution {\n    font-weight: bolder;\n    color: $colour-philco-gray-70;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-quote',\n  styleUrl: 'biggive-quote.scss',\n  shadow: true,\n})\nexport class BiggiveQuote {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() defaultTextColour: brandColour = 'black';\n\n  @Prop() quote: string = '';\n\n  @Prop() attribution: string = '';\n\n  @Prop() quoteIconColour: brandColour = 'primary';\n\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  render() {\n    const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n    const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n    const bigGiveQuoteMarks = (\n      <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n      </svg>\n    );\n\n    const philcoQuoteMarks = (\n      <svg width=\"96\" height=\"86\" overflow=\"hidden\" viewBox=\"0 0 96 81\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z\"\n          fill=\"#f18a00\"\n        />\n      </svg>\n    );\n\n    return (\n      <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n        <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n        <div class=\"quote\">{quote}</div>\n        <div class=\"attribution\">{attribution}</div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,q/L,MCSXC,EAAY,MALzB,WAAAC,CAAAC,G,UAMUC,KAAUC,WAAkB,EAE5BD,KAAiBE,kBAAgB,QAEjCF,KAAKG,MAAW,GAEhBH,KAAWI,YAAW,GAEtBJ,KAAeK,gBAAgB,UAE/BL,KAAUM,WAAyB,SA6B5C,CA3BC,MAAAC,GACE,MAAMJ,EAAQH,KAAKM,aAAe,SAAWN,KAAKG,MAAQ,IAAIH,KAAKG,SACnE,MAAMC,EAAcJ,KAAKM,aAAe,SAAWN,KAAKI,YAAc,KAAKJ,KAAKI,cAEhF,MAAMI,EACJC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEN,EAAM,QAAAC,IAAA,2CAAAM,EAAE,mFAAmFF,KAAK,aAIpG,MAAMG,EACJR,EAAK,OAAAC,IAAA,2CAAAC,MAAM,KAAKC,OAAO,KAAKM,SAAS,SAASL,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAClFN,EACE,QAAAC,IAAA,2CAAAM,EAAE,ucACFF,KAAK,aAKX,OACEL,EAAK,OAAAC,IAAA,2CAAAS,MAAO,yBAA2BnB,KAAKE,kBAAoB,sBAAwBF,KAAKK,gBAAkB,gBAAkBL,KAAKC,WAAa,IAAMD,KAAKM,YAC5JG,EAAA,OAAAC,IAAA,2CAAKS,MAAM,cAAcnB,KAAKM,aAAe,SAAWW,EAAmBT,GAC3EC,EAAA,OAAAC,IAAA,2CAAKS,MAAM,SAAShB,GACpBM,EAAK,OAAAC,IAAA,2CAAAS,MAAM,eAAef,G","ignoreList":[]}

package/dist/biggive/p-7830b031.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggivePageColumnCss","BiggivePageColumn","render","h","key"],"sources":["src/components/biggive-page-column/biggive-page-column.scss?tag=biggive-page-column&encapsulation=shadow","src/components/biggive-page-column/biggive-page-column.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-page-column',\n  styleUrl: 'biggive-page-column.scss',\n  shadow: true,\n})\nexport class BiggivePageColumn {\n  render() {\n    return <slot></slot>;\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAuB,8F,MCOhBC,EAAiB,M,yBAC5B,MAAAC,GACE,OAAOC,EAAA,QAAAC,IAAA,4C","ignoreList":[]}

package/dist/biggive/p-7ea10d17.entry.js.map

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

package/dist/biggive/p-8218058a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveFormFieldSelectCss","BiggiveFormFieldSelect","constructor","hostRef","this","selectStyle","selectedOptionColour","doOptionSelectCompletedHandler","event","value","target","selectedValue","selectedLabel","label","selectionChanged","spaceBelow","render","greyIfRequired","backgroundColour","options","formatOptions","placeholder","console","error","selectId","selectElementId","getRandomInt","toString","h","key","class","htmlFor","prompt","id","onChange","map","option","selected","undefined","JSON","parse","Array","isArray","Object","entries","entry","min","max","Math","floor","random"],"sources":["src/components/biggive-form-field-select/biggive-form-field-select.scss?tag=biggive-form-field-select&encapsulation=shadow","src/components/biggive-form-field-select/biggive-form-field-select.tsx"],"sourcesContent":["@include spacers();\n\n// Includes CSS taken from https://moderncss.dev/custom-select-styles-with-pure-css/\n\n:host {\n  display: contents;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nselect {\n  appearance: none;\n  border: none;\n  padding: 0 1em 0 0;\n  margin: 0;\n  width: 100%;\n  font-family: inherit;\n  font-size: inherit;\n  cursor: inherit;\n  line-height: inherit;\n  outline: none;\n  display: grid;\n  background-color: $colour-white;\n  align-items: center;\n}\nselect.grey {\n  background-color: $colour-grey-background;\n}\n.selectWrapper {\n  position: relative;\n}\n.prompt {\n  position: absolute;\n  z-index: 2;\n  font-size: small;\n  top: -1em;\n  background-color: $colour-white;\n  left: 4em;\n  padding-left: 1em;\n  padding-right: 1em;\n  color: $colour-primary-blue;\n}\n.prompt.grey {\n  background-color: $colour-grey-background;\n}\n\n.dropdown {\n  @include standard-font();\n  position: relative;\n  text-align: left;\n  &.select-style-bordered {\n    .sleeve {\n      @include font-size-medium();\n      padding: 2px;\n      position: relative;\n      background-color: $colour-primary-blue;\n      @include corner-clip-small-top-right();\n      select {\n        color: $colour-primary-blue;\n        display: block;\n        position: relative;\n        padding: 10px 80px 10px 10px;\n        clip-path:\n          polygon(\n              0% 0%,     /* top left */\n              0% 0%,     /* top left */\n              calc(100% - 14px) 0%,    /* top right */\n              100% 14px,   /* top right */\n              100% 100%,  /* bottom right */\n              100% 100%,  /* bottom right */\n              0 100%,   /* bottom left */\n              0 100%      /* bottom left */\n          );\n        span.placeholder.grey {\n          background-color: $colour-grey-background;\n        }\n      }\n      div.arrow {\n        position: absolute;\n        right: 20px;\n        top: 18px;\n        width: 10px;\n        height: 10px;\n        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS4yMzcxNiA2LjYyNDkzQzQuOTAzMjMgNy4xMjUwMiA0LjA5NyA3LjEyNTAyIDMuNzYzMDggNi42MjQ5M0wwLjEyMzg2OCAxLjE3MDYzQy0wLjIxOTk0IDAuNjU1NDU5IDAuMTkyNjMgMS44MzcxZS0wNyAwLjg2MDkwOCAyLjQyMTMyZS0wN0w4LjEzOTMzIDguNzg0MzJlLTA3QzguODA3MTggOS4zNjgxN2UtMDcgOS4yMTk3NSAwLjY1NTQ1OSA4Ljg3NjM3IDEuMTcwNjNMNS4yMzcxNiA2LjYyNDkzWiIgZmlsbD0iIzJDMDg5QiIvPgo8L3N2Zz4K');\n        background-size: contain;\n        background-repeat: no-repeat;\n        background-position: center center;\n        z-index: 1;\n        pointer-events: none;\n      }\n    }\n    .sleeve:focus-within {\n      background-color: $colour-tertiary-coral;\n    }\n  }\n  &.select-style-underlined {\n    .sleeve {\n      @include dropdown-underlined();\n    }\n  }\n  &.inherit-colour select{\n   color: inherit !important;\n  }\n\n  select {\n    max-height: 200px;\n    overflow-x: hidden;\n    overflow-y: scroll;\n    width: 100%;\n    z-index: 1;\n    left: 0;\n    right: 0;\n  }\n  &.active .options {\n      display: block;\n  }\n}\n.dropdown.noprompt {\n  margin-top: 0;\n}\n.options.grey {\n  background-color: $colour-grey-background;\n}\n","import { Component, Prop, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-form-field-select',\n  styleUrl: 'biggive-form-field-select.scss',\n  shadow: true,\n})\nexport class BiggiveFormFieldSelect {\n  @Element() el: HTMLBiggiveFormFieldSelectElement;\n\n  @Prop() selectionChanged: (value: string) => void;\n\n  /**\n   * Displayed as 'eyebrow' label over the top border of the box.\n   */\n  @Prop() prompt!: string | null;\n\n  @Prop({ mutable: true }) selectedValue: string | null;\n  @Prop({ mutable: true }) selectedLabel: string | null;\n\n  /**\n   * JSON array of label+value objects, or takes a stringified equiavalent (for Storybook)\n   */\n  @Prop() options!: string | Array<{ label: string; value: string }>;\n  @Prop() selectStyle: 'bordered' | 'underlined' = 'bordered';\n\n  /**\n   * Must match background of containing element, or unintended shape will appear.\n   */\n  @Prop() backgroundColour: 'white' | 'grey';\n\n  @Prop() selectedOptionColour: 'inherit' | 'blue' = 'blue';\n\n  /**\n   * ID for the select element, used by a label. If not passed then a random id will be generated.\n   */\n  @Prop() selectElementId: string | undefined;\n\n  private doOptionSelectCompletedHandler = (event: any) => {\n    const value = event.target.value;\n    this.selectedValue = value;\n    this.selectedLabel = event.target.label;\n    this.selectionChanged(value);\n  };\n\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n\n  /**\n   * Placeholder. If there is no `prompt`, this should be a suitable ARIA label.\n   */\n  @Prop() placeholder: string | undefined;\n\n  render() {\n    const greyIfRequired = this.backgroundColour === 'grey' ? ' grey' : '';\n\n    let options = this.formatOptions(this.options);\n\n    if (typeof this.placeholder === 'string' && typeof this.selectedValue !== 'string') {\n      options = [{ value: '__placeholder__', label: this.placeholder }, ...options];\n    }\n\n    if (typeof options === 'undefined') {\n      console.error('options undefined');\n      options = [];\n    }\n    // Give the select a random id so we can reference it from a label\n    const selectId = this.selectElementId || 'select-' + this.getRandomInt().toString();\n\n    return (\n      <div class=\"selectWrapper\">\n        <label class={greyIfRequired} htmlFor={selectId}>\n          <div class={'prompt' + greyIfRequired}>{this.prompt}</div>\n        </label>\n        <div\n          class={\n            'dropdown space-below-' +\n            this.spaceBelow +\n            ' select-style-' +\n            this.selectStyle +\n            (this.prompt === null ? '  noprompt' : '') +\n            (this.selectedOptionColour === 'inherit' ? ' inherit-colour' : '')\n          }\n        >\n          <div class=\"sleeve\">\n            <select id={selectId} class={greyIfRequired} onChange={this.doOptionSelectCompletedHandler} aria-label={this.prompt === null ? this.placeholder : this.prompt}>\n              {options.map(option => (\n                <option selected={this.selectedValue === option.value} value={option.value}>\n                  {option.label}\n                </option>\n              ))}\n            </select>\n            <div class=\"arrow\"></div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  private formatOptions(options: string | Array<{ label: string; value: string }>): {\n    label: string;\n    value: string;\n  }[] {\n    if (options === undefined) {\n      return [];\n    }\n\n    if (typeof options === 'string') {\n      options = JSON.parse(options);\n    }\n\n    if (Array.isArray(options)) {\n      return options;\n    }\n\n    return Object.entries(options).map(entry => ({ value: entry[0], label: entry[1] }));\n  }\n\n  private getRandomInt(): number {\n    const min = 1_000_000;\n    const max = 9_999_999;\n    return Math.floor(Math.random() * (max - min) + min);\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAA4B,0vH,MCOrBC,EAAsB,MALnC,WAAAC,CAAAC,G,UAsBUC,KAAWC,YAA8B,WAOzCD,KAAoBE,qBAAuB,OAO3CF,KAAAG,+BAAkCC,IACxC,MAAMC,EAAQD,EAAME,OAAOD,MAC3BL,KAAKO,cAAgBF,EACrBL,KAAKQ,cAAgBJ,EAAME,OAAOG,MAClCT,KAAKU,iBAAiBL,EAAM,EAMtBL,KAAUW,WAAW,CA6E9B,CAtEC,MAAAC,GACE,MAAMC,EAAiBb,KAAKc,mBAAqB,OAAS,QAAU,GAEpE,IAAIC,EAAUf,KAAKgB,cAAchB,KAAKe,SAEtC,UAAWf,KAAKiB,cAAgB,iBAAmBjB,KAAKO,gBAAkB,SAAU,CAClFQ,EAAU,CAAC,CAAEV,MAAO,kBAAmBI,MAAOT,KAAKiB,gBAAkBF,E,CAGvE,UAAWA,IAAY,YAAa,CAClCG,QAAQC,MAAM,qBACdJ,EAAU,E,CAGZ,MAAMK,EAAWpB,KAAKqB,iBAAmB,UAAYrB,KAAKsB,eAAeC,WAEzE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,iBACTF,EAAA,SAAAC,IAAA,2CAAOC,MAAOb,EAAgBc,QAASP,GACrCI,EAAK,OAAAC,IAAA,2CAAAC,MAAO,SAAWb,GAAiBb,KAAK4B,SAE/CJ,EACE,OAAAC,IAAA,2CAAAC,MACE,wBACA1B,KAAKW,WACL,iBACAX,KAAKC,aACJD,KAAK4B,SAAW,KAAO,aAAe,KACtC5B,KAAKE,uBAAyB,UAAY,kBAAoB,KAGjEsB,EAAK,OAAAC,IAAA,2CAAAC,MAAM,UACTF,EAAA,UAAAC,IAAA,2CAAQI,GAAIT,EAAUM,MAAOb,EAAgBiB,SAAU9B,KAAKG,+BAA4C,aAAAH,KAAK4B,SAAW,KAAO5B,KAAKiB,YAAcjB,KAAK4B,QACpJb,EAAQgB,KAAIC,GACXR,EAAA,UAAQS,SAAUjC,KAAKO,gBAAkByB,EAAO3B,MAAOA,MAAO2B,EAAO3B,OAClE2B,EAAOvB,UAIde,EAAK,OAAAC,IAAA,2CAAAC,MAAM,Y,CAOb,aAAAV,CAAcD,GAIpB,GAAIA,IAAYmB,UAAW,CACzB,MAAO,E,CAGT,UAAWnB,IAAY,SAAU,CAC/BA,EAAUoB,KAAKC,MAAMrB,E,CAGvB,GAAIsB,MAAMC,QAAQvB,GAAU,CAC1B,OAAOA,C,CAGT,OAAOwB,OAAOC,QAAQzB,GAASgB,KAAIU,IAAK,CAAOpC,MAAOoC,EAAM,GAAIhC,MAAOgC,EAAM,M,CAGvE,YAAAnB,GACN,MAAMoB,EAAM,IACZ,MAAMC,EAAM,QACZ,OAAOC,KAAKC,MAAMD,KAAKE,UAAYH,EAAMD,GAAOA,E","ignoreList":[]}

package/dist/biggive/p-8423b699.entry.js.map

@@ -1 +0,0 @@
-{"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","_a","backgroundColour","startsWith","textBgColor","_b","textBackgroundColour","slugColour","_c","mainTitleColour","_d","teaserColour","_e","key","class","banner","short","style","mainImageUrl","src","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 | null;\n\n  /**\n   * Focal point for the image positioning\n   * x and y values are percentages (0-100)\n   */\n  @Prop() focalPoint!: string | { x: number; y: number };\n\n  /**\n   * Optional teaser text that appears below the main title\n   */\n  @Prop() teaser!: string;\n\n  /**\n   * Background color for the banner\n   */\n  @Prop() backgroundColour!: string;\n\n  /**\n   * Background color for the text content area\n   */\n  @Prop() textBackgroundColour!: string;\n\n  @Prop() slugColour!: string;\n\n  @Prop() mainTitleColour!: string;\n\n  @Prop() teaserColour!: string;\n\n  /**\n   * Height variant of the banner\n   * 'tall' for full height, 'short' for reduced height\n   */\n  @Prop() height: 'short' | 'tall' = 'tall';\n\n  /**\n   * Takes a string that may contain any form of newlines, and returns an array that alternates\n   * between substrings found between the newlines and <br/> elements as objects.\n   */\n  private lineBreakToBr(string: string | undefined): unknown[] {\n    if (string == undefined) {\n      return [];\n    }\n\n    return string\n      .split(/\\r?\\n|\\r|\\n/g)\n      .map(line => [line, <br />])\n      .flat()\n      .slice(0, -1);\n  }\n\n  private getParsedFocalPoint(): { x: number; y: number } {\n    if (typeof this.focalPoint === 'string') {\n      return JSON.parse(this.focalPoint);\n    }\n    return this.focalPoint;\n  }\n\n  private getParsedLogo(): { url: string; alt?: string } | undefined {\n    if (this.logo === undefined) return undefined;\n    if (typeof this.logo === 'string') {\n      return JSON.parse(this.logo);\n    }\n    return this.logo;\n  }\n\n  render() {\n    // Convert teaser text with line breaks to JSX\n    const teaserLines = this.lineBreakToBr(this.teaser);\n\n    // Ensure color values have # prefix if they're hex colors without it\n    // not sure how but it seems we're sometimes doing at least an intiial render before the colour props are populated,\n    // so using null-safe navigation to avoid a crash here.\n    const bgColor = this.backgroundColour?.startsWith('#') ? this.backgroundColour : `#${this.backgroundColour}`;\n    const textBgColor = this.textBackgroundColour?.startsWith('#') ? this.textBackgroundColour : `#${this.textBackgroundColour}`;\n    const slugColour = this.slugColour?.startsWith('#') ? this.slugColour : `#${this.slugColour}`;\n    const mainTitleColour = this.mainTitleColour?.startsWith('#') ? this.mainTitleColour : `#${this.mainTitleColour}`;\n    const teaserColour = this.teaserColour?.startsWith('#') ? this.teaserColour : `#${this.teaserColour}`;\n\n    const logo = this.getParsedLogo();\n    return (\n      <div\n        class={{\n          banner: true,\n          short: this.height === 'short',\n        }}\n        style={{\n          'background-color': bgColor,\n        }}\n      >\n        {typeof this.mainImageUrl === 'string' && this.mainImageUrl !== '' ? (\n          <img\n            class=\"background\"\n            src={this.mainImageUrl}\n            alt=\"\"\n            style={{\n              'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,\n            }}\n          />\n        ) : null}\n        <div class=\"sleeve\">\n          <div\n            class=\"content-wrap\"\n            style={{\n              'background-color': textBgColor,\n            }}\n          >\n            {logo ? (\n              <div class=\"logo\">\n                <img src={logo.url} alt={logo.alt || ''} />\n              </div>\n            ) : null}\n\n            {this.slug != undefined ? (\n              <div\n                style={{\n                  color: slugColour,\n                }}\n                class=\"slug\"\n              >\n                {this.slug}\n              </div>\n            ) : null}\n\n            <h1\n              style={{\n                color: mainTitleColour,\n              }}\n              class=\"main-title\"\n            >\n              {this.mainTitle}\n            </h1>\n\n            {this.teaser != undefined ? (\n              <div\n                class=\"teaser\"\n                style={{\n                  color: teaserColour,\n                }}\n              >\n                {teaserLines}\n              </div>\n            ) : null}\n          </div>\n\n          {typeof this.mainImageUrl === 'string' && this.mainImageUrl !== '' ? (\n            <img\n              class=\"stacked\"\n              src={this.mainImageUrl}\n              alt=\"\"\n              style={{\n                'object-position': `${this.getParsedFocalPoint().x}% ${this.getParsedFocalPoint().y}%`,\n              }}\n            />\n          ) : null}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAA0B,89I,MCanBC,EAAoB,MALjC,WAAAC,CAAAC,G,UAcUC,KAAIC,KAAY,GA2ChBD,KAAME,OAAqB,MA8HpC,CAxHS,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,G,cAEE,MAAMC,EAAcnB,KAAKG,cAAcH,KAAKoB,QAK5C,MAAMC,IAAUC,EAAAtB,KAAKuB,oBAAkB,MAAAD,SAAA,SAAAA,EAAAE,WAAW,MAAOxB,KAAKuB,iBAAmB,IAAIvB,KAAKuB,mBAC1F,MAAME,IAAcC,EAAA1B,KAAK2B,wBAAsB,MAAAD,SAAA,SAAAA,EAAAF,WAAW,MAAOxB,KAAK2B,qBAAuB,IAAI3B,KAAK2B,uBACtG,MAAMC,IAAaC,EAAA7B,KAAK4B,cAAY,MAAAC,SAAA,SAAAA,EAAAL,WAAW,MAAOxB,KAAK4B,WAAa,IAAI5B,KAAK4B,aACjF,MAAME,IAAkBC,EAAA/B,KAAK8B,mBAAiB,MAAAC,SAAA,SAAAA,EAAAP,WAAW,MAAOxB,KAAK8B,gBAAkB,IAAI9B,KAAK8B,kBAChG,MAAME,IAAeC,EAAAjC,KAAKgC,gBAAc,MAAAC,SAAA,SAAAA,EAAAT,WAAW,MAAOxB,KAAKgC,aAAe,IAAIhC,KAAKgC,eAEvF,MAAMf,EAAOjB,KAAKgB,gBAClB,OACEP,EACE,OAAAyB,IAAA,2CAAAC,MAAO,CACLC,OAAQ,KACRC,MAAOrC,KAAKE,SAAW,SAEzBoC,MAAO,CACL,mBAAoBjB,WAGdrB,KAAKuC,eAAiB,UAAYvC,KAAKuC,eAAiB,GAC9D9B,EACE,OAAA0B,MAAM,aACNK,IAAKxC,KAAKuC,aACVE,IAAI,GACJH,MAAO,CACL,kBAAmB,GAAGtC,KAAKY,sBAAsB8B,MAAM1C,KAAKY,sBAAsB+B,QAGpF,KACJlC,EAAK,OAAAyB,IAAA,2CAAAC,MAAM,UACT1B,EAAA,OAAAyB,IAAA,2CACEC,MAAM,eACNG,MAAO,CACL,mBAAoBb,IAGrBR,EACCR,EAAK,OAAA0B,MAAM,QACT1B,EAAA,OAAK+B,IAAKvB,EAAK2B,IAAKH,IAAKxB,EAAKwB,KAAO,MAErC,KAEHzC,KAAKC,MAAQI,UACZI,EACE,OAAA6B,MAAO,CACLO,MAAOjB,GAETO,MAAM,QAELnC,KAAKC,MAEN,KAEJQ,EAAA,MAAAyB,IAAA,2CACEI,MAAO,CACLO,MAAOf,GAETK,MAAM,cAELnC,KAAK8C,WAGP9C,KAAKoB,QAAUf,UACdI,EAAA,OACE0B,MAAM,SACNG,MAAO,CACLO,MAAOb,IAGRb,GAED,aAGEnB,KAAKuC,eAAiB,UAAYvC,KAAKuC,eAAiB,GAC9D9B,EACE,OAAA0B,MAAM,UACNK,IAAKxC,KAAKuC,aACVE,IAAI,GACJH,MAAO,CACL,kBAAmB,GAAGtC,KAAKY,sBAAsB8B,MAAM1C,KAAKY,sBAAsB+B,QAGpF,M","ignoreList":[]}

package/dist/biggive/p-881b7f5a.entry.js

@@ -1,2 +0,0 @@
-import{r as t}from"./p-Bw8i6zSc.js";const e="a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block}";const o=class{constructor(e){t(this,e)}render(){return null}};o.style=e;export{o as biggive_timeline_entry};
-//# sourceMappingURL=p-881b7f5a.entry.js.map

package/dist/biggive/p-881b7f5a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveTimelineEntryCss","BiggiveTimelineEntry","render"],"sources":["src/components/biggive-timeline-entry/biggive-timeline-entry.scss?tag=biggive-timeline-entry&encapsulation=shadow","src/components/biggive-timeline-entry/biggive-timeline-entry.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-timeline-entry',\n  styleUrl: 'biggive-timeline-entry.scss',\n  shadow: true,\n})\nexport class BiggiveTimelineEntry {\n  /**\n   * Should be in the format 'YYYY-mm-dd', for example '2023-01-01'\n   */\n  @Prop() date: string;\n\n  @Prop() heading: string;\n\n  render() {\n    return null;\n  }\n}\n"],"mappings":"oCAAA,MAAMA,EAA0B,8F,MCOnBC,EAAoB,M,yBAQ/B,MAAAC,GACE,OAAO,I","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveMiscIconCss","BiggiveMiscIcon","constructor","hostRef","this","backgroundColour","iconColour","render","miscIcon","FontAwesomeIconsService","getMiscIcon","icon","h","key","class","href","url","width","height","xmlns","viewBox","overflow","d","toString"],"sources":["src/components/biggive-misc-icon/biggive-misc-icon.scss?tag=biggive-misc-icon&encapsulation=shadow","src/components/biggive-misc-icon/biggive-misc-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n  display: contents;\n}\n\n.misc-icon-item {\n  @include icon-large();\n\n  @media screen and (max-width: $screen-mobile-max) {\n    @include icon-medium();\n    margin: auto;\n\n    a {\n      margin: auto;\n    }\n  }\n}\n\n.CaretRight {\n  height: 10px;\n  width: 10px;\n  margin-right: 0px;\n  a {\n    padding: 0px;\n  }\n}\n\n.MenuClose {\n  a {\n    svg {\n      height: 12px;\n      width: 12px;\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n@Component({\n  tag: 'biggive-misc-icon',\n  styleUrl: 'biggive-misc-icon.scss',\n  shadow: true,\n})\nexport class BiggiveMiscIcon {\n  /**\n   * Background colour\n   */\n  @Prop() backgroundColour: string = 'primary';\n\n  /**\n   * Background colour\n   */\n  @Prop() iconColour: string = 'white';\n\n  /**\n   * Icon\n   */\n  @Prop() icon: string;\n\n  /**\n   * Url\n   */\n  @Prop() url: string;\n\n  render() {\n    const miscIcon = FontAwesomeIconsService.getMiscIcon(this.icon);\n\n    return (\n      // Note: the icon name prop is set as a css class too for any styling specific to certain icons\n      <div class={'misc-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon}>\n        <a href={this.url}>\n          <svg\n            width={miscIcon.icon[0]}\n            height={miscIcon.icon[1]}\n            xmlns=\"http://www.w3.org/2000/svg\"\n            class={'fill-' + this.iconColour}\n            viewBox={'0 0 ' + miscIcon.icon[0] + ' ' + miscIcon.icon[1]}\n            overflow=\"hidden\"\n          >\n            <path d={miscIcon.icon[4].toString()} />\n          </svg>\n        </a>\n      </div>\n    );\n  }\n}\n"],"mappings":"uGAAA,MAAMA,EAAqB,ovP,MCQdC,EAAe,MAL5B,WAAAC,CAAAC,G,UASUC,KAAgBC,iBAAW,UAK3BD,KAAUE,WAAW,OAiC9B,CArBC,MAAAC,GACE,MAAMC,EAAWC,EAAwBC,YAAYN,KAAKO,MAE1D,OAEEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,oCAAsCV,KAAKC,iBAAmB,IAAMD,KAAKO,MACnFC,EAAA,KAAAC,IAAA,2CAAGE,KAAMX,KAAKY,KACZJ,EACE,OAAAC,IAAA,2CAAAI,MAAOT,EAASG,KAAK,GACrBO,OAAQV,EAASG,KAAK,GACtBQ,MAAM,6BACNL,MAAO,QAAUV,KAAKE,WACtBc,QAAS,OAASZ,EAASG,KAAK,GAAK,IAAMH,EAASG,KAAK,GACzDU,SAAS,UAETT,EAAA,QAAAC,IAAA,2CAAMS,EAAGd,EAASG,KAAK,GAAGY,e","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveFooterCss","BiggiveFooter","constructor","hostRef","this","headingLevel","smallCharityWeekEnabled","year","Date","getFullYear","toString","usePresetFooter","logoRow","h","class","src","getAssetPath","alt","appendMenu","menuName","node","host","querySelector","shadowRoot","appendChild","componentDidRender","render","HeadingTag","slotBasedFooter","id","name","url","label","href","width","loading","presetFooter","slot","makeURL","blogUrlPrefix","donateUrlPrefix","service","wide"],"sources":["src/components/biggive-footer/biggive-footer.scss?tag=biggive-footer&encapsulation=shadow","src/components/biggive-footer/biggive-footer.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.footer {\n  @include standard-font();\n  color: $colour-white;\n}\n\nnav {\n  width: calc(33.3% - 20px);\n  margin: 0;\n  padding: 0;\n  .heading {\n    @include heading-5();\n    border-bottom: 1px solid $colour-white;\n    padding-bottom: $spacer-2;\n    margin-bottom: $spacer-2;\n  }\n  ul {\n    margin: 0;\n    padding: 0;\n    li {\n      margin: 0;\n      padding: 0;\n      list-style-type: none;\n      margin-top: $spacer-3;\n    }\n  }\n}\n\nnav ul li a {\n  color: $colour-white;\n  text-decoration: none;\n  // target all classes prefixed with 'icon-' so we don't repeat code\n  &[class^='icon-'],\n  &[class*='icon-'] {\n    padding-left: 20px;\n    background-repeat: no-repeat;\n    background-size: auto 10px;\n    background-position: left center;\n  }\n\n  &.icon-earth-raise {\n    background-image: url(/assets/images/triangles-combined-earth-raise-white.svg);\n  }\n\n  &.icon-children {\n    background-image: url(/assets/images/triangles-combined-children-white.svg);\n  }\n\n  &.icon-christmas {\n    background-image: url(/assets/images/triangles-combined-christmas-challenge-white.svg);\n  }\n\n  &.icon-women-girls {\n    background-image: url(/assets/images/triangles-combined-women-girls-white.svg);\n  }\n\n  &.icon-mental-health {\n    background-image: url(/assets/images/triangles-combined-mental-health-white.svg);\n  }\n\n  &.icon-anchor-match {\n    background-image: url(/assets/images/triangles-combined-anchor-white.svg);\n  }\n\n  &.icon-emergency {\n    background-image: url(/assets/images/triangles-combined-emergency-white.svg);\n  }\n\n  &.icon-arts {\n    background-image: url(/assets/images/triangles-combined-arts-white.svg);\n  }\n\n  &.icon-small-charity {\n    background-image: url(/assets/images/triangles-combined-small-charity-week-white.svg);\n  }\n}\n\n.row-logo {\n  background-color: $colour-primary-blue;\n  padding: $spacer-3 $spacer-6;\n  .logo {\n    height: 75px;\n    width: 87px;\n  }\n}\n\n.row-top {\n  background-color: $colour-primary-blue;\n  padding: 0 $spacer-6 $spacer-6 $spacer-6;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n\n  .button-wrap {\n    margin-top: $spacer-6;\n    width: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n  }\n}\n\n.footer .row-bottom {\n  background-color: $colour-black;\n  padding: $spacer-6 $spacer-6 $spacer-3 $spacer-6;\n  border-top: 1px solid $colour-white;\n\n  .fr-logo {\n    width: 135px;\n  }\n\n  .postscript-wrap {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n\n    @media screen and (max-width: $screen-tablet-max) {\n      flex-direction: column;\n    }\n  }\n\n  .nav.nav-postscript {\n    text-align: right;\n    flex-grow: 1;\n\n    @media screen and (max-width: $screen-tablet-max) {\n      text-align: center;\n    }\n  }\n\n  .nav-postscript li {\n    display: inline-block;\n    margin-left: 1rem;\n\n    &:first-child {\n      margin-left: 0;\n    }\n\n    @media screen and (max-width: $screen-tablet-max) {\n      display: block;\n      width: 100%;\n      margin-left: 0;\n    }\n  }\n\n  .social-icon-wrap {\n    border-top: 1px solid $colour-white;\n    padding-top: $spacer-4;\n    margin-top: $spacer-4;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: $spacer-4;\n\n    .social-icon-item {\n      margin: 0 $spacer-3;\n    }\n  }\n\n  p {\n    text-align: center;\n  }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n  .row-top {\n    padding: $spacer-3;\n  }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n  nav {\n    width: 100%;\n    margin-right: 0;\n    margin-bottom: $spacer-4;\n  }\n\n  .row-logo {\n    padding: $spacer-4 $spacer-3 0 $spacer-3;\n    .logo {\n      height: 50px;\n      width: 58px;\n    }\n  }\n\n  .row-top {\n    padding-left: $spacer-3;\n\n    .button-wrap * {\n      width: 100% !important;\n    }\n  }\n}\n\n.fr-digital-badge {\n  height: auto;\n  width: 200px;\n  text-decoration: none;\n}\n","import { Component, Element, getAssetPath, h, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n/**\n * Should be contained in a `<footer/>` or similar so that the page has appropriate\n * landmarks.\n */\n@Component({\n  tag: 'biggive-footer',\n  styleUrl: 'biggive-footer.scss',\n  shadow: true,\n})\nexport class BiggiveFooter {\n  @Element() host: HTMLBiggiveFooterElement;\n\n  @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n  /**\n   * URL prefixes vary by environment, and components library is not best placed to know what they are, so we\n   * take them as props\n   */\n  @Prop() donateUrlPrefix: string;\n  @Prop() blogUrlPrefix: string | undefined;\n  @Prop() experienceUrlPrefix: string | undefined;\n  @Prop() smallCharityWeekEnabled = false;\n\n  private year: string = new Date().getFullYear().toString();\n\n  /**\n   * Conditionally render footer menu:\n   * hard-coded (preset) when set to true, dynamic (slot-based) when set to false\n   */\n  @Prop() usePresetFooter = false;\n\n  private logoRow = (\n    <div class=\"row row-logo\">\n      <div class=\"logo\">\n        <img src={getAssetPath('/assets/images/biggive-triangle-green.svg')} alt=\"Big Give\" />\n      </div>\n    </div>\n  );\n\n  private appendMenu(menuName: string) {\n    var node = this.host.querySelector(`[slot=\"${menuName}\"]`);\n    if (node !== null) {\n      this.host!.shadowRoot!.querySelector(`.${menuName}`)!.appendChild(node);\n    }\n  }\n\n  componentDidRender() {\n    if (!this.usePresetFooter) {\n      this.appendMenu('nav-primary');\n      this.appendMenu('nav-secondary');\n      this.appendMenu('nav-tertiary');\n      this.appendMenu('nav-postscript');\n    }\n  }\n\n  render() {\n    const HeadingTag = `h${this.headingLevel}`;\n    const slotBasedFooter = () => {\n      return (\n        <div class=\"footer\">\n          {this.logoRow}\n          <div class=\"row row-top\">\n            <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n              <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n                <slot name=\"nav-primary-title\"></slot>\n              </HeadingTag>\n            </nav>\n\n            <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading\">\n              <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n                <slot name=\"nav-secondary-title\"></slot>\n              </HeadingTag>\n            </nav>\n\n            <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n              <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n                <slot name=\"nav-tertiary-title\"></slot>\n              </HeadingTag>\n            </nav>\n\n            <div class=\"button-wrap\">\n              <biggive-button colour-scheme=\"white\" url=\"https://biggive.org/charities\" label=\"For charities\"></biggive-button>\n              <biggive-button colour-scheme=\"white\" url=\"https://biggive.org/funders\" label=\"For funders\"></biggive-button>\n            </div>\n          </div>\n\n          <div class=\"row row-bottom\">\n            <div class=\"postscript-wrap\">\n              <a href=\"https://www.fundraisingregulator.org.uk/validate?registrant=The+Big+Give+Trust\" class=\"fr-digital-badge\">\n                <img\n                  src=\"https://www.fundraisingregulator.org.uk/fr-badge/a9b06226-3edc-4460-b57f-aeedc3c1dea4/en/white\"\n                  width=\"200\"\n                  alt=\"Fundraising Regulator badge with validation link\"\n                  loading=\"lazy\"\n                />\n              </a>\n              <nav class=\"nav nav-postscript\" aria-label=\"Legal\"></nav>\n            </div>\n\n            <div class=\"social-icon-wrap\">\n              <slot name=\"social-icons\"></slot>\n            </div>\n            <p>&copy; 2007 – {this.year} The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n          </div>\n        </div>\n      );\n    };\n\n    const presetFooter = () => {\n      return (\n        <div class=\"footer\">\n          {this.logoRow}\n          <div class=\"row row-top\">\n            <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n              <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n                <div slot=\"nav-primary-title\">Match Funding Opportunities</div>\n              </HeadingTag>\n              <ul slot=\"nav-primary\">\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge')} class=\"icon-christmas\">\n                    Christmas Challenge\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'earth-raise')} class=\"icon-earth-raise\">\n                    Earth Raise\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'champions-for-children')} class=\"icon-children\">\n                    Champions for Children\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund')} class=\"icon-women-girls\">\n                    Women and Girls Match Fund\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'kind2mind/')} class=\"icon-mental-health\">\n                    Kind²Mind\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'artsforimpact')} class=\"icon-arts\">\n                    Arts for Impact\n                  </a>\n                </li>\n                {this.smallCharityWeekEnabled && (\n                  <li>\n                    <a href={makeURL('Blog', this.blogUrlPrefix, 'small-charity-week')} class=\"icon-small-charity\">\n                      Small Charity Week\n                    </a>\n                  </li>\n                )}\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/')} class=\"icon-emergency\">\n                    Emergency Match Fund\n                  </a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)')}>Run your own campaign</a>\n                </li>\n              </ul>\n            </nav>\n\n            <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading\">\n              <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n                <div slot=\"nav-secondary-title\">Resources</div>\n              </HeadingTag>\n              <ul slot=\"nav-secondary\">\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'case-studies')}>Case Studies</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'blog')}>Blog</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'reports-insights')}>Reports &amp; Insights</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'press')}>Press</a>\n                </li>\n              </ul>\n            </nav>\n\n            <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n              <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n                <div slot=\"nav-tertiary-title\">About</div>\n              </HeadingTag>\n              <ul slot=\"nav-tertiary\">\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'support')}>Support</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'our-story')}>Our Story</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'our-people')}>Our People</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'donation-funds')}>Donate by Bank Transfer</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'our-fees')}>Our Fees</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'careers')}>Careers</a>\n                </li>\n                <li>\n                  <a href={makeURL('Blog', this.blogUrlPrefix, 'faqs')}>FAQs</a>\n                </li>\n              </ul>\n            </nav>\n\n            <div class=\"button-wrap\">\n              <biggive-button colour-scheme=\"white\" url={makeURL('Blog', this.blogUrlPrefix, 'charities')} label=\"For charities\"></biggive-button>\n              <biggive-button colour-scheme=\"white\" url={makeURL('Blog', this.blogUrlPrefix, 'funders')} label=\"For funders\"></biggive-button>\n            </div>\n          </div>\n\n          <div class=\"row row-bottom\">\n            <div class=\"postscript-wrap\">\n              <a href=\"https://www.fundraisingregulator.org.uk/validate?registrant=The+Big+Give+Trust\" class=\"fr-digital-badge\">\n                <img\n                  src=\"https://www.fundraisingregulator.org.uk/fr-badge/a9b06226-3edc-4460-b57f-aeedc3c1dea4/en/white\"\n                  width=\"200\"\n                  alt=\"Fundraising Regulator badge with validation link\"\n                  loading=\"lazy\"\n                />\n              </a>\n              <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n                <ul slot=\"nav-postscript\">\n                  <li>\n                    <a href={makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n                  </li>\n                  <li>\n                    <a href={makeURL('Blog', this.blogUrlPrefix, 'privacy')}>Privacy Statement</a>\n                  </li>\n                  <li>\n                    <a href={makeURL('Blog', this.blogUrlPrefix, 'privacy#cookies')}>Cookies Statement</a>\n                  </li>\n                  <li>\n                    <a href={makeURL('Donate', this.donateUrlPrefix, 'cookie-preferences')}>Cookies Preference Centre</a>\n                  </li>\n                </ul>\n              </nav>\n            </div>\n\n            <div class=\"social-icon-wrap\">\n              <div slot=\"social-icons\">\n                <biggive-social-icon\n                  service=\"Facebook\"\n                  url=\"https://www.facebook.com/BigGive.org\"\n                  background-colour=\"tertiary\"\n                  icon-colour=\"black\"\n                  wide={true}\n                ></biggive-social-icon>\n                <biggive-social-icon service=\"Twitter\" url=\"https://x.com/BigGive\" background-colour=\"tertiary\" icon-colour=\"black\" wide={true}></biggive-social-icon>\n                <biggive-social-icon\n                  service=\"LinkedIn\"\n                  url=\"https://uk.linkedin.com/company/big-give\"\n                  background-colour=\"tertiary\"\n                  icon-colour=\"black\"\n                  wide={true}\n                ></biggive-social-icon>\n                <biggive-social-icon\n                  service=\"YouTube\"\n                  url=\"https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA\"\n                  background-colour=\"tertiary\"\n                  icon-colour=\"black\"\n                  wide={true}\n                ></biggive-social-icon>\n                <biggive-social-icon service=\"Instagram\" url=\"https://www.instagram.com/biggiveorg\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n              </div>\n            </div>\n            <p>&copy; 2007 – {this.year} The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n          </div>\n        </div>\n      );\n    };\n\n    return this.usePresetFooter ? presetFooter() : slotBasedFooter();\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveHeadingCss","BiggiveHeading","constructor","hostRef","this","spaceAbove","spaceBelow","colour","htmlElement","size","align","text","icon","iconColour","siteDesign","render","Tag","h","key","class","viewBox","d"],"sources":["src/components/biggive-heading/biggive-heading.scss?tag=biggive-heading&encapsulation=shadow","src/components/biggive-heading/biggive-heading.tsx"],"sourcesContent":["@include alignments();\n@include spacers();\n\n:host {\n  display: contents;\n}\n\n.container {\n  &.biggive {\n    @include headings-biggive();\n    // We reset size here but then rely on something else to make it bigger. Confusing\n    // but not worth refactoring rn.\n    @include standard-font();\n  }\n\n  &.philco {\n    @include headings-philco();\n  }\n\n  @each $key, $colour in $brandColours {\n    .heading-colour-#{$key} { color: $colour; }\n  }\n  display: flex;\n\n  h1,h2,h3,h4,h5 {\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    svg {\n      height: 0.7em;\n      margin-right: 0.2em;\n    }\n  }\n\n  @each $key, $colour in $brandColours {\n    .icon-colour-#{$key} svg path { fill: $colour; }\n  }\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { headingTag } from '../../globals/heading-tag';\nimport { headingSize } from '../../globals/heading-size';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-heading',\n  styleUrl: 'biggive-heading.scss',\n  shadow: true,\n})\nexport class BiggiveHeading {\n  @Prop() spaceAbove: spacingOption = 2;\n  @Prop() spaceBelow: spacingOption = 4;\n  @Prop() colour: brandColour = 'primary';\n  @Prop() htmlElement: headingTag = 'h1';\n  @Prop() size: headingSize = 1;\n  @Prop() align: string = 'left';\n  @Prop() text: string = '';\n  @Prop() icon: boolean = false;\n  @Prop() iconColour: brandColour = 'primary';\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  render() {\n    const Tag = this.htmlElement;\n    return (\n      <div class={'container ' + this.siteDesign + ' align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow}>\n        <Tag class={'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size}>\n          {this.icon ? (\n            <svg viewBox=\"0 0 102 88\">\n              <path class=\"st0\" d=\"M51.2,0l-51,88h102L51.2,0z\" />\n              <path\n                d=\"M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n         h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n         c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n         c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n         c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n         c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n         c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n          M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n         c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n         C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n         C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n         c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z\"\n              />\n            </svg>\n          ) : null}\n\n          {this.text}\n        </Tag>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAoB,y2K,MCWbC,EAAc,MAL3B,WAAAC,CAAAC,G,UAMUC,KAAUC,WAAkB,EAC5BD,KAAUE,WAAkB,EAC5BF,KAAMG,OAAgB,UACtBH,KAAWI,YAAe,KAC1BJ,KAAIK,KAAgB,EACpBL,KAAKM,MAAW,OAChBN,KAAIO,KAAW,GACfP,KAAIQ,KAAY,MAChBR,KAAUS,WAAgB,UAC1BT,KAAUU,WAAyB,SAgC5C,CA9BC,MAAAC,GACE,MAAMC,EAAMZ,KAAKI,YACjB,OACES,EAAK,OAAAC,IAAA,2CAAAC,MAAO,aAAef,KAAKU,WAAa,UAAYV,KAAKM,MAAQ,gBAAkBN,KAAKC,WAAa,gBAAkBD,KAAKE,YAC/HW,EAACD,EAAG,CAAAE,IAAA,2CAACC,MAAO,kBAAoBf,KAAKG,OAAS,gBAAkBH,KAAKS,WAAa,YAAcT,KAAKK,MAClGL,KAAKQ,KACJK,EAAA,OAAKG,QAAQ,cACXH,EAAA,QAAME,MAAM,MAAME,EAAE,+BACpBJ,EACE,QAAAI,EAAE,g8CAcJ,KAEHjB,KAAKO,M","ignoreList":[]}

package/dist/biggive/p-98355c54.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggivePageSectionCss","BiggivePageSection","constructor","hostRef","this","spaceBelow","sectionStyleTop","sectionStyleBottom","maxWidth","primaryFullBleed","render","h","key","class","colourScheme"],"sources":["src/components/biggive-page-section/biggive-page-section.scss?tag=biggive-page-section&encapsulation=shadow","src/components/biggive-page-section/biggive-page-section.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n  display: contents;\n}\n\n.container {\n  overflow: hidden;\n  position: relative;\n  text-align: center;\n  .sleeve {\n    @include section-container();\n    padding: $spacer-4;\n\n    @media screen and (max-width: $screen-desktop-max) {\n      // similar to e.g. biggive-hero-image which was set to use $spacer-3 first.\n      padding: $spacer-3;\n    }\n  }\n}\n\n.container.full-bleed {\n  // from https://stackoverflow.com/questions/22083157/extend-background-color-of-header-beyond-container-with-css\n  box-shadow: 0 0 0 100vmax $colour-primary-blue;\n  clip-path: inset(0 -100vmax);\n}\n\n.container.style-top-crop-right:before {\n  content: '';\n  display: block;\n  height: 75px;\n  clip-path: polygon(0 0, 0% 100%, 100% 100%);\n  transform: translateY(1px);\n}\n\n.container.style-top-crop-left:before {\n  content: '';\n  display: block;\n  height: 75px;\n  clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0 100%);\n  transform: translateY(1px);\n}\n\n.container.style-bottom-crop-right:after {\n  content: '';\n  display: block;\n  height: 75px;\n  clip-path: polygon(0 0, 100% 0, 0 100%);\n  transform: translateY(-1px);\n}\n\n.container.style-bottom-crop-left:after {\n  content: '';\n  display: block;\n  height: 75px;\n  clip-path: polygon(0 0, 100% 0, 100% 100%);\n  transform: translateY(-1px);\n}\n\n.container .sleeve {\n  position: relative;\n  text-align: left;\n}\n\n.container.max-width-10 .sleeve { @include max-width-10(); }\n.container.max-width-15 .sleeve { @include max-width-15(); }\n.container.max-width-20 .sleeve { @include max-width-20(); }\n.container.max-width-25 .sleeve { @include max-width-25(); }\n.container.max-width-30 .sleeve { @include max-width-30(); }\n.container.max-width-35 .sleeve { @include max-width-35(); }\n.container.max-width-40 .sleeve { @include max-width-40(); }\n.container.max-width-45 .sleeve { @include max-width-45(); }\n.container.max-width-50 .sleeve { @include max-width-50(); }\n.container.max-width-55 .sleeve { @include max-width-55(); }\n.container.max-width-60 .sleeve { @include max-width-60(); }\n.container.max-width-65 .sleeve { @include max-width-65(); }\n.container.max-width-70 .sleeve { @include max-width-70(); }\n.container.max-width-75 .sleeve { @include max-width-75(); }\n.container.max-width-80 .sleeve { @include max-width-80(); }\n.container.max-width-85 .sleeve { @include max-width-85(); }\n.container.max-width-90 .sleeve { @include max-width-90(); }\n.container.max-width-95 .sleeve { @include max-width-95(); }\n\n\n\n.container .sleeve:before {\n  content: '';\n  position: absolute;\n  z-index: -1;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 100vw;\n  top: 0;\n  bottom: 0;\n}\n\n@each $brand, $colour in $brandColours {\n  .container.background-color-#{$brand}:before,\n  .container.background-color-#{$brand}:after,\n  .container.background-color-#{$brand} .sleeve:before,\n  .container.background-color-#{$brand} .sleeve {\n    background-color: $colour;\n    @if $brand == 'white' or $brand == 'grey-extra-light' or $brand == 'grey-light' {\n      color: $colour-black;\n    } @else if $brand == 'philco-white' {\n      color: $colour-philco-gray-90;\n    } @else {\n      color: $colour-white;\n    }\n  }\n}\n\n","import { Component, Prop, h } from '@stencil/core';\nimport { sectionStyle } from './biggive-page-section-prop-types';\n\n@Component({\n  tag: 'biggive-page-section',\n  styleUrl: 'biggive-page-section.scss',\n  shadow: true,\n})\nexport class BiggivePageSection {\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n\n  /**\n   * Section style top\n   */\n  @Prop() sectionStyleTop: sectionStyle = 'straight';\n\n  /**\n   * Section style bottom\n   */\n  @Prop() sectionStyleBottom: sectionStyle = 'straight';\n\n  /**\n   * Colour scheme\n   */\n  @Prop() colourScheme: string;\n\n  /**\n   * Width\n   */\n  @Prop() maxWidth: number = 100;\n\n  /**\n   * Bleeds the primary brand colour to the left and right edge of the viewport, even if used within a containing block element.\n   */\n  @Prop() primaryFullBleed: boolean = false;\n\n  render() {\n    return (\n      <div\n        class={\n          'container max-width-' +\n          this.maxWidth +\n          ' space-below-' +\n          this.spaceBelow +\n          ' background-color-' +\n          this.colourScheme +\n          ' style-top-' +\n          this.sectionStyleTop +\n          ' style-bottom-' +\n          this.sectionStyleBottom +\n          (this.primaryFullBleed ? ' full-bleed' : '')\n        }\n      >\n        <div class=\"sleeve\">\n          <slot></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAwB,ssU,MCQjBC,EAAkB,MAL/B,WAAAC,CAAAC,G,UASUC,KAAUC,WAAW,EAKrBD,KAAeE,gBAAiB,WAKhCF,KAAkBG,mBAAiB,WAUnCH,KAAQI,SAAW,IAKnBJ,KAAgBK,iBAAY,KAyBrC,CAvBC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MACE,uBACAT,KAAKI,SACL,gBACAJ,KAAKC,WACL,qBACAD,KAAKU,aACL,cACAV,KAAKE,gBACL,iBACAF,KAAKG,oBACJH,KAAKK,iBAAmB,cAAgB,KAG3CE,EAAK,OAAAC,IAAA,2CAAAC,MAAM,UACTF,EAAa,QAAAC,IAAA,8C","ignoreList":[]}

package/dist/biggive/p-9a616be5.entry.js.map

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

package/dist/biggive/p-Bw8i6zSc.js

@@ -1,3 +0,0 @@
-const t="biggive";const e={hydratedSelectorName:"hydrated",lazyLoad:true,shadowDom:true,updatable:true};var n=Object.defineProperty;var r=(t,e)=>{for(var r in e)n(t,r,{get:e[r],enumerable:true})};var i="http://www.w3.org/2000/svg";var s="http://www.w3.org/1999/xhtml";var o=(t=>{t["Undefined"]="undefined";t["Null"]="null";t["String"]="string";t["Number"]="number";t["SpecialNumber"]="number";t["Boolean"]="boolean";t["BigInt"]="bigint";return t})(o||{});var l=(t=>{t["Array"]="array";t["Date"]="date";t["Map"]="map";t["Object"]="object";t["RegularExpression"]="regexp";t["Set"]="set";t["Channel"]="channel";t["Symbol"]="symbol";return t})(l||{});var f="type";var c="value";var a="serialized:";var u=t=>{if(t.__stencil__getHostRef){return t.__stencil__getHostRef()}return void 0};var v=(t,e)=>{t.__stencil__getHostRef=()=>e;e.t=t};var d=(t,e)=>{const n={i:0,$hostElement$:t,o:e,l:new Map};{n.u=new Promise((t=>n.v=t))}{n.h=new Promise((t=>n.p=t));t["s-p"]=[];t["s-rc"]=[]}const r=n;t.__stencil__getHostRef=()=>r;return r};var h=(t,e)=>e in t;var p=(t,e)=>(0,console.error)(t,e);var b=new Map;var m=(t,e,n)=>{const r=t.m.replace(/-/g,"_");const i=t.$;if(!i){return void 0}const s=b.get(i);if(s){return s[r]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${i}.entry.js${""}`).then((t=>{{b.set(i,t)}return t[r]}),(t=>{p(t,e.$hostElement$)}))};var $=new Map;var g="r";var y="o";var w="s";var S="t";var j="c";var O="s-id";var N="sty-id";var x="c-id";var C="{visibility:hidden}.hydrated{visibility:inherit}";var E="slot-fb{display:contents}slot-fb[hidden]{display:none}";var k=typeof window!=="undefined"?window:{};var I=k.HTMLElement||class{};var M={i:0,S:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,r)=>t.addEventListener(e,n,r),rel:(t,e,n,r)=>t.removeEventListener(e,n,r),ce:(t,e)=>new CustomEvent(t,e)};var L=e.shadowDom;var A=t=>Promise.resolve(t);var U=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();var P=U?(()=>!!k.document&&Object.getOwnPropertyDescriptor(k.document.adoptedStyleSheets,"length").writable)():false;var R=false;var T=[];var B=[];var D=(t,e)=>n=>{t.push(n);if(!R){R=true;if(e&&M.i&4){W(F)}else{M.raf(F)}}};var _=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){p(t)}}t.length=0};var F=()=>{_(T);{_(B);if(R=T.length>0){M.raf(F)}}};var W=t=>A().then(t);var V=D(B,true);var z=t=>{const e=new URL(t,M.S);return e.origin!==k.location.origin?e.href:e.pathname};var H=t=>{t=typeof t;return t==="object"||t==="function"};function q(t){var e,n,r;return(r=(n=(e=t.head)==null?void 0:e.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var J=t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var Y=class t{static fromLocalValue(e){const n=e[f];const r=c in e?e[c]:void 0;switch(n){case"string":return r;case"boolean":return r;case"bigint":return BigInt(r);case"undefined":return void 0;case"null":return null;case"number":if(r==="NaN")return NaN;if(r==="-0")return-0;if(r==="Infinity")return Infinity;if(r==="-Infinity")return-Infinity;return r;case"array":return r.map((e=>t.fromLocalValue(e)));case"date":return new Date(r);case"map":const e=new Map;for(const[n,i]of r){const r=typeof n==="object"&&n!==null?t.fromLocalValue(n):n;const s=t.fromLocalValue(i);e.set(r,s)}return e;case"object":const i={};for(const[e,n]of r){i[e]=t.fromLocalValue(n)}return i;case"regexp":const{pattern:s,flags:o}=r;return new RegExp(s,o);case"set":const l=new Set;for(const e of r){l.add(t.fromLocalValue(e))}return l;case"symbol":return Symbol(r);default:throw new Error(`Unsupported type: ${n}`)}}static fromLocalValueArray(e){return e.map((e=>t.fromLocalValue(e)))}static isLocalValueObject(t){if(typeof t!=="object"||t===null){return false}if(!t.hasOwnProperty(f)){return false}const e=t[f];const n=Object.values({...o,...l}).includes(e);if(!n){return false}if(e!=="null"&&e!=="undefined"){return t.hasOwnProperty(c)}return true}};var G={};r(G,{err:()=>Q,map:()=>X,ok:()=>K,unwrap:()=>Z,unwrapErr:()=>tt});var K=t=>({isOk:true,isErr:false,value:t});var Q=t=>({isOk:false,isErr:true,value:t});function X(t,e){if(t.isOk){const n=e(t.value);if(n instanceof Promise){return n.then((t=>K(t)))}else{return K(n)}}if(t.isErr){const e=t.value;return Q(e)}throw"should never get here"}var Z=t=>{if(t.isOk){return t.value}else{throw t.value}};var tt=t=>{if(t.isErr){return t.value}else{throw t.value}};function et(t){if(typeof t!=="string"||!t.startsWith(a)){return t}return Y.fromLocalValue(JSON.parse(atob(t.slice(a.length))))}function nt(t){return void 0}var rt;function it(t){var e;const n=this.attachShadow({mode:"open"});if(rt===void 0)rt=(e=nt())!=null?e:null;if(rt){if(P){n.adoptedStyleSheets.push(rt)}else{n.adoptedStyleSheets=[...n.adoptedStyleSheets,rt]}}}var st=t=>{const e=Pt(t,"childNodes");if(t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&t.tagName!=="SLOT-FB"){lt(e,t.tagName).forEach((t=>{if(t.nodeType===1&&t.tagName==="SLOT-FB"){if(ft(t,at(t),false).length){t.hidden=true}else{t.hidden=false}}}))}let n=0;for(n=0;n<e.length;n++){const t=e[n];if(t.nodeType===1&&Pt(t,"childNodes").length){st(t)}}};var ot=t=>{const e=[];for(let n=0;n<t.length;n++){const r=t[n]["s-nr"]||void 0;if(r&&r.isConnected){e.push(r)}}return e};function lt(t,e,n){let r=0;let i=[];let s;for(;r<t.length;r++){s=t[r];if(s["s-sr"]&&(!e||s["s-hn"]===e)&&(n===void 0||at(s)===n)){i.push(s);if(typeof n!=="undefined")return i}i=[...i,...lt(s.childNodes,e,n)]}return i}var ft=(t,e,n=true)=>{const r=[];if(n&&t["s-sr"]||!t["s-sr"])r.push(t);let i=t;while(i=i.nextSibling){if(at(i)===e&&(n||!i["s-sr"]))r.push(i)}return r};var ct=(t,e,n,r)=>{if(t["s-ol"]&&t["s-ol"].isConnected){return}const i=document.createTextNode("");i["s-nr"]=t;if(!e["s-cr"]||!e["s-cr"].parentNode)return;const s=e["s-cr"].parentNode;const o=n?Pt(s,"prepend"):Pt(s,"appendChild");if(typeof r!=="undefined"){i["s-oo"]=r;const t=Pt(s,"childNodes");const e=[i];t.forEach((t=>{if(t["s-nr"])e.push(t)}));e.sort(((t,e)=>{if(!t["s-oo"]||t["s-oo"]<(e["s-oo"]||0))return-1;else if(!e["s-oo"]||e["s-oo"]<t["s-oo"])return 1;return 0}));e.forEach((t=>o.call(s,t)))}else{o.call(s,i)}t["s-ol"]=i;t["s-sh"]=e["s-hn"]};var at=t=>typeof t["s-sn"]==="string"?t["s-sn"]:t.nodeType===1&&t.getAttribute("slot")||void 0;function ut(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const e=e=>function(t){const n=[];const r=this["s-sn"];if(t==null?void 0:t.flatten){console.error(`\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `)}const i=this["s-cr"].parentElement;const s=i.__childNodes?i.childNodes:ot(i.childNodes);s.forEach((t=>{if(r===at(t)){n.push(t)}}));if(e){return n.filter((t=>t.nodeType===1))}return n}.bind(t);t.assignedElements=e(true);t.assignedNodes=e(false)}function vt(t){t.dispatchEvent(new CustomEvent("slotchange",{bubbles:false,cancelable:false,composed:false}))}function dt(t,e){var n;e=e||((n=t["s-ol"])==null?void 0:n.parentElement);if(!e)return{slotNode:null,slotName:""};const r=t["s-sn"]=at(t)||"";const i=Pt(e,"childNodes");const s=lt(i,e.tagName,r)[0];return{slotNode:s,slotName:r}}var ht=t=>{pt(t);bt(t);gt(t);$t(t);jt(t);yt(t);wt(t);St(t);Ot(t);Nt(t);mt(t)};var pt=t=>{const e=t.cloneNode;t.cloneNode=function(t){const n=this;const r=n.shadowRoot&&L;const i=e.call(n,r?t:false);if(!r&&t){let t=0;let e,n;const r=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"];const s=this.__childNodes||this.childNodes;for(;t<s.length;t++){e=s[t]["s-nr"];n=r.every((e=>!s[t][e]));if(e){if(i.__appendChild){i.__appendChild(e.cloneNode(true))}else{i.appendChild(e.cloneNode(true))}}if(n){i.appendChild(s[t].cloneNode(true))}}}return i}};var bt=t=>{t.__appendChild=t.appendChild;t.appendChild=function(t){const{slotName:e,slotNode:n}=dt(t,this);if(n){ct(t,n);const r=ft(n,e);const i=r[r.length-1];const s=Pt(i,"parentNode");const o=Pt(s,"insertBefore")(t,i.nextSibling);vt(n);st(this);return o}return this.__appendChild(t)}};var mt=t=>{t.__removeChild=t.removeChild;t.removeChild=function(t){if(t&&typeof t["s-sn"]!=="undefined"){const e=this.__childNodes||this.childNodes;const n=lt(e,this.tagName,t["s-sn"]);if(n&&t.isConnected){t.remove();st(this);return}}return this.__removeChild(t)}};var $t=t=>{t.__prepend=t.prepend;t.prepend=function(...e){e.forEach((e=>{if(typeof e==="string"){e=this.ownerDocument.createTextNode(e)}const n=(e["s-sn"]=at(e))||"";const r=Pt(this,"childNodes");const i=lt(r,this.tagName,n)[0];if(i){ct(e,i,true);const t=ft(i,n);const r=t[0];const s=Pt(r,"parentNode");const o=Pt(s,"insertBefore")(e,Pt(r,"nextSibling"));vt(i);return o}if(e.nodeType===1&&!!e.getAttribute("slot")){e.hidden=true}return t.__prepend(e)}))}};var gt=t=>{t.__append=t.append;t.append=function(...t){t.forEach((t=>{if(typeof t==="string"){t=this.ownerDocument.createTextNode(t)}this.appendChild(t)}))}};var yt=t=>{const e=t.insertAdjacentHTML;t.insertAdjacentHTML=function(t,n){if(t!=="afterbegin"&&t!=="beforeend"){return e.call(this,t,n)}const r=this.ownerDocument.createElement("_");let i;r.innerHTML=n;if(t==="afterbegin"){while(i=r.firstChild){this.prepend(i)}}else if(t==="beforeend"){while(i=r.firstChild){this.append(i)}}}};var wt=t=>{t.insertAdjacentText=function(t,e){this.insertAdjacentHTML(t,e)}};var St=t=>{const e=t;if(e.__insertBefore)return;e.__insertBefore=t.insertBefore;t.insertBefore=function(t,e){const{slotName:n,slotNode:r}=dt(t,this);const i=this.__childNodes?this.childNodes:ot(this.childNodes);if(r){let s=false;i.forEach((i=>{if(i===e||e===null){s=true;if(e===null||n!==e["s-sn"]){this.appendChild(t);return}if(n===e["s-sn"]){ct(t,r);const n=Pt(e,"parentNode");Pt(n,"insertBefore")(t,e);vt(r)}return}}));if(s)return t}const s=e==null?void 0:e.__parentNode;if(s&&!this.isSameNode(s)){return this.appendChild(t)}return this.__insertBefore(t,e)}};var jt=t=>{const e=t.insertAdjacentElement;t.insertAdjacentElement=function(t,n){if(t!=="afterbegin"&&t!=="beforeend"){return e.call(this,t,n)}if(t==="afterbegin"){this.prepend(n);return n}else if(t==="beforeend"){this.append(n);return n}return n}};var Ot=t=>{Ut("textContent",t);Object.defineProperty(t,"textContent",{get:function(){let t="";const e=this.__childNodes?this.childNodes:ot(this.childNodes);e.forEach((e=>t+=e.textContent||""));return t},set:function(t){const e=this.__childNodes?this.childNodes:ot(this.childNodes);e.forEach((t=>{if(t["s-ol"])t["s-ol"].remove();t.remove()}));this.insertAdjacentHTML("beforeend",t)}})};var Nt=t=>{class e extends Array{item(t){return this[t]}}Ut("children",t);Object.defineProperty(t,"children",{get(){return this.childNodes.filter((t=>t.nodeType===1))}});Object.defineProperty(t,"childElementCount",{get(){return this.children.length}});Ut("firstChild",t);Object.defineProperty(t,"firstChild",{get(){return this.childNodes[0]}});Ut("lastChild",t);Object.defineProperty(t,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}});Ut("childNodes",t);Object.defineProperty(t,"childNodes",{get(){const t=new e;t.push(...ot(this.__childNodes));return t}})};var xt=t=>{if(!t||t.__nextSibling!==void 0||!globalThis.Node)return;Ct(t);kt(t);Mt(t);if(t.nodeType===Node.ELEMENT_NODE){Et(t);It(t)}};var Ct=t=>{if(!t||t.__nextSibling)return;Ut("nextSibling",t);Object.defineProperty(t,"nextSibling",{get:function(){var t;const e=(t=this["s-ol"])==null?void 0:t.parentNode.childNodes;const n=e==null?void 0:e.indexOf(this);if(e&&n>-1){return e[n+1]}return this.__nextSibling}})};var Et=t=>{if(!t||t.__nextElementSibling)return;Ut("nextElementSibling",t);Object.defineProperty(t,"nextElementSibling",{get:function(){var t;const e=(t=this["s-ol"])==null?void 0:t.parentNode.children;const n=e==null?void 0:e.indexOf(this);if(e&&n>-1){return e[n+1]}return this.__nextElementSibling}})};var kt=t=>{if(!t||t.__previousSibling)return;Ut("previousSibling",t);Object.defineProperty(t,"previousSibling",{get:function(){var t;const e=(t=this["s-ol"])==null?void 0:t.parentNode.childNodes;const n=e==null?void 0:e.indexOf(this);if(e&&n>-1){return e[n-1]}return this.__previousSibling}})};var It=t=>{if(!t||t.__previousElementSibling)return;Ut("previousElementSibling",t);Object.defineProperty(t,"previousElementSibling",{get:function(){var t;const e=(t=this["s-ol"])==null?void 0:t.parentNode.children;const n=e==null?void 0:e.indexOf(this);if(e&&n>-1){return e[n-1]}return this.__previousElementSibling}})};var Mt=t=>{if(!t||t.__parentNode)return;Ut("parentNode",t);Object.defineProperty(t,"parentNode",{get:function(){var t;return((t=this["s-ol"])==null?void 0:t.parentNode)||this.__parentNode},set:function(t){this.__parentNode=t}})};var Lt=["children","nextElementSibling","previousElementSibling"];var At=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function Ut(t,e){if(!globalThis.Node||!globalThis.Element){return}let n;if(Lt.includes(t)){n=Object.getOwnPropertyDescriptor(Element.prototype,t)}else if(At.includes(t)){n=Object.getOwnPropertyDescriptor(Node.prototype,t)}if(!n){n=Object.getOwnPropertyDescriptor(e,t)}if(n)Object.defineProperty(e,"__"+t,n)}function Pt(t,e){if("__"+e in t){const n=t["__"+e];if(typeof n!=="function")return n;return n.bind(t)}else{if(typeof t[e]!=="function")return t[e];return t[e].bind(t)}}var Rt=(t,e="")=>{{return()=>{}}};var Tt=(t,e)=>{{return()=>{}}};var Bt=new WeakMap;var Dt=(t,e,n)=>{let r=$.get(t);if(U&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=e}else{r.replaceSync(e)}}else{r=e}$.set(t,r)};var _t=(t,e,n)=>{var r;const i=Wt(e);const s=$.get(i);if(!k.document){return i}t=t.nodeType===11?t:k.document;if(s){if(typeof s==="string"){t=t.head||t;let n=Bt.get(t);let o;if(!n){Bt.set(t,n=new Set)}if(!n.has(i)){if(t.host&&(o=t.querySelector(`[${N}="${i}"]`))){o.innerHTML=s}else{o=k.document.createElement("style");o.innerHTML=s;const n=(r=M.j)!=null?r:q(k.document);if(n!=null){o.setAttribute("nonce",n)}if(!(e.i&1)){if(t.nodeName==="HEAD"){const e=t.querySelectorAll("link[rel=preconnect]");const n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(o,(n==null?void 0:n.parentNode)===t?n:null)}else if("host"in t){if(U){const e=new CSSStyleSheet;e.replaceSync(s);if(P){t.adoptedStyleSheets.unshift(e)}else{t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}}else{const e=t.querySelector("style");if(e){e.innerHTML=s+e.innerHTML}else{t.prepend(o)}}}else{t.append(o)}}if(e.i&1){t.insertBefore(o,null)}}if(e.i&4){o.innerHTML+=E}if(n){n.add(i)}}}else if(!t.adoptedStyleSheets.includes(s)){if(P){t.adoptedStyleSheets.push(s)}else{t.adoptedStyleSheets=[...t.adoptedStyleSheets,s]}}}return i};var Ft=t=>{const e=t.o;const n=t.$hostElement$;const r=e.i;const i=Rt("attachStyles",e.m);const s=_t(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(r&10){n["s-sc"]=s;n.classList.add(s+"-h")}i()};var Wt=(t,e)=>"sc-"+t.m;var Vt=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");var zt=()=>{if(!k.document){return}const t=k.document.querySelectorAll(`[${N}]`);let e=0;for(;e<t.length;e++){Dt(t[e].getAttribute(N),Vt(t[e].innerHTML),true)}};var Ht=(t,e,...n)=>{let r=null;let i=null;let s=false;let o=false;const l=[];const f=e=>{for(let n=0;n<e.length;n++){r=e[n];if(Array.isArray(r)){f(r)}else if(r!=null&&typeof r!=="boolean"){if(s=typeof t!=="function"&&!H(r)){r=String(r)}if(s&&o){l[l.length-1].O+=r}else{l.push(s?qt(null,r):r)}o=s}}};f(n);if(e){if(e.key){i=e.key}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}if(typeof t==="function"){return t(e===null?{}:e,l,Gt)}const c=qt(t,null);c.N=e;if(l.length>0){c.C=l}{c.k=i}return c};var qt=(t,e)=>{const n={i:0,I:t,O:e,M:null,C:null};{n.N=null}{n.k=null}return n};var Jt={};var Yt=t=>t&&t.I===Jt;var Gt={forEach:(t,e)=>t.map(Kt).forEach(e),map:(t,e)=>t.map(Kt).map(e).map(Qt)};var Kt=t=>({vattrs:t.N,vchildren:t.C,vkey:t.k,vname:t.L,vtag:t.I,vtext:t.O});var Qt=t=>{if(typeof t.vtag==="function"){const e={...t.vattrs};if(t.vkey){e.key=t.vkey}if(t.vname){e.name=t.vname}return Ht(t.vtag,e,...t.vchildren||[])}const e=qt(t.vtag,t.vtext);e.N=t.vattrs;e.C=t.vchildren;e.k=t.vkey;e.L=t.vname;return e};var Xt=(t,e,n,r)=>{var i,s,o;const l=Rt("hydrateClient",e);const f=t.shadowRoot;const c=[];const a=[];const v=[];const d=f?[]:null;const h=qt(e,null);h.M=t;const p=Object.entries(((i=r.o)==null?void 0:i.A)||{});p.forEach((([e,[n,i]])=>{var s;if(!(n&31)){return}const o=i||e;const l=t.getAttribute(o);if(l!==null){const t=oe(l,n);(s=r==null?void 0:r.l)==null?void 0:s.set(e,t)}}));if(k.document&&(!M.U||!M.U.size)){te(k.document.body,M.U=new Map)}t[O]=n;t.removeAttribute(O);r.P=Zt(h,c,a,d,t,t,n,v);let b=0;const m=c.length;let $;for(b;b<m;b++){$=c[b];const n=$.R+"."+$.T;const r=M.U.get(n);const i=$.M;if(!f){i["s-hn"]=e.toUpperCase();if($.I==="slot"){i["s-cr"]=t["s-cr"]}}else if(((s=$.I)==null?void 0:s.toString().includes("-"))&&$.I!=="slot-fb"&&!$.M.shadowRoot){const e=u($.M);if(e){const n=Wt(e.o);const r=k.document.querySelector(`style[sty-id="${n}"]`);if(r){t.shadowRoot.append(r.cloneNode(true))}}}if($.I==="slot"){$.L=$.M["s-sn"]||$.M["name"]||null;if($.C){$.i|=2;if(!$.M.childNodes.length){$.C.forEach((t=>{$.M.appendChild(t.M)}))}}else{$.i|=1}}if(r&&r.isConnected){if(r.parentElement.shadowRoot&&r["s-en"]===""){r.parentNode.insertBefore(i,r.nextSibling)}r.parentNode.removeChild(r);if(!f){i["s-oo"]=parseInt($.T)}}if(r&&!r["s-id"]){M.U.delete(n)}}const g=[];const y=v.length;let w=0;let S;let j;let N;let x;for(w;w<y;w++){S=v[w];if(!S||!S.length)continue;N=S.length;j=0;for(j;j<N;j++){x=S[j];if(!g[x.hostId]){g[x.hostId]=M.U.get(x.hostId)}if(!g[x.hostId])continue;const t=g[x.hostId];if(t.shadowRoot&&x.node.parentElement!==t){t.appendChild(x.node)}if(!t.shadowRoot||!f){if(!x.slot["s-cr"]){x.slot["s-cr"]=t["s-cr"];if(!x.slot["s-cr"]&&t.shadowRoot){x.slot["s-cr"]=t}else{x.slot["s-cr"]=(t.__childNodes||t.childNodes)[0]}}ct(x.node,x.slot,false,x.node["s-oo"]);if(((o=x.node.parentElement)==null?void 0:o.shadowRoot)&&x.node["getAttribute"]&&x.node.getAttribute("slot")){x.node.removeAttribute("slot")}{xt(x.node)}}}}if(f){let e=0;const n=d.length;if(n){for(e;e<n;e++){const t=d[e];if(t){f.appendChild(t)}}Array.from(t.childNodes).forEach((t=>{if(typeof t["s-en"]!=="string"&&typeof t["s-sn"]!=="string"){if(t.nodeType===1&&t.slot&&t.hidden){t.removeAttribute("hidden")}else if(t.nodeType===8&&!t.nodeValue||t.nodeType===3&&!t.wholeText.trim()){t.parentNode.removeChild(t)}}}))}}r.$hostElement$=t;l()};var Zt=(t,e,n,r,i,s,o,l=[])=>{let f;let c;let a;let u;if(s.nodeType===1){f=s.getAttribute(x);if(f){c=f.split(".");if(c[0]===o||c[0]==="0"){a=ee({i:0,R:c[0],T:c[1],B:c[2],D:c[3],I:s.tagName.toLowerCase(),M:s,N:{class:s.className||""}});e.push(a);s.removeAttribute(x);if(!t.C){t.C=[]}const i=a.M.getAttribute("s-sn");if(typeof i==="string"){if(a.I==="slot-fb"){ne(i,c[2],a,s,t,e,n,r,l)}a.M["s-sn"]=i;a.M.removeAttribute("s-sn")}if(a.D!==void 0){t.C[a.D]=a}t=a;if(r&&a.B==="0"){r[a.D]=a.M}}}if(s.shadowRoot){for(u=s.shadowRoot.childNodes.length-1;u>=0;u--){Zt(t,e,n,r,i,s.shadowRoot.childNodes[u],o,l)}}const v=s.__childNodes||s.childNodes;for(u=v.length-1;u>=0;u--){Zt(t,e,n,r,i,v[u],o,l)}}else if(s.nodeType===8){c=s.nodeValue.split(".");if(c[1]===o||c[1]==="0"){f=c[0];a=ee({R:c[1],T:c[2],B:c[3],D:c[4]||"0",M:s,N:null,C:null,k:null,L:null,I:null,O:null});if(f===S){a.M=ie(s,3);if(a.M&&a.M.nodeType===3){a.O=a.M.textContent;e.push(a);s.remove();if(o===a.R){if(!t.C){t.C=[]}t.C[a.D]=a}if(r&&a.B==="0"){r[a.D]=a.M}}}else if(f===j){a.M=ie(s,8);if(a.M&&a.M.nodeType===8){e.push(a);s.remove()}}else if(a.R===o){if(f===w){const i=s["s-sn"]=c[5]||"";ne(i,c[2],a,s,t,e,n,r,l)}else if(f===g){if(r){s.remove()}}}}}else if(t&&t.I==="style"){const e=qt(null,s.textContent);e.M=s;e.D="0";t.C=[e]}else{if(s.nodeType===3&&!s.wholeText.trim()&&!s["s-nr"]){s.remove()}}return t};var te=(t,e)=>{if(t.nodeType===1){const n=t[O]||t.getAttribute(O);if(n){e.set(n,t)}let r=0;if(t.shadowRoot){for(;r<t.shadowRoot.childNodes.length;r++){te(t.shadowRoot.childNodes[r],e)}}const i=t.__childNodes||t.childNodes;for(r=0;r<i.length;r++){te(i[r],e)}}else if(t.nodeType===8){const n=t.nodeValue.split(".");if(n[0]===y){e.set(n[1]+"."+n[2],t);t.nodeValue="";t["s-en"]=n[3]}}};var ee=t=>{const e={i:0,R:null,T:null,B:null,D:"0",M:null,N:null,C:null,k:null,L:null,I:null,O:null};return{...e,...t}};function ne(t,e,n,r,i,s,o,l,f){r["s-sr"]=true;n.L=t||null;n.I="slot";const c=(i==null?void 0:i.M)?i.M["s-id"]||i.M.getAttribute("s-id"):"";if(l&&k.document){const s=n.M=k.document.createElement(n.I);if(n.L){n.M.setAttribute("name",t)}if(i.M.shadowRoot&&c&&c!==n.R){Pt(i.M,"insertBefore")(s,Pt(i.M,"children")[0])}else{Pt(Pt(r,"parentNode"),"insertBefore")(s,r)}re(f,e,t,r,n.R);r.remove();if(n.B==="0"){l[n.D]=n.M}}else{const s=n.M;const o=c&&c!==n.R&&i.M.shadowRoot;re(f,e,t,r,o?c:n.R);ut(r);if(o){i.M.insertBefore(s,i.M.children[0])}}s.push(n);o.push(n);if(!i.C){i.C=[]}i.C[n.D]=n}var re=(t,e,n,r,i)=>{var s,o;let l=r.nextSibling;t[e]=t[e]||[];if(!l||((s=l.nodeValue)==null?void 0:s.startsWith(w+".")))return;do{if(l&&((l["getAttribute"]&&l.getAttribute("slot")||l["s-sn"])===n||n===""&&!l["s-sn"]&&(!l["getAttribute"]||!l.getAttribute("slot"))&&(l.nodeType===8||l.nodeType===3))){l["s-sn"]=n;t[e].push({slot:r,node:l,hostId:i})}l=l==null?void 0:l.nextSibling}while(l&&!((o=l.nodeValue)==null?void 0:o.startsWith(w+".")))};var ie=(t,e)=>{let n=t;do{n=n.nextSibling}while(n&&(n.nodeType!==e||!n.nodeValue));return n};var se=t=>{const e=J(t);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")};se("::slotted");se(":host");se(":host-context");var oe=(t,e,n)=>{if(typeof t==="string"&&(t.startsWith("{")&&t.endsWith("}")||t.startsWith("[")&&t.endsWith("]"))){try{t=JSON.parse(t);return t}catch(t){}}if(typeof t==="string"&&t.startsWith(a)){t=et(t);return t}if(t!=null&&!H(t)){if(e&4){{return t==="false"?false:t===""||!!t}}if(e&2){return typeof t==="string"?parseFloat(t):typeof t==="number"?t:NaN}if(e&1){return String(t)}return t}return t};var le=t=>{var e;return(e=u(t))==null?void 0:e.$hostElement$};var fe=(t,e,n)=>{const r=le(t);return{emit:t=>ce(r,e,{bubbles:true,composed:true,cancelable:true,detail:t})}};var ce=(t,e,n)=>{const r=M.ce(e,n);t.dispatchEvent(r);return r};var ae=(t,e,n,r,i,s,o)=>{if(n===r){return}let l=h(t,e);let f=e.toLowerCase();if(e==="class"){const e=t.classList;const i=ve(n);let s=ve(r);if((t["s-si"]||t["s-sc"])&&o){const n=t["s-sc"]||t["s-si"];s.push(n);i.forEach((t=>{if(t.startsWith(n))s.push(t)}));s=[...new Set(s)].filter((t=>t));e.add(...s)}else{e.remove(...i.filter((t=>t&&!s.includes(t))));e.add(...s.filter((t=>t&&!i.includes(t))))}}else if(e==="style"){{for(const e in n){if(!r||r[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in r){if(!n||r[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,r[e])}else{t.style[e]=r[e]}}}}else if(e==="key");else if(e==="ref"){if(r){r(t)}}else if(!l&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(h(k,f)){e=f.slice(2)}else{e=f[2]+e.slice(3)}if(n||r){const i=e.endsWith(de);e=e.replace(he,"");if(n){M.rel(t,e,n,i)}if(r){M.ael(t,e,r,i)}}}else{const o=H(r);if((l||o&&r!==null)&&!i){try{if(!t.tagName.includes("-")){const i=r==null?"":r;if(e==="list"){l=false}else if(n==null||t[e]!=i){if(typeof t.__lookupSetter__(e)==="function"){t[e]=i}else{t.setAttribute(e,i)}}}else if(t[e]!==r){t[e]=r}}catch(t){}}if(r==null||r===false){if(r!==false||t.getAttribute(e)===""){{t.removeAttribute(e)}}}else if((!l||s&4||i)&&!o&&t.nodeType===1){r=r===true?"":r;{t.setAttribute(e,r)}}}};var ue=/\s/;var ve=t=>{if(typeof t==="object"&&t&&"baseVal"in t){t=t.baseVal}if(!t||typeof t!=="string"){return[]}return t.split(ue)};var de="Capture";var he=new RegExp(de+"$");var pe=(t,e,n,r)=>{const i=e.M.nodeType===11&&e.M.host?e.M.host:e.M;const s=t&&t.N||{};const o=e.N||{};{for(const t of be(Object.keys(s))){if(!(t in o)){ae(i,t,s[t],void 0,n,e.i,r)}}}for(const t of be(Object.keys(o))){ae(i,t,s[t],o[t],n,e.i,r)}};function be(t){return t.includes("ref")?[...t.filter((t=>t!=="ref")),"ref"]:t}var me;var $e=false;var ge=false;var ye=(t,e,n)=>{const r=e.C[n];let o=0;let l;let f;if(r.O!==null){l=r.M=k.document.createTextNode(r.O)}else{if(!ge){ge=r.I==="svg"}if(!k.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}l=r.M=k.document.createElementNS(ge?i:s,r.I);if(ge&&r.I==="foreignObject"){ge=false}{pe(null,r,ge)}if(r.C){for(o=0;o<r.C.length;++o){f=ye(t,r,o);if(f){l.appendChild(f)}}}{if(r.I==="svg"){ge=false}else if(l.tagName==="foreignObject"){ge=true}}}l["s-hn"]=me;return l};var we=t=>{M.i|=1;const e=t.closest(me.toLowerCase());if(e!=null){const n=Array.from(e.__childNodes||e.childNodes).find((t=>t["s-cr"]));const r=Array.from(t.__childNodes||t.childNodes);for(const t of n?r.reverse():r){if(t["s-sh"]!=null){Ee(e,t,n!=null?n:null);t["s-sh"]=void 0}}}M.i&=-2};var Se=(t,e,n,r,i,s)=>{let o=t;let l;if(o.shadowRoot&&o.tagName===me){o=o.shadowRoot}for(;i<=s;++i){if(r[i]){l=ye(null,n,i);if(l){r[i].M=l;Ee(o,l,e)}}}};var je=(t,e,n)=>{for(let r=e;r<=n;++r){const e=t[r];if(e){const t=e.M;Ce(e);if(t){t.remove()}}}};var Oe=(t,e,n,r,i=false)=>{let s=0;let o=0;let l=0;let f=0;let c=e.length-1;let a=e[0];let u=e[c];let v=r.length-1;let d=r[0];let h=r[v];let p;let b;while(s<=c&&o<=v){if(a==null){a=e[++s]}else if(u==null){u=e[--c]}else if(d==null){d=r[++o]}else if(h==null){h=r[--v]}else if(Ne(a,d,i)){xe(a,d,i);a=e[++s];d=r[++o]}else if(Ne(u,h,i)){xe(u,h,i);u=e[--c];h=r[--v]}else if(Ne(a,h,i)){xe(a,h,i);Ee(t,a.M,u.M.nextSibling);a=e[++s];h=r[--v]}else if(Ne(u,d,i)){xe(u,d,i);Ee(t,u.M,a.M);u=e[--c];d=r[++o]}else{l=-1;{for(f=s;f<=c;++f){if(e[f]&&e[f].k!==null&&e[f].k===d.k){l=f;break}}}if(l>=0){b=e[l];if(b.I!==d.I){p=ye(e&&e[o],n,l)}else{xe(b,d,i);e[l]=void 0;p=b.M}d=r[++o]}else{p=ye(e&&e[o],n,o);d=r[++o]}if(p){{Ee(a.M.parentNode,p,a.M)}}}}if(s>c){Se(t,r[v+1]==null?null:r[v+1].M,n,r,o,v)}else if(o>v){je(e,s,c)}};var Ne=(t,e,n=false)=>{if(t.I===e.I){if(!n){return t.k===e.k}if(n&&!t.k&&e.k){t.k=e.k}return true}return false};var xe=(t,n,r=false)=>{const i=n.M=t.M;const s=t.C;const o=n.C;const l=n.I;const f=n.O;if(f===null){{ge=l==="svg"?true:l==="foreignObject"?false:ge}{if(l==="slot"&&!$e){if(t.L!==n.L){n.M["s-sn"]=n.L||"";we(n.M.parentElement)}}pe(t,n,ge,r)}if(s!==null&&o!==null){Oe(i,s,n,o,r)}else if(o!==null){if(t.O!==null){i.textContent=""}Se(i,null,n,o,0,o.length-1)}else if(!r&&e.updatable&&s!==null){je(s,0,s.length-1)}else if(r&&e.updatable&&s!==null&&o===null){n.C=s}if(ge&&l==="svg"){ge=false}}else if(t.O!==f){i.data=f}};var Ce=t=>{{t.N&&t.N.ref&&t.N.ref(null);t.C&&t.C.map(Ce)}};var Ee=(t,e,n)=>{if(typeof e["s-sn"]==="string"){if(t.getRootNode().nodeType!==11){Mt(e)}t.insertBefore(e,n);const{slotNode:r}=dt(e);if(r)vt(r);return e}if(t.__insertBefore){return t.__insertBefore(e,n)}else{return t==null?void 0:t.insertBefore(e,n)}};var ke=(t,e,n=false)=>{var r;const i=t.$hostElement$;const s=t.o;const o=t.P||qt(null,null);const l=Yt(e);const f=l?e:Ht(null,null,e);me=i.tagName;if(n&&f.N){for(const t of Object.keys(f.N)){if(i.hasAttribute(t)&&!["key","ref","style","class"].includes(t)){f.N[t]=i[t]}}}f.I=null;f.i|=4;t.P=f;f.M=o.M=i.shadowRoot||i;$e=!!(s.i&1)&&!(s.i&128);xe(o,f,n);if(s.i&2){const t=f.M.__childNodes||f.M.childNodes;for(const e of t){if(e["s-hn"]!==me&&!e["s-sh"]){if(n&&e["s-ih"]==null){e["s-ih"]=(r=e.hidden)!=null?r:false}e.hidden=true}}}};var Ie=(t,e)=>{if(e&&!t._&&e["s-p"]){const n=e["s-p"].push(new Promise((r=>t._=()=>{e["s-p"].splice(n-1,1);r()})))}};var Me=(t,e)=>{{t.i|=16}if(t.i&4){t.i|=512;return}Ie(t,t.F);const n=()=>Le(t,e);if(e){queueMicrotask((()=>{n()}));return}return V(n)};var Le=(t,e)=>{const n=t.$hostElement$;const r=Rt("scheduleUpdate",t.o.m);const i=t.t;if(!i){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;if(e){s=De(i,"componentWillLoad",void 0,n)}else{s=De(i,"componentWillUpdate",void 0,n)}s=Ae(s,(()=>De(i,"componentWillRender",void 0,n)));r();return Ae(s,(()=>Pe(t,i,e)))};var Ae=(t,e)=>Ue(t)?t.then(e).catch((t=>{console.error(t);e()})):e();var Ue=t=>t instanceof Promise||t&&t.then&&typeof t.then==="function";var Pe=async(t,e,n)=>{var r;const i=t.$hostElement$;const s=Rt("update",t.o.m);const o=i["s-rc"];if(n){Ft(t)}const l=Rt("render",t.o.m);{Re(t,e,i,n)}if(o){o.map((t=>t()));i["s-rc"]=void 0}l();s();{const e=(r=i["s-p"])!=null?r:[];const n=()=>Te(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.i|=4;e.length=0}}};var Re=(t,e,n,r)=>{try{e=e.render();{t.i&=-17}{t.i|=2}{{{ke(t,e,r)}}}}catch(e){p(e,t.$hostElement$)}return null};var Te=t=>{const e=t.o.m;const n=t.$hostElement$;const r=Rt("postUpdate",e);const i=t.t;const s=t.F;De(i,"componentDidRender",void 0,n);if(!(t.i&64)){t.i|=64;{_e(n)}De(i,"componentDidLoad",void 0,n);r();{t.p(n);if(!s){Be()}}}else{De(i,"componentDidUpdate",void 0,n);r()}{t.v(n)}{if(t._){t._();t._=void 0}if(t.i&512){W((()=>Me(t,false)))}t.i&=-517}};var Be=e=>{var n;W((()=>ce(k,"appload",{detail:{namespace:t}})));{if((n=M.U)==null?void 0:n.size){M.U.clear()}}};var De=(t,e,n,r)=>{if(t&&t[e]){try{return t[e](n)}catch(t){p(t,r)}}return void 0};var _e=t=>{var n;return t.classList.add((n=e.hydratedSelectorName)!=null?n:"hydrated")};var Fe=(t,e)=>u(t).l.get(e);var We=(t,e,n,r)=>{const i=u(t);if(!i){return}if(!i){throw new Error(`Couldn't find host element for "${r.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const s=i.$hostElement$;const o=i.l.get(e);const l=i.i;const f=i.t;n=oe(n,r.A[e][0]);const c=Number.isNaN(o)&&Number.isNaN(n);const a=n!==o&&!c;if((!(l&8)||o===void 0)&&a){i.l.set(e,n);if(f){if(r.W&&l&128){const t=r.W[e];if(t){t.map((t=>{try{f[t](n,o,e)}catch(t){p(t,s)}}))}}if((l&(2|16))===2){if(f.componentShouldUpdate){if(f.componentShouldUpdate(n,o,e)===false){return}}Me(i,false)}}}};var Ve=(t,n,r)=>{var i,s;const o=t.prototype;if(n.A||(n.W||t.watchers)){if(t.watchers&&!n.W){n.W=t.watchers}const l=Object.entries((i=n.A)!=null?i:{});l.map((([t,[e]])=>{if(e&31||r&2&&e&32){const{get:i,set:s}=Object.getOwnPropertyDescriptor(o,t)||{};if(i)n.A[t][0]|=2048;if(s)n.A[t][0]|=4096;if(r&1||!i){Object.defineProperty(o,t,{get(){{if((n.A[t][0]&2048)===0){return Fe(this,t)}const e=u(this);const r=e?e.t:o;if(!r)return;return r[t]}},configurable:true,enumerable:true})}Object.defineProperty(o,t,{set(i){const o=u(this);if(!o){return}if(s){const r=e&32?this[t]:o.$hostElement$[t];if(typeof r==="undefined"&&o.l.get(t)){i=o.l.get(t)}else if(!o.l.get(t)&&r){o.l.set(t,r)}s.apply(this,[oe(i,e)]);i=e&32?this[t]:o.$hostElement$[t];We(this,t,i,n);return}{if((r&1)===0||(n.A[t][0]&4096)===0){We(this,t,i,n);if(r&1&&!o.t){o.h.then((()=>{if(n.A[t][0]&4096&&o.t[t]!==o.l.get(t)){o.t[t]=i}}))}return}const s=()=>{const r=o.t[t];if(!o.l.get(t)&&r){o.l.set(t,r)}o.t[t]=oe(i,e);We(this,t,o.t[t],n)};if(o.t){s()}else{o.h.then((()=>s()))}}}})}else if(r&1&&e&64){Object.defineProperty(o,t,{value(...e){var n;const r=u(this);return(n=r==null?void 0:r.u)==null?void 0:n.then((()=>{var n;return(n=r.t)==null?void 0:n[t](...e)}))}})}}));if(r&1){const r=new Map;o.attributeChangedCallback=function(t,i,s){M.jmp((()=>{var l;const f=r.get(t);if(this.hasOwnProperty(f)&&e.lazyLoad){s=this[f];delete this[f]}else if(o.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==s){return}else if(f==null){const e=u(this);const r=e==null?void 0:e.i;if(e&&r&&!(r&8)&&r&128&&s!==i){const r=e.t;const o=(l=n.W)==null?void 0:l[t];o==null?void 0:o.forEach((e=>{if(r[e]!=null){r[e].call(r,s,i,t)}}))}return}const c=Object.getOwnPropertyDescriptor(o,f);s=s===null&&typeof this[f]==="boolean"?false:s;if(s!==this[f]&&(!c.get||!!c.set)){this[f]=s}}))};t.observedAttributes=Array.from(new Set([...Object.keys((s=n.W)!=null?s:{}),...l.filter((([t,e])=>e[0]&15)).map((([t,e])=>{const n=e[1]||t;r.set(n,t);return n}))]))}}return t};var ze=async(t,e,n,r)=>{let i;if((e.i&32)===0){e.i|=32;const r=n.$;if(r){const r=m(n,e);if(r&&"then"in r){const t=Tt();i=await r;t()}else{i=r}if(!i){throw new Error(`Constructor for "${n.m}#${e.V}" was not found`)}if(!i.isProxied){{n.W=i.watchers}Ve(i,n,2);i.isProxied=true}const s=Rt("createInstance",n.m);{e.i|=8}try{new i(e)}catch(e){p(e,t)}{e.i&=-9}{e.i|=128}s();He(e.t,t)}else{i=t.constructor;const n=t.localName;customElements.whenDefined(n).then((()=>e.i|=128))}if(i&&i.style){let t;if(typeof i.style==="string"){t=i.style}const e=Wt(n);if(!$.has(e)){const r=Rt("registerStyles",n.m);Dt(e,t,!!(n.i&1));r()}}}const s=e.F;const o=()=>Me(e,true);if(s&&s["s-rc"]){s["s-rc"].push(o)}else{o()}};var He=(t,e)=>{{De(t,"connectedCallback",void 0,e)}};var qe=t=>{if((M.i&1)===0){const e=u(t);if(!e){return}const n=e.o;const r=Rt("connectedCallback",n.m);if(!(e.i&1)){e.i|=1;let r;{r=t.getAttribute(O);if(r){if(n.i&1){const e=_t(t.shadowRoot,n);t.classList.remove(e+"-h",e+"-s")}Xt(t,n.m,r,e)}}{let n=t;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){Ie(e,e.F=n);break}}}if(n.A){Object.entries(n.A).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{ze(t,e,n)}}else{if(e==null?void 0:e.t){He(e.t,t)}else if(e==null?void 0:e.h){e.h.then((()=>He(e.t,t)))}}r()}};var Je=(t,e)=>{{De(t,"disconnectedCallback",void 0,e||t)}};var Ye=async t=>{if((M.i&1)===0){const e=u(t);if(e==null?void 0:e.t){Je(e.t,t)}else if(e==null?void 0:e.h){e.h.then((()=>Je(e.t,t)))}}if(Bt.has(t)){Bt.delete(t)}if(t.shadowRoot&&Bt.has(t.shadowRoot)){Bt.delete(t.shadowRoot)}};var Ge=(t,e={})=>{var n;if(!k.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=Rt();const i=[];const s=e.exclude||[];const o=k.customElements;const l=k.document.head;const f=l.querySelector("meta[charset]");const c=k.document.createElement("style");const a=[];let v;let h=true;Object.assign(M,e);M.S=new URL(e.resourcesUrl||"./",k.document.baseURI).href;{M.i|=2}{zt()}let p=false;t.map((t=>{t[1].map((e=>{var n;const r={i:e[0],m:e[1],A:e[2],H:e[3]};if(r.i&4){p=true}{r.A=e[2]}{r.W=(n=e[4])!=null?n:{}}const l=r.m;const f=class extends HTMLElement{constructor(t){super(t);this.hasRegisteredEventListeners=false;t=this;d(t,r);if(r.i&1){{if(!t.shadowRoot){it.call(t,r)}else{if(t.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${r.m}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const t=u(this);if(!t){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(v){clearTimeout(v);v=null}if(h){a.push(this)}else{M.jmp((()=>qe(this)))}}disconnectedCallback(){M.jmp((()=>Ye(this)));M.raf((()=>{var t;const e=u(this);if(!e){return}const n=a.findIndex((t=>t===this));if(n>-1){a.splice(n,1)}if(((t=e==null?void 0:e.P)==null?void 0:t.M)instanceof Node&&!e.P.M.isConnected){delete e.P.M}}))}componentOnReady(){var t;return(t=u(this))==null?void 0:t.h}};if(!(r.i&1)&&r.i&256){{ht(f.prototype)}}r.$=t[0];if(!s.includes(l)&&!o.get(l)){i.push(l);o.define(l,Ve(f,r,1))}}))}));if(i.length>0){if(p){c.textContent+=E}{c.textContent+=i.sort()+C}if(c.innerHTML.length){c.setAttribute("data-styles","");const t=(n=M.j)!=null?n:q(k.document);if(t!=null){c.setAttribute("nonce",t)}l.insertBefore(c,f?f.nextSibling:l.firstChild)}}h=false;if(a.length){a.map((t=>t.connectedCallback()))}else{{M.jmp((()=>v=setTimeout(Be,30)))}}r()};var Ke=t=>M.j=t;export{I as H,z as a,Ge as b,fe as c,Jt as d,le as g,Ht as h,A as p,v as r,Ke as s};
-//# sourceMappingURL=p-Bw8i6zSc.js.map