@biggive/components 202509250906.0.0 → 202510071230.0.0

package/dist/biggive/p-feb1ca0a.entry.js.map

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

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

@@ -1 +0,0 @@
-{"file":"biggive-accordion-entry.entry.cjs.js","mappings":";;;;AAAA,MAAM,wBAAwB,GAAG,6FAA6F;;MCOjH,qBAAqB,GAAA,MAAA;AALlC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQU,QAAA,IAAO,CAAA,OAAA,GAAW,EAAE;AAK7B;IAHC,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI;;;;;;;;","names":[],"sources":["src/components/biggive-accordion-entry/biggive-accordion-entry.scss?tag=biggive-accordion-entry&encapsulation=shadow","src/components/biggive-accordion-entry/biggive-accordion-entry.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Prop, Element } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-accordion-entry',\n  styleUrl: 'biggive-accordion-entry.scss',\n  shadow: true,\n})\nexport class BiggiveAccordionEntry {\n  @Element() host: HTMLBiggiveAccordionEntryElement;\n\n  @Prop() heading: string = '';\n\n  render() {\n    return null;\n  }\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"file":"biggive-accordion.entry.cjs.js","mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,miTAAmiT;;MCSljT,gBAAgB,GAAA,MAAA;AAL7B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAE7B,QAAA,IAAU,CAAA,UAAA,GAAgB,OAAO;AAEjC,QAAA,IAAa,CAAA,aAAA,GAAgB,SAAS;AA6C/C;IAzCC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAA4C;;AAGnF,IAAA,aAAa,CAAC,CAAa,EAAA;AACjC,QAAA,MAAM,MAAM,GAAI,CAAC,CAAC,MAAmB;QACrC,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAE;QACvC,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAE;QAE5C,IAAI,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;AACxC,YAAA,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC;AAClC,YAAA,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC;;aACxC;AACL,YAAA,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;AAC/B,YAAA,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC;;;IAInD,MAAM,GAAA;QACJ,QACEA,kEAAK,KAAK,EAAE,WAAW,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAA,EACvIA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAChB,IAAI,CAAC,QAAQ,KAAK;AACjB,cAAE;AACF,cAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,KACrBA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EAChBA,OAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAC,gBAAgB,EAAA,EACpE,KAAK,CAAC,OAAO,EACdA,OAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAA,EACjBA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EAC1FA,OAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,oDAAoD,EAAC,MAAM,EAAC,OAAO,EAAA,cAAA,EAAc,GAAG,EAAA,CAAG,CAC3F,CACD,CACJ,EACLA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAA,CAAQ,CACnD,CACP,CAAC,CACF,CACF;;;;;;;;","names":["h"],"sources":["src/components/biggive-accordion/biggive-accordion.scss?tag=biggive-accordion&encapsulation=shadow","src/components/biggive-accordion/biggive-accordion.tsx"],"sourcesContent":["@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  position: relative;\n\n\n  .entry {\n    h3.heading {\n      position: relative;\n      margin: 25px 0 0 0;\n      padding: 15px 60px 10px 20px;\n      border-bottom: 1px solid $colour-black;\n      cursor: pointer;\n      span.arrow {\n        display: block;\n        position: absolute;\n        right: 20px;\n        top: 10px;\n        width: 40px;\n        height: 20px;\n        text-align: center;\n      }\n    }\n    .content {\n      overflow: hidden;\n      max-height: 0;\n      padding: 0 20px;\n    }\n    &.expanded {\n      .content {\n        max-height: 100%;\n      }\n      span.arrow {\n        transform: rotate(-180deg);\n      }\n    }\n  }\n\n  @each $key, $colour in $brandColours {\n    &.heading-colour-#{$key} .entry h3.heading svg path { stroke: $colour; }\n    &.heading-colour-#{$key} h3.heading { color: $colour; }\n    &.text-colour-#{$key} .content { color: $colour; }\n  }\n\n\n}\n\n\n","import { Component, Element, h, Prop, State } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-accordion',\n  styleUrl: 'biggive-accordion.scss',\n  shadow: true,\n})\nexport class BiggiveAccordion {\n  @Element() host: HTMLBiggiveAccordionElement;\n\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() headingColour: brandColour = 'primary';\n\n  @State() children: Array<HTMLBiggiveAccordionEntryElement>;\n\n  componentWillLoad() {\n    this.children = Array.from(this.host.children) as Array<HTMLBiggiveAccordionEntryElement>;\n  }\n\n  private toggleSection(e: MouseEvent) {\n    const target = (e.target as Element)!;\n    const entry = target.closest('.entry')!;\n    const arrow = entry.querySelector('.arrow')!;\n\n    if (entry.classList.contains('expanded')) {\n      entry.classList.remove('expanded');\n      arrow.setAttribute('title', 'Expand section');\n    } else {\n      entry.classList.add('expanded');\n      arrow.setAttribute('title', 'Collapse section');\n    }\n  }\n\n  render() {\n    return (\n      <div class={'container' + ' space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' heading-colour-' + this.headingColour}>\n        <div class=\"sleeve\">\n          {this.children === undefined\n            ? []\n            : this.children.map(entry => (\n                <div class=\"entry\">\n                  <h3 class=\"heading\" onClick={this.toggleSection} title=\"Expand section\">\n                    {entry.heading}\n                    <span class=\"arrow\">\n                      <svg width=\"15\" height=\"9\" viewBox=\"0 0 15 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                        <path d=\"M14.1074 0.999859L7.55357 7.55371L0.999718 0.99986\" stroke=\"black\" stroke-width=\"2\" />\n                      </svg>\n                    </span>\n                  </h3>\n                  <div class=\"content\" innerHTML={entry.innerHTML}></div>\n                </div>\n              ))}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"file":"biggive-article-card.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-article-card/biggive-article-card.scss?tag=biggive-article-card&encapsulation=shadow","src/components/biggive-article-card/biggive-article-card.tsx"],"sourcesContent":["@include backgrounds();\n@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.align-right {\n  text-align: right;\n}\n\n.container {\n  height: 100%;\n  width: 100%;\n  @include standard-font();\n  position: relative;\n  text-align: left;\n  @include lower-shadow();\n  .sleeve {\n    height: 100%;\n    box-sizing: border-box;\n    background-size: cover;\n    padding:  $spacer-3 $spacer-3 $spacer-2 $spacer-3;\n    .content-wrap {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n  }\n  .meta {\n    margin-bottom: $spacer-2;\n  }\n  .meta .slug {\n    @include font-size-small();\n    margin-bottom: $spacer-1;\n  }\n  .meta .date {\n    @include font-size-small();\n    margin-bottom: $spacer-1;\n  }\n  h3 {\n    @include heading-4();\n    padding-bottom: $spacer-3;\n    margin-bottom: auto;\n    a,\n    a:hover {\n      text-decoration: none;\n    }\n  }\n  .main-image-container {\n    img {\n      width: 100%;\n      height: auto;\n      display: inline-block;\n    }\n  }\n  .image-group {\n    display: flex;\n    margin-bottom: $spacer-3;\n    .image-container {\n      margin-right: 15px;\n      .image-wrap {\n        border-radius: 50%;\n        width: 60px;\n        height: 60px;\n        background-size: cover;\n        background-position: center center;\n        margin-bottom: $spacer-1;\n        img {\n          display: none;\n        }\n      }\n    }\n  }\n  .image-label {\n    @include font-size-x-small();\n  }\n\n\n  .clip-bottom-left-corner-false.clip-top-right-corner-true {\n\n      @include corner-clip-medium-top-right();\n\n  }\n  .clip-bottom-left-corner-true.clip-top-right-corner-false {\n      @include corner-clip-medium-bottom-left();\n  }\n\n  .clip-bottom-left-corner-true.clip-top-right-corner-true {\n      @include corner-clip-medium-bottom-left-top-right();\n\n  }\n\n\n\n  @each $key, $colour in $brandColours {\n    .main-title-colour-#{$key} h3 { color: $colour; }\n    .slug-colour-#{$key} .slug { color: $colour; }\n    .date-colour-#{$key} .date { color: $colour; }\n    .image-label-colour-#{$key} .image-label { color: $colour; }\n  }\n\n\n\n\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-article-card',\n  styleUrl: 'biggive-article-card.scss',\n  shadow: true,\n})\nexport class BiggiveArticleCard {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() backgroundColour: brandColour = 'white';\n\n  @Prop() backgroundImageUrl: string = '';\n\n  @Prop() slug: string;\n\n  @Prop() slugColour: brandColour = 'black';\n\n  @Prop() date: string;\n\n  @Prop() dateColour: brandColour = 'black';\n\n  @Prop() mainTitle: string;\n\n  @Prop() mainTitleColour: brandColour = 'black';\n\n  @Prop() mainImageUrl: string;\n\n  @Prop() mainImageAltText: string;\n\n  @Prop() image1Url: string;\n\n  @Prop() image1AltText: string;\n\n  @Prop() image2Url: string;\n\n  @Prop() image2AltText: string;\n\n  @Prop() imageLabel: string;\n\n  @Prop() imageLabelColour: brandColour = 'black';\n\n  @Prop() buttonLabel: string;\n\n  @Prop() buttonUrl: string;\n\n  @Prop() buttonColour: brandColour = 'black';\n\n  @Prop() clipBottomLeftCorner: boolean = true;\n\n  @Prop() clipTopRightCorner: boolean = true;\n\n  private isEmpty(value: string | undefined | null): boolean {\n    return value === undefined || value === null || value === '';\n  }\n\n  render() {\n    return (\n      <div class={'container space-below-' + this.spaceBelow}>\n        <div\n          class={\n            'sleeve background-colour-' +\n            this.backgroundColour +\n            ' text-colour-black ' +\n            ' slug-colour-' +\n            this.slugColour +\n            ' date-colour-' +\n            this.dateColour +\n            ' main-title-colour-' +\n            this.mainTitleColour +\n            ' image-label-colour-' +\n            this.imageLabelColour +\n            ' button-colour' +\n            this.buttonColour +\n            ' clip-bottom-left-corner-' +\n            this.clipBottomLeftCorner +\n            ' clip-top-right-corner-' +\n            this.clipTopRightCorner\n          }\n          style={{\n            ...(this.backgroundImageUrl.length > 0 ? { 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" } : {}),\n          }}\n        >\n          <div class=\"content-wrap\">\n            <div class=\"meta\">\n              {this.slug != '' ? <div class=\"slug text-colour-primary\">{this.slug}</div> : null}\n              {this.date != '' ? <div class=\"date\">{this.date}</div> : null}\n            </div>\n\n            {this.isEmpty(this.mainImageUrl) ? null : (\n              <div class=\"main-image-container\">\n                <div class=\"image-wrap\">\n                  <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n                </div>\n              </div>\n            )}\n\n            <h3 class=\"title\">\n              <a href={this.buttonUrl}>{this.mainTitle}</a>\n            </h3>\n            {!this.isEmpty(this.image1Url) || !this.isEmpty(this.image2Url) ? (\n              <div class=\"image-group\">\n                {this.isEmpty(this.image1Url) ? null : (\n                  <div class=\"image-container\">\n                    <div class=\"image-wrap\" style={{ 'background-image': \"url('\" + this.image1Url + \"')\" }}>\n                      <img src={this.image1Url} alt={this.image1AltText} />\n                    </div>\n                  </div>\n                )}\n\n                {this.isEmpty(this.image2Url) ? null : (\n                  <div class=\"image-container\">\n                    <div class=\"image-wrap\" style={{ 'background-image': \"url('\" + this.image2Url + \"')\" }}>\n                      <img src={this.image2Url} alt={this.image2AltText} />\n                    </div>\n                  </div>\n                )}\n              </div>\n            ) : null}\n\n            {this.isEmpty(this.imageLabel) ? null : <div class=\"image-label\">{this.imageLabel}</div>}\n\n            {!this.isEmpty(this.buttonLabel) && !this.isEmpty(this.buttonUrl) ? (\n              <div class=\"button-wrap align-right\">\n                <biggive-button colour-scheme={'clear-' + this.buttonColour} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-back-to-top.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-back-to-top.entry.cjs.js","mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,0RAA0R;;MCOzS,gBAAgB,GAAA,MAAA;;;;IAC3B,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EACpBA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,GAAG,EAAA,EACTA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,GAAG,EAAEC,kBAAY,CAAC,uCAAuC,CAAC,EAAI,CAAA,EACnED,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,MAAM,kBAAmB,CACnC,CACA;;;;;;;","names":["h","getAssetPath"],"sources":["src/components/biggive-back-to-top/biggive-back-to-top.scss?tag=biggive-back-to-top&encapsulation=shadow","src/components/biggive-back-to-top/biggive-back-to-top.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n\n.container {\n  @include standard-font();\n  margin: $spacer-4 0;\n  text-align: center;\n  a {\n    display: inline-block;\n    .text {\n      display: block;\n    }\n  }\n}","import { Component, getAssetPath, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-back-to-top',\n  styleUrl: 'biggive-back-to-top.scss',\n  shadow: true,\n})\nexport class BiggiveBackToTop {\n  render() {\n    return (\n      <div class=\"container\">\n        <a href=\"#\">\n          <img src={getAssetPath('/assets/images/triangles-combined.svg')} />\n          <span class=\"text\">Back to top</span>\n        </a>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"file":"biggive-basic-card.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include borders();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  position: relative;\n  text-align: center;\n  background-size: cover;\n  background-position: center center;\n  padding: $spacer-4;\n  &.philco {\n    @include philco-body-font();\n    line-height: $philco-standard-body-line-height;\n    border-bottom: 12px;\n    border-bottom-left-radius: 12px;\n    border-bottom-right-radius: 12px;\n    padding: 0;\n    text-align: left;\n    height: auto;\n    box-shadow: 0 0 24px 0 $colour-philco-gray-30;\n\n    .title {\n      @include philco-heading-font();\n      @include font-size-large();\n      margin-top: 0;\n      margin-bottom: $spacer-2;\n      text-transform: uppercase;\n    }\n\n    .subtitle {\n      @include philco-subhead-font();\n      color: $colour-philco-gray-70;\n      .divider {\n        color: $colour-philco-orange;\n      }\n    }\n\n    border-top: 12px solid $colour-philco-orange;\n  }\n  height: 100%;\n  white-space: pre-wrap;\n  a,\n  a:hover {\n    text-decoration: none;\n  }\n  .sleeve {\n    padding: $spacer-4;\n    height: 100%;\n    box-sizing: border-box;\n    transition: all 1s ease-in-out;\n  }\n  &.add-animation-true:hover .sleeve {\n    margin: -30px;\n    padding: 60px;\n    height: calc(100% + 60px);\n  }\n  &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n    .sleeve {\n      @include corner-clip-medium-top-right();\n    }\n  }\n  &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n    .sleeve {\n      @include corner-clip-medium-bottom-left();\n    }\n  }\n  &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n    .sleeve {\n      @include corner-clip-medium-bottom-left-top-right();\n    }\n  }\n\n  .icon {\n    svg {\n      width: 50px;\n      height: auto;\n    }\n  }\n  .title {\n    // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n    @include heading-3();\n    margin-bottom: $spacer-3;\n  }\n  .subtitle {\n    margin-bottom: $spacer-3;\n  }\n  .main-image-container {\n    margin-bottom: 15px;\n    img {\n      width: 100%;\n      height: auto;\n    }\n  }\n  .button-wrap {\n    text-align: center;\n    &.align-left {\n      text-align: left;\n    }\n    &.align-right {\n      text-align: right;\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-basic-card',\n  styleUrl: 'biggive-basic-card.scss',\n  shadow: true,\n})\nexport class BiggiveBasicCard {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  @Prop() backgroundColour: brandColour = 'primary';\n\n  @Prop() backgroundImageUrl: string = '';\n\n  @Prop() cardColour: brandColour = 'white';\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() mainImageUrl?: string = undefined;\n\n  @Prop() mainImageAltText: string;\n\n  @Prop() mainTitle: string;\n\n  @Prop() subtitle: string = '';\n\n  @Prop() author: string = '';\n\n  @Prop() date: string = '';\n\n  @Prop() teaser: string;\n\n  @Prop() icon: boolean = true;\n\n  @Prop() iconColour: brandColour = 'primary';\n\n  @Prop() buttonAlign: string = 'center';\n\n  @Prop() buttonStyle: string = 'standard';\n\n  @Prop() buttonLabel: string;\n\n  @Prop() buttonUrl: string;\n\n  @Prop() buttonColourScheme: string = 'clear-primary';\n\n  @Prop() clipBottomLeftCorner: boolean = true;\n\n  @Prop() clipTopRightCorner: boolean = true;\n\n  @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n  @Prop() addAnimation: boolean = false;\n\n  render() {\n    const HeadingTag = `h${this.headingLevel}`;\n\n    return (\n      <div\n        class={\n          'container space-below-' +\n          this.spaceBelow +\n          ' background-colour-' +\n          this.backgroundColour +\n          (this.siteDesign === 'philco' ? ' border-colour-' + this.backgroundColour : '') +\n          ' clip-bottom-left-corner-' +\n          this.clipBottomLeftCorner +\n          ' clip-top-right-corner-' +\n          this.clipTopRightCorner +\n          ' add-animation-' +\n          this.addAnimation +\n          ' ' +\n          this.siteDesign\n        }\n        style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n      >\n        <a href={this.buttonUrl}>\n          <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n            <div class=\"content-wrap\">\n              {this.icon ? (\n                <div class=\"icon\">\n                  <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n                    <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n                  </svg>\n                </div>\n              ) : null}\n              {(this.mainImageUrl?.length ?? 0) === 0 ? null : (\n                <div class=\"main-image-container\">\n                  <div class=\"image-wrap\">\n                    <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n                  </div>\n                </div>\n              )}\n              <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n              {this.author !== '' || this.date !== '' ? (\n                <div class=\"subtitle\">\n                  {this.author} <span class=\"divider\">|</span> {this.date}\n                </div>\n              ) : null}\n              {this.subtitle !== '' ? <div class=\"subtitle\">{this.subtitle}</div> : null}\n              <div class=\"teaser\">{this.teaser}</div>\n              {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n                <div class={'button-wrap align-' + this.buttonAlign}>\n                  <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel} rounded={this.siteDesign === 'philco'}></biggive-button>\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </a>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"file":"biggive-biography-card.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-biography-card/biggive-biography-card.scss?tag=biggive-biography-card&encapsulation=shadow","src/components/biggive-biography-card/biggive-biography-card.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include backgrounds();\n@include text-colours();\n\n:host {\n  display: block;\n}\n\n.container {\n\n  @each $key, $colour in $brandColours {\n    &.background-colour-#{$key} .image-wrap { background-color: $colour; }\n  }\n\n  text-align: left;\n  &.text-align-center {\n    text-align: center;\n  }\n  &.text-align-right {\n    text-align: right;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  h3.full-name {\n    font-size: font-size-medium();\n    margin: 0;\n  }\n\n  div.job-title {\n    font-size: font-size-small();\n    margin: 0;\n  }\n\n\n  .sleeve {\n\n\n    @each $key, $colour in $brandColours {\n\n      &.border-width-1.border-colour-#{$key} { border: $spacer-1 solid $colour; }\n      &.border-width-2.border-colour-#{$key} { border: $spacer-2 solid $colour; }\n      &.border-width-3.border-colour-#{$key} { border: $spacer-3 solid $colour; }\n      &.border-width-4.border-colour-#{$key} { border: $spacer-4 solid $colour; }\n      &.border-width-5.border-colour-#{$key} { border: $spacer-5 solid $colour; }\n      &.border-width-6.border-colour-#{$key} { border: $spacer-6 solid $colour; }\n    }\n\n\n    margin-bottom: $spacer-2;\n\n    &.circle-true {\n      overflow: hidden;\n      border-radius: 50%;\n    }\n\n\n    .image-wrap {\n      position: relative;\n      background-position: center center;\n      background-size: cover;\n      background-repeat: no-repeat;\n\n      &.image-style-cover {\n        background-size: cover;\n      }\n      &.image-style-contain {\n        background-size: contain;\n      }\n\n      &[data-ratio=\"1,1\"] { padding-bottom: 100%; }\n      &[data-ratio=\"1,1\"].border-width-1 { padding-bottom: calc(100% - ( $spacer-1 * 2 )); }\n      &[data-ratio=\"1,1\"].border-width-2 { padding-bottom: calc(100% - ( $spacer-2 * 2 )); }\n      &[data-ratio=\"1,1\"].border-width-3 { padding-bottom: calc(100% - ( $spacer-3 * 2 )); }\n      &[data-ratio=\"1,1\"].border-width-4 { padding-bottom: calc(100% - ( $spacer-4 * 2 )); }\n      &[data-ratio=\"1,1\"].border-width-5 { padding-bottom: calc(100% - ( $spacer-5 * 2 )); }\n      &[data-ratio=\"1,1\"].border-width-6 { padding-bottom: calc(100% - ( $spacer-6 * 2 )); }\n\n      &[data-ratio=\"1,1.5\"] { padding-bottom: 150%; }\n      &[data-ratio=\"1,1.5\"].border-width-1 { padding-bottom: calc(150% - ( $spacer-1 * 2 )); }\n      &[data-ratio=\"1,1.5\"].border-width-2 { padding-bottom: calc(150% - ( $spacer-2 * 2 )); }\n      &[data-ratio=\"1,1.5\"].border-width-3 { padding-bottom: calc(150% - ( $spacer-3 * 2 )); }\n      &[data-ratio=\"1,1.5\"].border-width-4 { padding-bottom: calc(150% - ( $spacer-4 * 2 )); }\n      &[data-ratio=\"1,1.5\"].border-width-5 { padding-bottom: calc(150% - ( $spacer-5 * 2 )); }\n      &[data-ratio=\"1,1.5\"].border-width-6 { padding-bottom: calc(150% - ( $spacer-6 * 2 )); }\n\n      &[data-ratio=\"1,2\"] { padding-bottom: 200%; }\n      &[data-ratio=\"1,2\"].border-width-1 { padding-bottom: calc(200% - ( $spacer-1 * 2 )); }\n      &[data-ratio=\"1,2\"].border-width-2 { padding-bottom: calc(200% - ( $spacer-2 * 2 )); }\n      &[data-ratio=\"1,2\"].border-width-3 { padding-bottom: calc(200% - ( $spacer-3 * 2 )); }\n      &[data-ratio=\"1,2\"].border-width-4 { padding-bottom: calc(200% - ( $spacer-4 * 2 )); }\n      &[data-ratio=\"1,2\"].border-width-5 { padding-bottom: calc(200% - ( $spacer-5 * 2 )); }\n      &[data-ratio=\"1,2\"].border-width-6 { padding-bottom: calc(200% - ( $spacer-6 * 2 )); }\n\n\n\n\n\n\n      &.rounded-true {\n        overflow: hidden;\n        border-radius: 10px;\n      }\n\n\n\n\n      .circle {\n        position: absolute;\n        width: 30px;\n        height: 30px;\n        background-color: #FFFFFF;\n        bottom: 15px;\n        right: 15px;\n        border-radius: 50%;\n        text-align: center;\n        padding: 6.5px;\n        box-sizing: border-box;\n        svg path {\n          stroke: #000000;\n        }\n        &.dark {\n          background-color: #000000;\n          svg path {\n            stroke: #FFFFFF;\n          }\n        }\n        svg {\n          position: relative;\n          display: inline-block;\n          top: -1px;\n          height: 15px;\n          width: 15px;\n        }\n      }\n\n\n\n      img {\n        display: none;\n      }\n\n\n  }\n\n\n\n  }\n\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-biography-card',\n  styleUrl: 'biggive-biography-card.scss',\n  shadow: true,\n})\nexport class BiggiveBiographyCard {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() borderWidth: spacingOption = 0;\n\n  @Prop() imageUrl: string = '';\n\n  @Prop() imageStyle: 'cover' | 'contain' = 'cover';\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() backgroundColour: brandColour = 'white';\n\n  @Prop() fullName: string = '';\n\n  @Prop() jobTitle: string = '';\n\n  @Prop() textAlign: 'center' | 'left' | 'right' = 'left';\n\n  @Prop() ratio: '1,1' | '1,1.5' | '1,2' = '1,1.5';\n\n  @Prop() circle: boolean = false;\n\n  @Prop() circleColour: 'light' | 'dark' = 'light';\n\n  @Prop() rounded: boolean = false;\n\n  @Prop() url: string = '';\n\n  render() {\n    if (this.url != '') {\n      return (\n        <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n          <a href={this.url}>\n            <div\n              class={\n                'sleeve circle-' +\n                this.circle.toString() +\n                ' border-colour-' +\n                this.backgroundColour +\n                ' background-colour-' +\n                this.backgroundColour +\n                ' border-width-' +\n                this.borderWidth\n              }\n            >\n              {this.imageUrl != '' ? (\n                <div\n                  data-ratio={this.ratio}\n                  class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n                  style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n                >\n                  <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n                  <div class={'circle ' + this.circleColour}>\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                      <path stroke-color=\"1\" d=\"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z\" />\n                    </svg>\n                  </div>\n                </div>\n              ) : null}\n            </div>\n            <h3 class=\"full-name\">{this.fullName}</h3>\n            <div class=\"job-title\">{this.jobTitle}</div>\n          </a>\n        </div>\n      );\n    } else {\n      return (\n        <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n          <div\n            class={\n              'sleeve circle-' +\n              this.circle.toString() +\n              ' border-colour-' +\n              this.backgroundColour +\n              ' background-colour-' +\n              this.backgroundColour +\n              ' border-width-' +\n              this.borderWidth\n            }\n          >\n            {this.imageUrl != '' ? (\n              <div\n                data-ratio={this.ratio}\n                class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n                style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n              >\n                <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n              </div>\n            ) : null}\n          </div>\n          <h3 class=\"full-name\">{this.fullName}</h3>\n          <div class=\"job-title\">{this.jobTitle}</div>\n        </div>\n      );\n    }\n  }\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"file":"biggive-boxed-content.entry.cjs.js","mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,84HAA84H;;MCOh6H,mBAAmB,GAAA,MAAA;AALhC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAC9B;;AAEG;AACK,QAAA,IAAe,CAAA,eAAA,GAAW,CAAC;AACnC;;AAEG;AACK,QAAA,IAAiB,CAAA,iBAAA,GAAW,CAAC;AACrC;;AAEG;AACK,QAAA,IAAgB,CAAA,gBAAA,GAAW,OAAO;AAC1C;;AAEG;AACK,QAAA,IAAM,CAAA,MAAA,GAAY,IAAI;AAsB/B;IApBC,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EACH,8BAA8B;AAC9B,gBAAA,IAAI,CAAC,gBAAgB;gBACrB,eAAe;AACf,gBAAA,IAAI,CAAC,UAAU;gBACf,sBAAsB;AACtB,gBAAA,IAAI,CAAC,iBAAiB;gBACtB,oBAAoB;AACpB,gBAAA,IAAI,CAAC,eAAe;gBACpB,UAAU;AACV,gBAAA,IAAI,CAAC,MAAM,EAAA,EAGbA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;","names":["h"],"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"],"version":3}

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

@@ -1 +0,0 @@
-{"file":"biggive-branded-image.entry.cjs.js","mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,6vDAA6vD;;MCO/wD,mBAAmB,GAAA,MAAA;AALhC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAC9B;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAW,EAAE;AAQ7B;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAW,EAAE;AAyC7B;AAlBC;;;AAGG;IACH,MAAM,GAAA;QACJ,QACEA,kEAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,EAAA,EACnDA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAO,EACnC,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,IACpDA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,YAAY,EAAA,EAAE,IAAI,CAAC,QAAQ,KAAK,IAAI,GAAGA,iBAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,GAAGA,OAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CAAO,IACpI,IAAI,EACP,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,GAAGA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,EAAE,EAAA,CAAQ,GAAG,IAAI,EAExJ,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,GAAGA,OAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,WAAW,CAAM,GAAG,IAAI,EAC9G,IAAI,CAAC,eAAe,KAAK,SAAS,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI,GAAGA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,cAAc,EAAA,EAAE,IAAI,CAAC,eAAe,CAAO,GAAG,IAAI,CAChI;;;;;;;","names":["h"],"sources":["src/components/biggive-branded-image/biggive-branded-image.scss?tag=biggive-branded-image&encapsulation=shadow","src/components/biggive-branded-image/biggive-branded-image.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  position: relative;\n  .slug {\n    text-align: center;\n    font-weight: bold;\n    background-color: $colour-secondary-green;\n    color: $colour-black;\n    padding: $spacer-1 $spacer-3;\n    width: 100%;\n    margin: -17px auto 17px auto;\n    transform: translateY(50%);\n    box-sizing: border-box;\n  }\n\n  img {\n    width: 100%;\n  }\n\n  .logo-wrap {\n    border-radius: 50%;\n    width: 120px;\n    height: 120px;\n    transform: translateY(-50%);\n    margin-top: 30px;\n    margin-bottom: -30px; // Breathing space before charity name etc.\n    background-size: contain;\n    background-position: center center;\n    background-repeat: no-repeat;\n    background-color: #FFFFFF;\n\n    @media screen and (max-width: $screen-tablet-max) {\n      width: 100px;\n      height: 100px;\n    }\n\n    @media screen and (max-width: $screen-mobile-max) {\n      width: 70px;\n      height: 70px;\n      margin-top: 20px;\n    }\n  }\n\n  #charityName {\n    color: $colour-primary-blue;\n    display: block;\n    margin-bottom: 5px;\n    width: fit-content; // so link doesn't go full width\n  }\n\n  #charityName, .charity-info {\n    font-size: 17px;\n\n    @media screen and (max-width: $screen-tablet-max) {\n      font-size: 16px;\n    }\n\n    @media screen and (max-width: $screen-mobile-max) {\n      font-size: 15px;\n    }\n\n    @media screen and (max-width: $screen-mobile-small) {\n      font-size: 14px;\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-branded-image',\n  styleUrl: 'biggive-branded-image.scss',\n  shadow: true,\n})\nexport class BiggiveBrandedImage {\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n  /**\n   * Full URL of a image.\n   */\n  @Prop() imageUrl: string = '';\n\n  /**\n   * Alt-text for image, or null if the author has not supplied an alt-text. Should always be a string\n   * (but may be empty) when authoring new content.\n   */\n  @Prop() imageAlt!: string | null;\n\n  /**\n   * Full URL of the logo.\n   */\n  @Prop() logoUrl: string = '';\n\n  /**\n   * Slug\n   */\n  @Prop() slug: string;\n\n  /**\n   * Charity name\n   */\n  @Prop() charityName: string;\n\n  /**\n   * Charity location\n   */\n  @Prop() charityLocation: string;\n\n  /**\n   * Link to the charity's website\n   * @deprecated We should stop passing this soon, and will link to charity URLs alongside socials.\n   */\n  @Prop() charityUrl: string;\n\n  /**\n   * This is only used as a background, presentational \"bonus\" so we are setting\n   * `role=\"presentation\"` every time instead of accepting alt text.\n   */\n  render() {\n    return (\n      <div class={'container space-below-' + this.spaceBelow}>\n        {<div class=\"slug\">{this.slug}</div>}\n        {this.imageUrl !== undefined && this.imageUrl !== null ? (\n          <div class=\"image-wrap\">{this.imageAlt === null ? <img src={this.imageUrl} /> : <img src={this.imageUrl} alt={this.imageAlt} />}</div>\n        ) : null}\n        {this.logoUrl !== undefined && this.logoUrl !== null ? <div class=\"logo-wrap\" style={{ 'background-image': \"url('\" + this.logoUrl + \"')\" }}></div> : null}\n\n        {this.charityName !== undefined && this.charityName !== null ? <h3 class=\"title\">{this.charityName}</h3> : null}\n        {this.charityLocation !== undefined && this.charityLocation !== null ? <div class=\"charity-info\">{this.charityLocation}</div> : null}\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"file":"biggive-button.entry.cjs.js","mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,q5bAAq5b;;MCQj6b,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAcE;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAE9B;;AAEG;AACK,QAAA,IAAY,CAAA,YAAA,GAAgB,SAAS;AAE7C;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAW,UAAU;AAOlC;;AAEG;AACK,QAAA,IAAY,CAAA,YAAA,GAAY,KAAK;AAErC;;AAEG;AACK,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAElC;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAW,QAAQ;AAE/B;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AAEhC;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAEzB,QAAA,IAAQ,CAAA,QAAA,GAAuB,SAAS;AAExC,QAAA,IAAU,CAAA,UAAA,GAAyB,SAAS;AAEpD;;;AAGG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAEhB,QAAA,IAAA,CAAA,iBAAiB,GAAG,CAAC,KAAU,KAAI;YACzC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;AACjF,SAAC;AAwBF;IAtBC,MAAM,GAAA;;;;AAIJ,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,qBAAqB;AAE9C,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,YAAY,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC,EAAA,EAChJA,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,gBAAA,EACkB,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,MAAM,EAAA,eAAA,EAChC,IAAI,CAAC,QAAQ,EAC5B,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,IAAI,CAAC,YAAY,GAAG,QAAQ,GAAG,OAAO,EAC9C,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC,YAAY,GAAG,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,GAAG,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAA,EAEvJA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,QAAQ,GAAG,MAAO,GAAC,GAAG,IAAI,CAAC,iBAAiB,EAAG,EAAA,IAAI,CAAC,KAAK,CAAQ,CACnF,CACA;;;;;;;","names":["h"],"sources":["src/components/biggive-button/biggive-button.scss?tag=biggive-button&encapsulation=shadow","src/components/biggive-button/biggive-button.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n  display: contents;\n}\n\n.container {\n  font-family: inherit;\n  a {\n    display: inline-block;\n    &.full-width-true {\n      display: block;\n    }\n  }\n  &.centered-true {\n    text-align: center;\n  }\n}\n\n.button {\n    @include button();\n    &.size-small {\n      @include button-small();\n    }\n\n    &.button.rounded-true {\n      @include button-rounded();\n    }\n}\n\n@each $brand, $colour in $brandColours {\n  .button-#{$brand} {\n    color: $colour-white; // may be overridden by following rules. Later CSS rules have priority.\n    background-color: $colour;\n    border-color: $colour;\n    &:hover {\n      color: $colour;\n      background-color: $colour-white; // may be overriden by following rules\n    }\n  }\n}\n\n.button-secondary {\n  color: $colour-black;\n  &:hover {\n    color: $colour-black;\n    background-color: $colour-white;\n    border-color: $colour-black;\n  }\n}\n\n.button-brand-grey {\n  color: $colour-white;\n  &:hover {\n    background-color: $colour-black;\n  }\n}\n\n.button-brand-mhf-turquoise {\n  &:hover {\n    background-color: $colour-black;\n  }\n}\n\n.button-brand-afa-pink {\n  &:hover {\n    background-color: $colour-black;\n  }\n}\n\n.button-white {\n  color: $colour-primary-blue;\n  &:hover {\n    color: $colour-black;\n    background-color: $colour-secondary-green;\n  }\n}\n\n.button-philco-gray-90 {\n  @include font-size-philco-medium();\n  color: $colour-philco-white;\n  &:hover {\n    color: $colour-philco-gray-90;\n    background-color: $colour-philco-orange;\n  }\n}\n\n.button-philco-orange {\n  @include font-size-philco-medium();\n  color: $colour-philco-gray-90;\n  &:hover {\n    color: $colour-philco-white;\n    background-color: $colour-philco-gray-90;\n  }\n}\n\n.button-philco-white {\n  @include font-size-philco-medium();\n  color: $colour-philco-gray-90;\n  &:hover {\n    color: $colour-philco-gray-90 !important;\n    background-color: $colour-philco-orange !important;\n  }\n}\n\n.container.philco a {\n  border-color: transparent;\n}\n\n.container.disabled.philco .button {\n  cursor: not-allowed;\n  background-color: $colour-philco-gray-30 !important;\n\n  color: $colour-philco-white;\n  &:hover {\n    background-color: $colour-philco-gray-30;\n    color: $colour-philco-white;\n  }\n}\n\n.button-black {\n  color: $colour-white;\n  &:hover {\n    background-color: $colour-white;\n  }\n}\n\n.button-grey-extra-light {\n  color: $colour-black;\n  &:hover {\n    background-color: $colour-black;\n  }\n}\n\n.button-grey-light {\n  color: $colour-black;\n  &:hover {\n    background-color: $colour-black;\n  }}\n\n.button-grey-medium {\n  color: $colour-white;\n  &:hover {\n    background-color: $colour-white;\n  }\n}\n\n.button-grey-dark {\n  color: $colour-white;\n  &:hover {\n    background-color: $colour-white;\n  }\n}\n\n.button-rounded {\n    @include button-rounded();\n }\n\n @each $brand, $colour in $brandColours {\n    .button-clear-#{$brand} {\n        color: $colour;\n        background-color: transparent;\n        text-decoration: underline;\n        border: 0;\n        padding-left: 0;\n        padding-right: 0;\n        &:hover {\n          color: $colour;\n          text-decoration: none;\n          background-color: transparent;\n        }\n    }\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n  tag: 'biggive-button',\n  styleUrl: 'biggive-button.scss',\n  shadow: true,\n})\nexport class BiggiveButton {\n  @Event({\n    eventName: 'doButtonClick',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  doButtonClick: EventEmitter<{ event: object; url: string }>;\n\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 1;\n\n  /**\n   * Colour Scheme\n   */\n  @Prop() colourScheme: brandColour = 'primary';\n\n  /**\n   * Text\n   */\n  @Prop() label: string = 'Click me';\n\n  /**\n   * URL\n   */\n  @Prop() url: string | undefined;\n\n  /**\n   * New Tab\n   */\n  @Prop() openInNewTab: boolean = false;\n\n  /**\n   * Display full width\n   */\n  @Prop() fullWidth: boolean = false;\n\n  /**\n   * Size\n   */\n  @Prop() size: string = 'medium';\n\n  /**\n   * Rounded corners\n   */\n  @Prop() rounded: boolean = false;\n\n  /**\n   * Centered\n   */\n  @Prop() centered: boolean = false;\n\n  @Prop() buttonId: undefined | string = undefined;\n\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  /**\n   * For use only in philco site - the Big Give site does not use disabled\n   * buttons and does not have a design for such.\n   */\n  @Prop() disabled = false;\n\n  private handleButtonClick = (event: any) => {\n    this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });\n  };\n\n  render() {\n    // We always want to have a href so that browsers will see this as a link and allow clicking with keybard.\n    // If there's no or an empty href then it isn't possible to click by keyboard and we would have to handle keyboard\n    // interaction separately.\n    const href = this.url || 'javascript:void(0);';\n\n    return (\n      <div class={'container space-below-' + this.spaceBelow + ' centered-' + this.centered + ' ' + this.siteDesign + (this.disabled ? ' disabled' : '')}>\n        <a\n          pointer-events={this.disabled ? 'none' : 'auto'}\n          aria-disabled={this.disabled}\n          role=\"button\"\n          href={href}\n          target={this.openInNewTab ? '_blank' : '_self'}\n          id={this.buttonId}\n          class={'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString()}\n        >\n          <span onClick={this.disabled ? () => {} : this.handleButtonClick}>{this.label}</span>\n        </a>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-call-to-action.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-call-to-action.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-call-to-action/biggive-call-to-action.scss?tag=biggive-call-to-action&encapsulation=shadow","src/components/biggive-call-to-action/biggive-call-to-action.tsx"],"sourcesContent":["@include headings-biggive();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n  @include standard-font();\n}\n\n.container {\n  @include section-container();\n  position: relative;\n  text-align: center;\n}\n\n\n.content-wrap {\n  .slug {\n    margin: 0;\n    padding: 0;\n  }\n  h2 {\n    margin: 0 0 $spacer-1 0;\n    padding: 0;\n  }\n  .subtitle {\n    margin: 0 0 $spacer-1 0;\n    padding: 0;\n  }\n  .teaser {\n    margin: $spacer-3 auto $spacer-3 auto;\n    max-width: 400px;\n    padding: 0;\n  }\n}\n\n@media screen and (max-width: $screen-mobile-max) {\n  .content-wrap {\n    text-align: right\n  }\n  h2 {\n    padding: 40px 0;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-call-to-action',\n  styleUrl: 'biggive-call-to-action.scss',\n  shadow: true,\n})\nexport class BiggiveCallToAction {\n  /**\n   * Space above component\n   */\n  @Prop() spaceAbove: number = 0;\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n  /**\n   * Default text colour\n   */\n  @Prop() defaultTextColour: string = 'primary';\n\n  /**\n   * Slug size\n   */\n  @Prop() slugSize: number = 4;\n  /**\n   * Slug colour\n   */\n  @Prop() slugColour: string = '';\n  /**\n   * Slug\n   */\n  @Prop() slug: string;\n\n  /**\n   * Main title colour\n   */\n  @Prop() mainTitleColour: string = '';\n  /**\n   * Main title size\n   */\n  @Prop() mainTitleSize: number = 2;\n  /**\n   * Main title\n   */\n  @Prop() mainTitle: string;\n\n  /**\n   * Main title size\n   */\n  @Prop() subtitleSize: number = 4;\n  /**\n   * Subtitle colour\n   */\n  @Prop() subtitleColour: string = '';\n\n  /**\n   * Subtitle\n   */\n  @Prop() subtitle: string;\n\n  /**\n   * Teaser colour\n   */\n  @Prop() teaserColour: string = '';\n\n  /**\n   * Teaser\n   */\n  @Prop() teaser: string;\n\n  /**\n   * Primary button Url\n   */\n  @Prop() primaryButtonUrl: string;\n\n  /**\n   * Primary button Label\n   */\n  @Prop() primaryButtonLabel: string;\n\n  /**\n   * Primary button Colour Scheme\n   */\n  @Prop() primaryButtonColourScheme: string = 'primary';\n\n  /**\n   * Secondary button Url\n   */\n  @Prop() secondaryButtonUrl: string;\n\n  /**\n   * Secondary button Label\n   */\n  @Prop() secondaryButtonLabel: string;\n\n  /**\n   * Secondary button Colour Scheme\n   */\n  @Prop() secondaryButtonColourScheme: string = 'primary';\n\n  render() {\n    return (\n      <div class={'container text-colour-' + this.defaultTextColour + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow}>\n        <div class=\"sleeve\">\n          <div class=\"content-wrap\">\n            <div class={'slug heading-' + this.slugSize + ' text-colour-' + this.slugColour}>{this.slug}</div>\n            <h2 class={'title heading-' + this.mainTitleSize + ' text-colour-' + this.mainTitleColour}>{this.mainTitle}</h2>\n            <div class={'slug heading-' + this.subtitleSize + ' text-colour-' + this.subtitleColour}>{this.subtitle}</div>\n            <div class={'teaser text-colour-' + this.teaserColour}>{this.teaser}</div>\n            {this.primaryButtonLabel != null && this.primaryButtonUrl != null ? (\n              <div class=\"button-wrap\">\n                <biggive-button colour-scheme={this.primaryButtonColourScheme} url={this.primaryButtonUrl} label={this.primaryButtonLabel}></biggive-button>\n              </div>\n            ) : null}\n            {this.secondaryButtonLabel != null && this.secondaryButtonUrl != null ? (\n              <div class=\"button-wrap\">\n                <biggive-button colour-scheme={this.secondaryButtonColourScheme} url={this.secondaryButtonUrl} label={this.secondaryButtonLabel}></biggive-button>\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-campaign-card-filter-grid.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-campaign-card-filter-grid.entry.cjs.js","mappings":";;;;;AAAA,MAAM,gCAAgC,GAAG,msIAAmsI;;ACG5uI,MAAM,gBAAgB,GAAG;AACvB,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,YAAY,EAAE,aAAa;AAC3B,IAAA,WAAW,EAAE,cAAc;AAC3B,IAAA,aAAa,EAAE,gBAAgB;AAC/B,IAAA,mBAAmB,EAAE,sBAAsB;CACnC;MAUG,6BAA6B,GAAA,MAAA;AAL1C,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAMU,QAAA,IAAqB,CAAA,qBAAA,GAAG,SAAS;AACjC,QAAA,IAA4B,CAAA,4BAAA,GAAG,oBAAoB;AACnD,QAAA,IAAyB,CAAA,yBAAA,GAAG,iBAAiB;AAC7C,QAAA,IAAwB,CAAA,wBAAA,GAAG,iBAAiB;AAGpD;;AAEG;AACK,QAAA,IAAyB,CAAA,yBAAA,GAAkB,IAAI;AAC/C,QAAA,IAA4B,CAAA,4BAAA,GAAkB,IAAI;AAClD,QAAA,IAAyB,CAAA,yBAAA,GAAkB,IAAI;AA6BvD;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AAE9B;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAW,2BAA2B;AAEnD;;;;;;;AAOG;AACK,QAAA,IAAU,CAAA,UAAA,GAAkB,IAAI;AAExC;;;AAGG;AACK,QAAA,IAAe,CAAA,eAAA,GAAW,QAAQ;AAE1C;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAW,QAAQ;AA2BrC;;AAEG;AACsB,QAAA,IAAsB,CAAA,sBAAA,GAAkB,IAAI;AAErE;;AAEG;AACsB,QAAA,IAAyB,CAAA,yBAAA,GAAkB,IAAI;AAExE;;AAEG;AACsB,QAAA,IAAsB,CAAA,sBAAA,GAAkB,IAAI;AAO7D,QAAA,IAAA,CAAA,8BAA8B,GAAG,CAAC,KAAa,KAAI;AACzD,YAAA,IAAI,CAAC,yBAAyB,GAAG,KAAK;AACxC,SAAC;AAEO,QAAA,IAAA,CAAA,2BAA2B,GAAG,CAAC,KAAa,KAAI;AACtD,YAAA,IAAI,CAAC,4BAA4B,GAAG,KAAK;AAC3C,SAAC;AAEO,QAAA,IAAA,CAAA,wBAAwB,GAAG,CAAC,KAAa,KAAI;AACnD,YAAA,IAAI,CAAC,yBAAyB,GAAG,KAAK;AACxC,SAAC;AAEO,QAAA,IAAA,CAAA,sBAAsB,GAAG,CAAC,KAAsB,KAAI;AAC1D,YAAA,IAAI,CAAC,oBAAoB,GAAG,KAAK;YACjC,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,wBAAwB,EAAE,CAAC;AACpE,SAAC;AAYO,QAAA,IAA4B,CAAA,4BAAA,GAAG,MAAK;;YAC1C,IAAI,CAAC,sBAAsB,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,yBAAyB,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,IAAI,CAAC,sBAAsB;YAC3F,IAAI,CAAC,yBAAyB,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,4BAA4B,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,IAAI,CAAC,yBAAyB;YACpG,IAAI,CAAC,sBAAsB,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,yBAAyB,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,IAAI,CAAC,sBAAsB;AAE3F,YAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,wBAAwB,EAAE;AAC1D,YAAA,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,kBAAkB,CAAC;AAErD,YAAA,MAAM,WAAW,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,cAAc,CAAC,cAAc,CAAwC;YAC7G,IAAI,WAAW,EAAE;gBACf,WAAW,CAAC,gBAAgB,EAAE;;AAGhC,YAAA,IAAI,CAAC,cAAc;AACjB,gBAAA,OAAO,kBAAkB,CAAC,iBAAiB,KAAK,QAAQ,IAAI,OAAO,kBAAkB,CAAC,cAAc,KAAK,QAAQ,IAAI,OAAO,kBAAkB,CAAC,cAAc,KAAK,QAAQ;AAC9K,SAAC;AA8BO,QAAA,IAAyB,CAAA,yBAAA,GAAG,MAAK;YACvC,IAAI,CAAC,gBAAgB,EAAE;YACvB,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,wBAAwB,EAAE,CAAC;AAElE,YAAA,IAAI,IAAI,CAAC,aAAa,EAAE,EAAE;AACxB,gBAAA,IAAI,CAAC,oBAAoB,GAAG,WAAW;;AAE3C,SAAC;AAEO,QAAA,IAAA,CAAA,uBAAuB,GAAG,CAAC,KAAU,KAAI;YAC/C,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;AACtC,SAAC;AAEO,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,EAAiB,KAAI;AACjD,YAAA,IAAI,EAAE,CAAC,GAAG,KAAK,OAAO,EAAE;gBACtB,IAAI,CAAC,gBAAgB,EAAE;gBACvB,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,wBAAwB,EAAE,CAAC;;AAEtE,SAAC;AAEO,QAAA,IAAuB,CAAA,uBAAA,GAAG,MAAK;;AACrC,YAAA,IAAI,CAAC,4BAA4B,GAAG,IAAI,CAAC,yBAAyB;AAClE,YAAA,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC,sBAAsB;AAC5D,YAAA,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC,sBAAsB;AAE5D,YAAA,MAAM,WAAW,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,cAAc,CAAC,cAAc,CAAwC;YAC7G,IAAI,WAAW,EAAE;gBACf,WAAW,CAAC,eAAe,EAAE;;AAEjC,SAAC;AAEO,QAAA,IAAc,CAAA,cAAA,GAAG,MAAK;;YAC5B,IAAI,CAAC,gBAAgB,EAAE;;AAGvB,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK;;AAG3B,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;AACtB,YAAA,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,mBAAmB;AACpD,YAAA,IAAI,CAAC,yBAAyB,GAAG,IAAI;AACrC,YAAA,IAAI,CAAC,sBAAsB,GAAG,IAAI;AAClC,YAAA,IAAI,CAAC,sBAAsB,GAAG,IAAI;;AAGlC,YAAA,CAAC,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,OAAO,CAAC,EAAE,IAAG;;AAC9E,gBAAA,MAAM,KAAK,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,cAAc,CAAC,EAAE,CAAkD;gBACrG,IAAI,CAAC,KAAK,EAAE;oBACV;;AAGF,gBAAA,KAAK,CAAC,aAAa,GAAG,IAAI;AAC1B,gBAAA,KAAK,CAAC,aAAa,GAAG,IAAI;AAC5B,aAAC,CAAC;AAEF,YAAA,MAAM,eAAe,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,CAAC,mBAAmB,CAAC;YAC9E,IAAI,eAAe,EAAE;gBACnB,eAAe,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,MAAM,IAAG;oBAC3D,MAAM,CAAC,MAAM,EAAE;AACjB,iBAAC,CAAC;;;AAIJ,YAAA,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC;AAChC,gBAAA,UAAU,EAAE,IAAI;AAChB,gBAAA,MAAM,EAAE,IAAI;AACZ,gBAAA,cAAc,EAAE,IAAI;AACpB,gBAAA,iBAAiB,EAAE,IAAI;AACvB,gBAAA,cAAc,EAAE,IAAI;AACrB,aAAA,CAAC;AACJ,SAAC;AA4MF;AA7aC;;AAEG;AACO,IAAA,MAAM,aAAa,GAAA;QAC3B,IAAI,CAAC,gBAAgB,EAAE;;IAgGjB,wBAAwB,GAAA;QAC9B,OAAO;YACL,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,MAAM,EAAE,IAAI,CAAC,oBAAoB;YACjC,cAAc,EAAE,IAAI,CAAC,sBAAsB;YAC3C,iBAAiB,EAAE,IAAI,CAAC,yBAAyB;YACjD,cAAc,EAAE,IAAI,CAAC,sBAAsB;SAC5C;;AAoBK,IAAA,YAAY,CAAC,SAAuD,EAAA;;QAC1E,QAAQ,SAAS;AACf,YAAA,KAAK,eAAe;AAClB,gBAAA,IAAI,CAAC,yBAAyB,GAAG,IAAI;gBACrC;AACF,YAAA,KAAK,YAAY;AACf,gBAAA,IAAI,CAAC,sBAAsB,GAAG,IAAI;gBAClC;AACF,YAAA,KAAK,WAAW;AACd,gBAAA,IAAI,CAAC,sBAAsB,GAAG,IAAI;gBAClC;AACF,YAAA;;;gBAGE,MAAM,gBAAgB,GAAU,SAAS;AACzC,gBAAA,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC;;AAGnC,QAAA,MAAM,QAAQ,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,cAAc,CAAC,SAAS,CAAkD;QAC/G,IAAI,CAAC,QAAQ,EAAE;YACb;;AAGF,QAAA,QAAQ,CAAC,aAAa,GAAG,IAAI;AAC7B,QAAA,QAAQ,CAAC,aAAa,GAAG,IAAI;QAC7B,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,wBAAwB,EAAE,CAAC;;AA2EpE;;;AAGG;IACK,gBAAgB,GAAA;;AACtB,QAAA,MAAM,KAAK,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,CAAC,aAAa,CAAiC;AAC9F,QAAA,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,IAAI,EAAE;;IAGf,mBAAmB,GAAA;QACjB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,sBAAsB,KAAK,IAAI,IAAI,IAAI,CAAC,yBAAyB,KAAK,IAAI,IAAI,IAAI,CAAC,sBAAsB,KAAK,IAAI;AAC7I,QAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,oBAAoB;;IAGtD,MAAM,GAAA;;AACJ,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE;QAEzC,QACEA,kEAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,EAAA,EACpDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtBA,OAAK,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,CAAC,KAAK,CAAM,EACrBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAA,EACxEA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAEC,yBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAA,CAAI,CAC7C,EACND,OAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,EAAE,EAC5B,KAAK,EAAC,YAAY,EAClB,WAAW,EAAE,IAAI,CAAC,eAAe,EACjC,OAAO,EAAE,IAAI,CAAC,uBAAuB,EACrC,SAAS,EAAE,IAAI,CAAC,kBAAkB,GAClC,CACE,EACNA,OAAA,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAgB,OAAO,EAAE,IAAI,CAAC,yBAAyB,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAA,CAAI,CAC/E,CACF,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3BA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtBA,OAAgB,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAC,YAAY,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,CAAC,uBAAuB,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAE,IAAI,EAAc,aAAA,EAAA,GAAG,EAAkB,CAAA,EAC9JA,OAAe,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,cAAc,EAAA,EAC9BA,OAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iDAAiD,EAAa,EAAA,SAAA,CAAA,EACxEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3BA,OACE,CAAA,2BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,gBAAgB,EAAC,OAAO,EACxB,MAAM,EAAC,UAAU,EACjB,WAAW,EAAE,IAAI,CAAC,yBAAyB,EAC3C,aAAa,EAAE,IAAI,CAAC,sBAAsB,EAC1C,aAAa,EAAE,IAAI,CAAC,sBAAsB,EAC1C,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,eAAe,IAAI,EAAE,CAAC,EACxD,gBAAgB,EAAE,IAAI,CAAC,8BAA8B,EACrD,EAAE,EAAC,YAAY,EAAA,aAAA,EACH,GAAG,EAAA,CACY,CACzB,EAENA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3BA,OACE,CAAA,2BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,gBAAgB,EAAC,OAAO,EACxB,MAAM,EAAC,aAAa,EACpB,WAAW,EAAE,IAAI,CAAC,4BAA4B,EAC9C,aAAa,EAAE,IAAI,CAAC,yBAAyB,EAC7C,aAAa,EAAE,IAAI,CAAC,yBAAyB,EAC7C,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,kBAAkB,IAAI,EAAE,CAAC,EAC3D,gBAAgB,EAAE,IAAI,CAAC,2BAA2B,EAClD,EAAE,EAAC,eAAe,EAAA,aAAA,EACN,GAAG,EAAA,CACY,CACzB,EAENA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3BA,OACE,CAAA,2BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,gBAAgB,EAAC,OAAO,EACxB,MAAM,EAAC,UAAU,EACjB,WAAW,EAAE,IAAI,CAAC,wBAAwB,EAC1C,aAAa,EAAE,IAAI,CAAC,sBAAsB,EAC1C,aAAa,EAAE,IAAI,CAAC,sBAAsB,EAC1C,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,eAAe,IAAI,EAAE,CAAC,EACxD,gBAAgB,EAAE,IAAI,CAAC,wBAAwB,EAC/C,EAAE,EAAC,WAAW,EAAA,aAAA,EACF,GAAG,EAAA,CACY,CACzB,EAENA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtBA,OAAA,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAgB,KAAK,EAAC,eAAe,EAAC,OAAO,EAAE,IAAI,CAAC,4BAA4B,EAAA,CAAI,CAChF,CACQ,CACZ,EAENA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACpBA,OAAA,CAAA,2BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,IAAI,EAAA,cAAA,EACC,YAAY,EACzB,WAAW,EAAE,IAAI,CAAC,qBAAqB,EACvC,aAAa,EAAE,IAAI,CAAC,oBAAoB,EACxC,aAAa,EAAE,IAAI,CAAC,gBAAgB,EAAE,EACtC,gBAAgB,EAAE,IAAI,CAAC,sBAAsB,EAC7C,EAAE,EAAC,SAAS,EAAA,EAEZA,OAAA,CAAA,kCAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkC,KAAK,EAAC,cAAc,EAAC,KAAK,EAAC,aAAa,EAAoC,CAAA,EAC9GA,OAAA,CAAA,kCAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,cAAc,EAAoC,CAAA,EAC9GA,OAAA,CAAA,kCAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAC,sBAAsB,EAAoC,CAAA,EAC9HA,OAAA,CAAA,kCAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkC,KAAK,EAAC,eAAe,EAAC,KAAK,EAAC,gBAAgB,EAAoC,CAAA,EACjH,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,EAAE,MAAM,GAAG,CAAC,GAAGA,OAAA,CAAA,kCAAA,EAAA,EAAkC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,EAAA,CAAoC,GAAG,IAAI,CAC5H,CACxB,CACF,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/BA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC1B,IAAI,CAAC,sBAAsB,KAC1BA,OACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,MAAK;AACZ,gBAAA,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC;AACjC,aAAC,EAEA,EAAA,IAAI,CAAC,sBAAsB,CACvB,CACR,EACA,IAAI,CAAC,yBAAyB,KAC7BA,OACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,MAAK;AACZ,gBAAA,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC;AACpC,aAAC,EAEA,EAAA,IAAI,CAAC,yBAAyB,CAC1B,CACR,EACA,IAAI,CAAC,sBAAsB,KAC1BA,OACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,MAAK;AACZ,gBAAA,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC;AAChC,aAAC,IAEA,IAAI,CAAC,sBAAsB,CACvB,CACR,CACG,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACpBA,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,OAAO,EAAE,IAAI,CAAC,cAAc,EAAA,EAAA,WAAA,CAAe,CAC1C,CACF,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxBA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,eAAe,EAAA,CAAQ,CAC9B,CACF,CACF;;;;;;;IASH,gBAAgB,GAAA;AACrB,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,oBAAoB;AAC9C,QAAA,IAAI,YAAY,KAAK,SAAS,EAAE;AAC9B,YAAA,OAAO,SAAS;;AAElB,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE;QACzC,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CAAC,MAAM,IAAG;YAC3C,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,YAAY,CAAC,WAAW,EAAE;AAClE,SAAC,CAAC,CAAC,CAAC,CAAC;AAEL,QAAA,OAAO,QAAQ,KAAR,IAAA,IAAA,QAAQ,uBAAR,QAAQ,CAAE,KAAK;;IAGhB,cAAc,GAAA;;QAKpB,MAAM,cAAc,GAAoB,MAAM,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;AACpF,QAAA,MAAM,kBAAkB,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,KAAK,WAAW,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;QAEpG,OAAO,kBAAkB,CAAC,GAAG,CAAC,CAAC,GAAkB,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;;IAG/F,aAAa,GAAA;AACnB,QAAA,OAAO,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC;;AAGlE,IAAA,cAAc,CAAC,OAAmD,EAAA;AAIxE,QAAA,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;AAC/B,YAAA,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;;AAE/B,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC1B,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAc,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;;AAG5E,QAAA,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;;;","names":["h","faMagnifyingGlass"],"sources":["src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.scss?tag=biggive-campaign-card-filter-grid&encapsulation=shadow","src/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n  display: content;\n}\n\n// Each select needs a higher z-index than the one below,\n// so that the drop-down part will occlude it.\n.select-wrapper-1, .select-wrapper-2, .select-wrapper-3, .select-wrapper-4 {\n  position: relative;\n  margin-top: 1em;\n}\n.select-wrapper-1 {\n  z-index: 4;\n}\n.select-wrapper-2 {\n  z-index: 3;\n}\n.select-wrapper-3 {\n   z-index: 2;\n }\n.select-wrapper-4 {\n  z-index: 1;\n}\n\n.container {\n  @include standard-font();\n  position: relative;\n  .search-wrap {\n    @include lower-shadow();\n    background-color: $colour-white;\n    padding: $spacer-3 $spacer-4;\n    margin-bottom: $spacer-3;\n    h4 {\n      margin-bottom: $spacer-3;\n    }\n    .field-wrap {\n      @include flex-container-row();\n\n      .input-wrap {\n        @include flex-container-row();\n        padding-bottom: $spacer-1;\n        border-bottom: 1px solid $colour-black;\n        margin-right: $spacer-4;\n        flex-grow: 1;\n        input {\n          border: 0;\n        }\n      }\n      button {\n        padding: 5px 30px;\n      }\n    }\n  }\n}\n.selected-filter-wrap {\n  display: flex;\n  margin-bottom: 23px;\n  padding: 0;\n  .button {\n    margin-bottom: 7px;\n    display: inline-block;\n    cursor: pointer;\n    border-radius: 20px;\n    padding: 5px 50px 5px 20px;\n    margin-right: 15px;\n    background-color: $colour-tertiary-coral;;\n    color: $colour-black;\n    border: 1px solid $colour-tertiary-coral;\n    text-decoration: none;\n    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTguNCAxOC40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOC40IDE4LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7c3Ryb2tlOiMwMDAwMDA7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOS4yLDguNUwxNywwLjdsMC43LDAuN0w5LjksOS4ybDcuOCw3LjhMMTcsMTcuN0w5LjIsOS45bC03LjgsNy44TDAuNywxN2w3LjgtNy44TDAuNywxLjRsMC43LTAuN0w5LjIsOC41eiIvPgo8L3N2Zz4K);\n    background-repeat: no-repeat;\n    background-position: right 20px center;\n    background-size: 12px auto;\n    &:hover {\n     background-color: $colour-white;\n     color: $colour-black;\n   }\n  }\n  .clear-all {\n    margin-left: auto;\n    a {\n      display: inline-block;\n      cursor: pointer;\n      border-radius: 20px;\n      padding: 5px 20px;\n      background-color: $colour-primary-blue;\n      color: $colour-white;\n      border: 1px solid $colour-primary-blue;\n      text-decoration: none;\n      &:hover {\n       background-color: $colour-white;\n       color: $colour-primary-blue;\n     }\n    }\n  }\n}\n\n.sort-filter-wrap {\n  display: flex;\n  justify-content: flex-end;\n  margin-bottom: $spacer-4;\n  padding: 0;\n  text-align: right;\n  .clear-all {\n    cursor: pointer;\n    vertical-align: center;\n    margin-top: auto;\n    margin-bottom: auto;\n  }\n\n    display: flex;\n    .sort-wrap {\n      margin-left: 15px;\n    }\n\n    .filter-wrap {\n      background-color: $colour-grey-background; // temp for testing dropdown\n\n      margin-left: $spacer-3;\n\n      .button.filter {\n        padding-left: 60px;\n        padding-right: 30px;\n\n      .filter-icon {\n        content: '';\n        display: block;\n        position: absolute;\n        left: 25px;\n        top: 17px;\n        width: 13px;\n        height: 13px;\n\n        svg {\n          width: 100%;\n          height: auto;\n          vertical-align: top;\n\n          &:hover {\n            fill: $colour-primary-blue;\n          }\n        }\n      }\n    }\n  }\n}\n\n.icon {\n  @include icon();\n  margin: auto;\n\n  > path {\n    fill: $colour-primary-blue;\n  }\n}\n\n.icon-clear-all {\n  > path {\n    fill: $colour-black;\n  }\n}\n\n@media screen and (max-width: $screen-mobile-small) {\n  .sort-filter-wrap {\n    flex-direction: column-reverse;\n    .sort-wrap {\n      margin-top: 20px;\n      margin-bottom: 20px;\n    }\n  }\n}\n\n@media screen and (max-width: $screen-mobile-x-small) {\n  .sort-filter-wrap {\n    justify-content: space-between;\n    .sort-wrap {\n      margin-left: 0px;\n    }\n    .filter-wrap {\n      margin-left: 3px;\n    }\n  }\n}\n\n.align-right {\n  text-align: right;\n}\n\n.input-text {\n    @include input-text();\n}\n\n.text-colour-primary {\n  color: $colour-primary-blue;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State } from '@stencil/core';\nimport { faMagnifyingGlass } from '@fortawesome/pro-solid-svg-icons';\n\nconst sortOptionLabels = {\n  relevance: 'Relevance',\n  amountRaised: 'Most raised',\n  leastRaised: 'Least raised',\n  closeToTarget: 'Nearest target',\n  matchFundsRemaining: 'Most funds remaining',\n} as const;\n\nexport type sortOptionKey = keyof typeof sortOptionLabels;\nexport type sortOptionLabel = (typeof sortOptionLabels)[sortOptionKey];\n\n@Component({\n  tag: 'biggive-campaign-card-filter-grid',\n  styleUrl: 'biggive-campaign-card-filter-grid.scss',\n  shadow: true,\n})\nexport class BiggiveCampaignCardFilterGrid {\n  private sortByPlaceholderText = 'Sort by';\n  private beneficiariesPlaceHolderText = 'Select beneficiary';\n  private categoriesPlaceHolderText = 'Select category';\n  private locationsPlaceHolderText = 'Select location';\n  private initialSortByOption: sortOptionLabel;\n\n  /**\n   * This and similar properties represent selections made in the popup but not yet applied.\n   */\n  private newSelectedFilterCategory: string | null = null;\n  private newSelectedFilterBeneficiary: string | null = null;\n  private newSelectedFilterLocation: string | null = null;\n\n  @Element() el: HTMLBiggiveCampaignCardFilterGridElement;\n\n  /**\n   * This event `doSearchAndFilterUpdate` event is emitted and propogates to the parent\n   * component which handles it\n   */\n  @Event({\n    eventName: 'doSearchAndFilterUpdate',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  doSearchAndFilterUpdate: EventEmitter<{\n    searchText: string | null;\n    sortBy: string | null;\n    filterCategory: string | null;\n    filterBeneficiary: string | null;\n    filterLocation: string | null;\n  }>;\n\n  /**\n   * Typically on non-negligible scroll away from the search area.\n   */\n  @Method() async unfocusInputs() {\n    this.unfocusTextInput();\n  }\n\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n\n  /**\n   * Intro\n   */\n  @Prop() intro: string = 'Find a charity or project';\n\n  /**\n   * Optional search text prop. Useful for pre-populating the search field\n   * when the page is loaded with a search term already existing in the URL.\n   * This can happen when sharing links, or if a donor goes to a campaign page\n   * after searching, and then returns to the search results. In such a case,\n   * the search box text will clear, unless we use this prop to populate it on\n   * rendering. DON-652.\n   */\n  @Prop() searchText: string | null = null;\n\n  /**\n   * Defines the text displayed as the placeholder in the input field\n   * before the user types anything\n   */\n  @Prop() placeholderText: string = 'Search';\n\n  /**\n   * Defines the text on the search button\n   */\n  @Prop() buttonText: string = 'Search';\n\n  /**\n   * JSON array of category key/values, or takes a stringified equiavalent (for Storybook)\n   */\n  @Prop() categoryOptions: string | Record<string, string> | string[];\n\n  /**\n   * JSON array of beneficiary key/values, or takes a stringified equiavalent (for Storybook)\n   */\n  @Prop() beneficiaryOptions: string | Record<string, string> | string[];\n\n  /**\n   * JSON array of location key/values, or takes a stringified equiavalent (for Storybook)\n   */\n  @Prop() locationOptions: string | Record<string, string> | string[];\n\n  /**\n   * This helps us inject a pre-selected dropdown value from outside of this component.\n   * This is especially helpful for the Meta campaign and Explore pages, where searching\n   * by text wipes out previous sort options and re-uses Relevance, or where one of those\n   * two pages is loaded directly with URL parameters - in such a scenario the dropdown\n   * shows that it's pre-selected. DON-558.\n   */\n  @Prop({ mutable: true })\n  selectedSortByOption: sortOptionLabel;\n\n  /**\n   * For injecting the chosen category to filter by, as per the comment above for `selectedSortByOption`.\n   */\n  @Prop({ mutable: true }) selectedFilterCategory: string | null = null;\n\n  /**\n   * For injecting the chosen beneficiary to filter by, as per the comment above for `selectedSortByOption`.\n   */\n  @Prop({ mutable: true }) selectedFilterBeneficiary: string | null = null;\n\n  /**\n   * For injecting the chosen location to filter by, as per the comment above for `selectedSortByOption`.\n   */\n  @Prop({ mutable: true }) selectedFilterLocation: string | null = null;\n\n  /**\n   * State variable - causes re-render on change\n   */\n  @State() filtersApplied: boolean;\n\n  private categoryFilterSelectionChanged = (value: string) => {\n    this.newSelectedFilterCategory = value;\n  };\n\n  private beneficiarySelectionChanged = (value: string) => {\n    this.newSelectedFilterBeneficiary = value;\n  };\n\n  private locationSelectionChanged = (value: string) => {\n    this.newSelectedFilterLocation = value;\n  };\n\n  private sortBySelectionChanged = (value: sortOptionLabel) => {\n    this.selectedSortByOption = value;\n    this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n  };\n\n  private getSearchAndFilterObject() {\n    return {\n      searchText: this.searchText,\n      sortBy: this.selectedSortByOption,\n      filterCategory: this.selectedFilterCategory,\n      filterBeneficiary: this.selectedFilterBeneficiary,\n      filterLocation: this.selectedFilterLocation,\n    };\n  }\n\n  private handleApplyFilterButtonClick = () => {\n    this.selectedFilterCategory = this.newSelectedFilterCategory ?? this.selectedFilterCategory;\n    this.selectedFilterBeneficiary = this.newSelectedFilterBeneficiary ?? this.selectedFilterBeneficiary;\n    this.selectedFilterLocation = this.newSelectedFilterLocation ?? this.selectedFilterLocation;\n\n    const searchAndFilterObj = this.getSearchAndFilterObject();\n    this.doSearchAndFilterUpdate.emit(searchAndFilterObj);\n\n    const filterPopup = this.el.shadowRoot?.getElementById('filter-popup') as HTMLBiggivePopupElement | undefined;\n    if (filterPopup) {\n      filterPopup.closeFromOutside();\n    }\n\n    this.filtersApplied =\n      typeof searchAndFilterObj.filterBeneficiary === 'string' || typeof searchAndFilterObj.filterCategory === 'string' || typeof searchAndFilterObj.filterLocation === 'string';\n  };\n\n  private removeFilter(filterKey: 'locations' | 'categories' | 'beneficiaries') {\n    switch (filterKey) {\n      case 'beneficiaries':\n        this.selectedFilterBeneficiary = null;\n        break;\n      case 'categories':\n        this.selectedFilterCategory = null;\n        break;\n      case 'locations':\n        this.selectedFilterLocation = null;\n        break;\n      default:\n        // This asks the compiler to check that we are in dead code, i.e. we covered all the possible filter keys\n        // above. If we missed one we would get a compile error trying to assign a string to a never.\n        const exhaustiveSwitch: never = filterKey;\n        console.error(exhaustiveSwitch);\n    }\n\n    const selectEl = this.el.shadowRoot?.getElementById(filterKey) as HTMLBiggiveFormFieldSelectElement | undefined;\n    if (!selectEl) {\n      return;\n    }\n\n    selectEl.selectedLabel = null;\n    selectEl.selectedValue = null;\n    this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n  }\n\n  private handleSearchButtonPressed = () => {\n    this.unfocusTextInput();\n    this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n\n    if (this.hasSearchTerm()) {\n      this.selectedSortByOption = 'Relevance';\n    }\n  };\n\n  private handleSearchTextChanged = (event: any) => {\n    this.searchText = event.target.value;\n  };\n\n  private handleEnterPressed = (ev: KeyboardEvent) => {\n    if (ev.key === 'Enter') {\n      this.unfocusTextInput();\n      this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());\n    }\n  };\n\n  private handleFilterButtonClick = () => {\n    this.newSelectedFilterBeneficiary = this.selectedFilterBeneficiary;\n    this.newSelectedFilterCategory = this.selectedFilterCategory;\n    this.newSelectedFilterLocation = this.selectedFilterLocation;\n\n    const filterPopup = this.el.shadowRoot?.getElementById('filter-popup') as HTMLBiggivePopupElement | undefined;\n    if (filterPopup) {\n      filterPopup.openFromOutside();\n    }\n  };\n\n  private handleClearAll = () => {\n    this.unfocusTextInput();\n\n    // Set the 'Filters' button back to the primary background colour\n    this.filtersApplied = false;\n\n    // Clear all\n    this.searchText = null;\n    this.selectedSortByOption = this.initialSortByOption;\n    this.selectedFilterBeneficiary = null;\n    this.selectedFilterCategory = null;\n    this.selectedFilterLocation = null;\n\n    // Clear <biggive-form-field-select> components' internal selectedValue and selectedLabel. DON-654.\n    ['sort-by', 'categories', 'beneficiaries', 'locations', 'funding'].forEach(id => {\n      const theEl = this.el.shadowRoot?.getElementById(id) as HTMLBiggiveFormFieldSelectElement | undefined;\n      if (!theEl) {\n        return;\n      }\n\n      theEl.selectedValue = null;\n      theEl.selectedLabel = null;\n    });\n\n    const selectedFilters = this.el.shadowRoot?.querySelector('.selected-filters');\n    if (selectedFilters) {\n      selectedFilters.querySelectorAll('.button').forEach(button => {\n        button.remove();\n      });\n    }\n\n    // Emit the doSearchAndFilterUpdate event with null values. DON-654\n    this.doSearchAndFilterUpdate.emit({\n      searchText: null,\n      sortBy: null,\n      filterCategory: null,\n      filterBeneficiary: null,\n      filterLocation: null,\n    });\n  };\n\n  /**\n   * We've seen desktop Safari jump to this input when it's focused at times when that's\n   * unhelpful, so on a few occasions we proactively blur it.\n   */\n  private unfocusTextInput() {\n    const input = this.el.shadowRoot?.querySelector('.input-text') as HTMLInputElement | undefined;\n    input?.blur();\n  }\n\n  componentWillRender() {\n    this.filtersApplied = this.selectedFilterCategory !== null || this.selectedFilterBeneficiary !== null || this.selectedFilterLocation !== null;\n    this.initialSortByOption = this.selectedSortByOption;\n  }\n\n  render() {\n    const sortOptions = this.getSortOptions();\n\n    return (\n      <div class={'container space-below-' + this.spaceBelow}>\n        <div class=\"sleeve\">\n          <div class=\"search-wrap\">\n            <h4>{this.intro}</h4>\n            <div class=\"field-wrap\">\n              <div class=\"input-wrap\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon\" viewBox=\"0 0 512 512\">\n                  <path d={faMagnifyingGlass.icon[4].toString()} />\n                </svg>\n                <input\n                  type=\"text\"\n                  value={this.searchText ?? ''}\n                  class=\"input-text\"\n                  placeholder={this.placeholderText}\n                  onInput={this.handleSearchTextChanged}\n                  onKeyDown={this.handleEnterPressed}\n                />\n              </div>\n              <biggive-button onClick={this.handleSearchButtonPressed} label={this.buttonText} />\n            </div>\n          </div>\n          <div class=\"sort-filter-wrap\">\n            <div class=\"filter-wrap\">\n              <biggive-button class=\"filter\" colourScheme=\"primary\" onClick={this.handleFilterButtonClick} label=\"Filter\" fullWidth={true} space-below=\"0\"></biggive-button>\n              <biggive-popup id=\"filter-popup\">\n                <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Filters</h4>\n                <div class=\"select-wrapper-1\">\n                  <biggive-form-field-select\n                    backgroundColour=\"white\"\n                    prompt=\"Category\"\n                    placeholder={this.categoriesPlaceHolderText}\n                    selectedLabel={this.selectedFilterCategory}\n                    selectedValue={this.selectedFilterCategory}\n                    options={this.optionsToArray(this.categoryOptions || [])}\n                    selectionChanged={this.categoryFilterSelectionChanged}\n                    id=\"categories\"\n                    space-below=\"2\"\n                  ></biggive-form-field-select>\n                </div>\n\n                <div class=\"select-wrapper-2\">\n                  <biggive-form-field-select\n                    backgroundColour=\"white\"\n                    prompt=\"Beneficiary\"\n                    placeholder={this.beneficiariesPlaceHolderText}\n                    selectedLabel={this.selectedFilterBeneficiary}\n                    selectedValue={this.selectedFilterBeneficiary}\n                    options={this.optionsToArray(this.beneficiaryOptions || [])}\n                    selectionChanged={this.beneficiarySelectionChanged}\n                    id=\"beneficiaries\"\n                    space-below=\"2\"\n                  ></biggive-form-field-select>\n                </div>\n\n                <div class=\"select-wrapper-3\">\n                  <biggive-form-field-select\n                    backgroundColour=\"white\"\n                    prompt=\"Location\"\n                    placeholder={this.locationsPlaceHolderText}\n                    selectedLabel={this.selectedFilterLocation}\n                    selectedValue={this.selectedFilterLocation}\n                    options={this.optionsToArray(this.locationOptions || [])}\n                    selectionChanged={this.locationSelectionChanged}\n                    id=\"locations\"\n                    space-below=\"2\"\n                  ></biggive-form-field-select>\n                </div>\n\n                <div class=\"align-right\">\n                  <biggive-button label=\"Apply filters\" onClick={this.handleApplyFilterButtonClick} />\n                </div>\n              </biggive-popup>\n            </div>\n\n            <div class=\"sort-wrap\">\n              <biggive-form-field-select\n                options={sortOptions}\n                prompt={null}\n                select-style=\"underlined\"\n                placeholder={this.sortByPlaceholderText}\n                selectedLabel={this.selectedSortByOption}\n                selectedValue={this.getSelectedValue()}\n                selectionChanged={this.sortBySelectionChanged}\n                id=\"sort-by\"\n              >\n                <biggive-form-field-select-option value=\"amountRaised\" label=\"Most raised\"></biggive-form-field-select-option>\n                <biggive-form-field-select-option value=\"leastRaised\" label=\"Least raised\"></biggive-form-field-select-option>\n                <biggive-form-field-select-option value=\"matchFundsRemaining\" label=\"Most funds remaining\"></biggive-form-field-select-option>\n                <biggive-form-field-select-option value=\"closeToTarget\" label=\"Nearest target\"></biggive-form-field-select-option>\n                {(this.searchText || '').length > 0 ? <biggive-form-field-select-option value=\"Relevance\" label=\"Relevance\"></biggive-form-field-select-option> : null}\n              </biggive-form-field-select>\n            </div>\n          </div>\n          <div class=\"selected-filter-wrap\">\n            <div class=\"selected-filters\">\n              {this.selectedFilterCategory && (\n                <span\n                  class=\"button\"\n                  onClick={() => {\n                    this.removeFilter('categories');\n                  }}\n                >\n                  {this.selectedFilterCategory}\n                </span>\n              )}\n              {this.selectedFilterBeneficiary && (\n                <span\n                  class=\"button\"\n                  onClick={() => {\n                    this.removeFilter('beneficiaries');\n                  }}\n                >\n                  {this.selectedFilterBeneficiary}\n                </span>\n              )}\n              {this.selectedFilterLocation && (\n                <span\n                  class=\"button\"\n                  onClick={() => {\n                    this.removeFilter('locations');\n                  }}\n                >\n                  {this.selectedFilterLocation}\n                </span>\n              )}\n            </div>\n            <div class=\"clear-all\">\n              <a onClick={this.handleClearAll}>Clear all</a>\n            </div>\n          </div>\n          <div class=\"campaign-grid\">\n            <slot name=\"campaign-grid\"></slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // I'm not sure if I understand the reasoning for own-methods-must-be-private. I made the method below public to unit\n  // test it. Maybe the idea is that we should move anything with enough logic to test outside the component class? I\n  // can do that if people think it's better.\n  //\n  // eslint-disable-next-line @stencil-community/own-methods-must-be-private\n  public getSelectedValue(): undefined | string {\n    const sortByOption = this.selectedSortByOption;\n    if (sortByOption === undefined) {\n      return undefined;\n    }\n    const sortOptions = this.getSortOptions();\n    const selected = sortOptions.filter(option => {\n      return option.label.toLowerCase() === sortByOption.toLowerCase();\n    })[0];\n\n    return selected?.value;\n  }\n\n  private getSortOptions(): {\n    label: sortOptionLabel;\n    value: sortOptionKey;\n  }[] {\n    // @ts-ignore  - see https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208\n    const sortOptionKeys: sortOptionKey[] = Object.getOwnPropertyNames(sortOptionLabels);\n    const relevantOptionKeys = sortOptionKeys.filter(key => key !== 'relevance' || this.hasSearchTerm());\n\n    return relevantOptionKeys.map((key: sortOptionKey) => ({ value: key, label: sortOptionLabels[key] }));\n  }\n\n  private hasSearchTerm() {\n    return typeof this.searchText === 'string' && this.searchText.length > 0;\n  }\n\n  private optionsToArray(options: string | Record<string, string> | string[]): {\n    label: string;\n    value: string;\n  }[] {\n    if (typeof options === 'string') {\n      options = JSON.parse(options);\n    }\n    if (Array.isArray(options)) {\n      return options.map((option: string) => ({ value: option, label: option }));\n    }\n\n    return Object.entries(options).map(entry => ({ value: entry[0], label: entry[1] }));\n  }\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"file":"biggive-campaign-card.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-campaign-card/biggive-campaign-card.scss?tag=biggive-campaign-card&encapsulation=shadow","src/components/biggive-campaign-card/biggive-campaign-card.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n\n:host {\n  display: contents;\n}\n\n* {\n  //outline: 1px dotted red;\n}\n\n.container {\n  @include flex-container-column();\n  @include standard-font();\n  @include lower-shadow();\n  margin-right: 10px;\n  margin-left: 10px;\n\n  cursor: pointer; // Fallback click behaviour is to go to info URL.\n\n  position: relative;\n  height: 100%;\n  background-color: $colour-white;\n  padding: $spacer-3;\n  box-sizing: border-box;\n  .sleeve {\n    @include flex-container-column();\n    height: 100%;\n    .above-button-wrap {\n      // we want all the height variation to be inside this element, so that the button is always at the same position\n      // right at the bottom of the card.\n      flex-grow: 1;\n      @include flex-container-column();\n      .title-wrap {\n        // and specifically we want the spare height to go under the charity name.\n        flex-grow: 1;\n      }\n    }\n  }\n  .campaign-type {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    font-weight: bold;\n    span {\n      background-color: $colour-secondary-green;\n      color: $colour-black;\n      padding: $spacer-1 $spacer-3;\n      display: inline-block;\n    }\n  }\n  .banner {\n    top: 0;\n    margin-top: 19px;\n    padding-bottom: $aspect-ratio-banners;\n    background-color: #F1F1F1;\n    background-size: contain;\n    background-repeat: no-repeat;\n    img {\n      display: none;\n    }\n  }\n  h3 {\n    @include heading-4();\n  }\n  .button {\n    display: block;\n  }\n  .organisation-name {\n    margin-bottom: $spacer-4;\n    color: $colour-primary-blue;\n  }\n  .meta-wrap {\n    @include flex-container-row();\n    margin-top: auto;\n    margin-bottom: $spacer-3;\n    .meta-item {\n      width: calc( 50% - $spacer-3 );\n      .label {\n        @include font-size-x-small();\n        display: block;\n      }\n      .text {\n        @include heading-3();\n        display: block;\n      }\n      &:last-child {\n        text-align: right;\n        .text {\n          color: $colour-primary-blue;\n        }\n      }\n    }\n  }\n  .progress-bar-wrap {\n    padding-bottom: $spacer-2;\n    margin-bottom: $spacer-2;\n    border-bottom: 1px solid $colour-grey-light;\n  }\n\n  .msg-wrapper {\n    display: flex;\n    justify-content: center;\n\n    biggive-misc-icon {\n      margin-top: auto;\n      margin-bottom: auto;\n    }\n\n    p {\n      text-align: center;\n\n      @media screen and (max-width: $screen-desktop-max) {\n        font-size: 15px;\n      }\n    }\n  }\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-campaign-card',\n  styleUrl: 'biggive-campaign-card.scss',\n  shadow: true,\n})\nexport class BiggiveCampaignCard {\n  @Event({\n    eventName: 'doCardGeneralClick',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  doCardGeneralClick: EventEmitter<{ event: object; url: string }>;\n\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 4;\n  /**\n   * e.g. \"Match Funded\".\n   */\n  @Prop() campaignType: string;\n\n  /**\n   * Full URL of a banner image.\n   */\n  @Prop() banner: string;\n\n  /**\n   * Display name of the charity's specific time-bound fundraising campaign.\n   */\n  @Prop() campaignTitle: string;\n\n  /**\n   * Display name of the charity or non-profit.\n   */\n  @Prop() organisationName: string;\n\n  /**\n   * Label for the primary figure – may be null or omitted for no label or if there's no figure.\n   */\n  @Prop() primaryFigureLabel: string | null;\n\n  /**\n   * Amount for the primary figure, formatted with currency symbol – null or omit to hide the figure & label.\n   */\n  @Prop() primaryFigureAmount: string | null;\n\n  /**\n   * Label for the secondary figure – may be null or omitted for no label or if there's no figure.\n   */\n  @Prop() secondaryFigureLabel: string | null;\n\n  /**\n   * Amount for the secondary figure, formatted with currency symbol – null or omit to hide the figure & label.\n   */\n  @Prop() secondaryFigureAmount: string | null;\n\n  /**\n   * Progress bar percentage – null or omit to hide the progress bar.\n   */\n  @Prop() progressBarCounter: number | null;\n\n  /**\n   * Donate button label\n   */\n  @Prop() donateButtonLabel: string = 'Donate now';\n\n  /**\n   * Donate button url\n   */\n  @Prop() donateButtonUrl: string;\n\n  /**\n   * Donate button colour scheme\n   */\n  @Prop() donateButtonColourScheme: string = 'primary';\n\n  /**\n   * More information button label\n   */\n  @Prop() moreInfoButtonLabel: string = 'Find out more';\n\n  /**\n   * More information button url\n   */\n  @Prop() moreInfoButtonUrl: string;\n\n  /**\n   * Donate button colour scheme\n   */\n  @Prop() moreInfoButtonColourScheme: string = 'clear-primary';\n\n  /**\n   * Boolean flag telling the component if the campaign is in the future (not open yet).\n   */\n  @Prop() isFutureCampaign: boolean = false;\n\n  /**\n   * Boolean flag telling the component if the campaign is in the future (not open yet).\n   */\n  @Prop() isPastCampaign: boolean = false;\n\n  /**\n   * To be used alongside isFutureCampaign = true or isPastCampaign = true.\n   * If either is true, we render out: 'Launches: ' + datetime or 'Closed: ' + datetime.\n   * Preferred format: DD/MM/YYYY, HH:MM\n   * DON-661.\n   */\n  @Prop() datetime: string;\n\n  private isEmpty(value?: number | string | null) {\n    return value === undefined || value === null || value === '';\n  }\n\n  private handleCardGeneralClick = (event: any) => {\n    this.doCardGeneralClick.emit({ event, url: this.moreInfoButtonUrl });\n  };\n\n  render() {\n    return (\n      <div class={'container space-below-' + this.spaceBelow.toString()}>\n        <div class=\"sleeve\">\n          <div onClick={this.handleCardGeneralClick} class=\"above-button-wrap\">\n            {this.campaignType !== null ? (\n              <div class=\"campaign-type\">\n                <span>{this.campaignType}</span>\n              </div>\n            ) : null}\n\n            {this.banner !== null && this.banner !== undefined ? (\n              <div class=\"image-wrap banner\" role=\"presentation\" style={{ 'background-image': 'url(' + this.banner + ')' }}></div>\n            ) : (\n              <div class=\"image-wrap banner\"></div>\n            )}\n\n            <div class=\"title-wrap\">\n              <h3>{this.campaignTitle}</h3>\n              <div class=\"organisation-name\">By {this.organisationName}</div>\n            </div>\n\n            {this.isEmpty(this.primaryFigureAmount) && this.isEmpty(this.secondaryFigureAmount) ? null : (\n              <div class=\"meta-wrap\">\n                {this.isEmpty(this.primaryFigureAmount) ? null : (\n                  <div class=\"meta-item\">\n                    <span class=\"label\">{this.primaryFigureLabel}</span>\n                    <span class=\"text\">{this.primaryFigureAmount}</span>\n                  </div>\n                )}\n                {this.isEmpty(this.secondaryFigureAmount) ? null : (\n                  <div class=\"meta-item\">\n                    <span class=\"label\">{this.secondaryFigureLabel}</span>\n                    <span class=\"text\">{this.secondaryFigureAmount}</span>\n                  </div>\n                )}\n              </div>\n            )}\n            {this.isEmpty(this.progressBarCounter) ? (\n              // We don't have a progress bar to show in this case, so the following is just functioning as a spacer to\n              // keep layout consistent. Counter must be non-null to make bar display.\n              <div class=\"progress-bar-wrap\" style={{ visibility: 'hidden' }}>\n                <biggive-progress-bar counter={0} colour-scheme=\"primary\"></biggive-progress-bar>\n              </div>\n            ) : (\n              <div class=\"progress-bar-wrap\">\n                <biggive-progress-bar counter={this.progressBarCounter} colour-scheme=\"primary\"></biggive-progress-bar>\n              </div>\n            )}\n          </div>\n          <div class=\"button-wrap\">\n            {this.isFutureCampaign || this.isPastCampaign ? (\n              <div class=\"msg-wrapper\">\n                <biggive-misc-icon background-colour=\"white\" icon-colour=\"black\" icon=\"Timer\"></biggive-misc-icon>\n                {this.isFutureCampaign ? <p>Launches {this.datetime}</p> : <p>Closed {this.datetime}</p>}\n              </div>\n            ) : (\n              <biggive-button full-width=\"true\" colour-scheme={this.donateButtonColourScheme} url={this.donateButtonUrl} label={this.donateButtonLabel}></biggive-button>\n            )}\n            <biggive-button full-width=\"true\" colour-scheme={this.moreInfoButtonColourScheme} url={this.moreInfoButtonUrl} label={this.moreInfoButtonLabel}></biggive-button>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/biggive-campaign-highlights.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"biggive-campaign-highlights.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-campaign-highlights/biggive-campaign-highlights.scss?tag=biggive-campaign-highlights&encapsulation=shadow","src/components/biggive-campaign-highlights/biggive-campaign-highlights.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  @include lower-shadow();\n  background-color: $colour-white;\n  padding: 25px;\n  box-sizing: border-box;\n  height: fit-content;\n\n  .campaign-title {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n    font-weight: bold;\n    span {\n      background-color: $colour-secondary-green;\n      color: $colour-black;\n      padding: $spacer-1 $spacer-3;\n      display: inline-block;\n    }\n  }\n  .banner {\n    top: 0;\n    margin-top: 19px;\n    padding-bottom: $aspect-ratio-banners;\n    background-color: #F1F1F1;\n    background-size: contain;\n    background-repeat: no-repeat;\n    margin-bottom: $spacer-4;\n    img {\n      display: none;\n    }\n  }\n  .meta-wrap {\n    @include flex-container-row();\n    margin-top: auto;\n    margin-bottom: $spacer-3;\n    .meta-item {\n      width: calc( 50% - $spacer-3 );\n      .label {\n        @include font-size-small();\n        display: block;\n      }\n      .text {\n        @include heading-3();\n        display: block;\n\n        @media screen and (max-width: $screen-tablet-max) {\n          font-size: 23px;\n        }\n\n        @media screen and (max-width: $screen-mobile-max) {\n          font-size: 21px;;\n        }\n\n        @media screen and (max-width: $screen-mobile-small) {\n          font-size: 17px;\n        }\n      }\n      &:last-child {\n        text-align: right;\n        .text {\n          color: $colour-primary-blue;\n        }\n      }\n    }\n  }\n  .progress-bar-wrap {\n    padding-bottom: $spacer-2;\n    margin-bottom: $spacer-2;\n    border-bottom: 1px solid $colour-grey-light;\n  }\n  .stat-wrap {\n    @include flex-container-row();\n    .stat-item {\n      @include font-size-medium();\n      font-weight: bold;\n      width: calc( 50% - $spacer-3 );\n      margin: auto 0 auto $spacer-3;\n\n      .label {\n        position: relative;\n        bottom: 7px;\n      }\n\n      @media screen and (max-width: $screen-mobile-max) {\n        @include font-size-small();\n        margin: auto 0;\n        text-align: center;\n\n        .label {\n          bottom: 5px;\n        }\n      }\n\n      svg {\n        fill: $colour-tertiary-coral;\n      }\n    }\n  }\n\n  .championed-by {\n    text-align: left;\n    margin-left: 20px;\n    margin-top: 20px;\n    color: $colour-black;\n\n    font-size: 15px;\n\n    @media screen and (max-width: $screen-tablet-max) {\n      font-size: 14px;\n    }\n\n    @media screen and (max-width: $screen-mobile-max) {\n      text-align: center;\n      margin-left: 0;\n      margin-bottom: 10px;\n      font-size: 13px;\n    }\n\n    @media screen and (max-width: $screen-mobile-small) {\n      font-size: 12px;\n    }\n\n    a {\n      text-decoration: none;\n      font-weight: bold;\n      color: $colour-primary-blue;\n      @media screen and (max-width: $screen-mobile-small) {\n        // Show Champion Name on new line in smaller screens\n        display: block;\n      }\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-max) {\n    padding: 15px;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-campaign-highlights',\n  styleUrl: 'biggive-campaign-highlights.scss',\n  shadow: true,\n})\nexport class BiggiveCampaignHighlights {\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n\n  /**\n   * Full URL of a banner image.\n   */\n  @Prop() banner: string;\n\n  /**\n   * Display name of the charity's specific time-bound fundraising campaign.\n   */\n  @Prop() campaignTitle: string;\n\n  /**\n   * Label for the primary figure\n   */\n  @Prop() primaryFigureLabel: string;\n\n  /**\n   * Amount for the primary figure, formatted with currency symbol\n   */\n  @Prop() primaryFigureAmount: string;\n\n  /**\n   * Label for the secondary figure\n   */\n  @Prop() secondaryFigureLabel: string;\n\n  /**\n   * Amount for the secondary figure, formatted with currency symbol\n   */\n  @Prop() secondaryFigureAmount: string;\n\n  /**\n   * Progress bar percentage\n   */\n  @Prop() progressBarCounter: number | undefined = undefined;\n\n  /**\n   * Primary stat icon\n   */\n  @Prop() primaryStatIcon: string;\n\n  /**\n   * Primary stat text\n   */\n  @Prop() primaryStatText: string;\n\n  /**\n   * Secondary stat icon\n   */\n  @Prop() secondaryStatIcon: string;\n\n  /**\n   * Secondary stat text\n   */\n  @Prop() secondaryStatText: string;\n\n  /**\n   * Champion's name\n   */\n  @Prop() championName: string;\n\n  /**\n   * Link to all meta-campaigns funded by this champion.\n   * For example: /christmas-challenge-2022/the-reed-foundation-22\n   * In other words, it follows the following format:\n   * '/' + campaign.parentRef + '/' + campaign.championRef\n   */\n  @Prop() championUrl: string;\n\n  render() {\n    return (\n      <div class={'container space-below-' + this.spaceBelow}>\n        <div class=\"sleeve\">\n          {this.campaignTitle != null ? (\n            <div class=\"campaign-title\">\n              <span>{this.campaignTitle}</span>\n            </div>\n          ) : null}\n\n          {this.banner !== null && this.banner !== undefined ? (\n            <div class=\"image-wrap banner\" style={{ 'background-image': 'url(' + this.banner + ')' }}>\n              <img src={this.banner} class=\"banner\" />\n            </div>\n          ) : null}\n\n          <div class=\"meta-wrap\">\n            <div class=\"meta-item\">\n              <span class=\"label\">{this.primaryFigureLabel}</span>\n              <span class=\"text\">{this.primaryFigureAmount}</span>\n            </div>\n            <div class=\"meta-item\">\n              <span class=\"label\">{this.secondaryFigureLabel}</span>\n              <span class=\"text\">{this.secondaryFigureAmount}</span>\n            </div>\n          </div>\n          <div class=\"progress-bar-wrap\">\n            <biggive-progress-bar counter={this.progressBarCounter} colour-scheme=\"primary\"></biggive-progress-bar>\n          </div>\n          <div class=\"stat-wrap\">\n            {this.primaryStatIcon != null ? (\n              <div class=\"stat-item\">\n                <biggive-misc-icon icon={this.primaryStatIcon} background-colour=\"white\" icon-colour=\"tertiary\"></biggive-misc-icon>\n                <span class=\"label\">{this.primaryStatText}</span>\n              </div>\n            ) : null}\n            {this.secondaryStatIcon != null ? (\n              <div class=\"stat-item\">\n                <biggive-misc-icon icon={this.secondaryStatIcon} background-colour=\"white\" icon-colour=\"tertiary\"></biggive-misc-icon>\n                <span class=\"label\">{this.secondaryStatText}</span>\n              </div>\n            ) : null}\n          </div>\n          {this.championName != null ? (\n            <div class=\"championed-by\">\n              Championed by <a href={this.championUrl}>{this.championName}</a>\n            </div>\n          ) : null}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"file":"biggive-container-card.entry.cjs.js","mappings":";;;;AAAA,MAAM,uBAAuB,GAAG,y6OAAy6O;;MCS57O,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAkB,CAAC;AAE7B,QAAA,IAAgB,CAAA,gBAAA,GAAgB,SAAS;AAEzC,QAAA,IAAkB,CAAA,kBAAA,GAAW,EAAE;AAE/B,QAAA,IAAU,CAAA,UAAA,GAAgB,OAAO;AAEjC,QAAA,IAAU,CAAA,UAAA,GAAgB,OAAO;AAEjC,QAAA,IAAoB,CAAA,oBAAA,GAAY,IAAI;AAEpC,QAAA,IAAkB,CAAA,kBAAA,GAAY,IAAI;AAElC,QAAA,IAAY,CAAA,YAAA,GAA0B,CAAC;AAchD;IAZC,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,EACjG,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI,EAAE,EAAA,EAEvEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,2BAA2B,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,EAAA,EAC3FA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACF;;;;;;;","names":["h"],"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"],"version":3}

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

@@ -1 +0,0 @@
-{"file":"biggive-cookie-banner.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-cookie-banner/biggive-cookie-banner.scss?tag=biggive-cookie-banner&encapsulation=shadow","src/components/biggive-cookie-banner/biggive-cookie-banner.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\nh2:first-child {\n  // padding of the container is enough, a top margin would make the banner unsymmetrical.\n  margin-top: 0;\n}\n\ndiv.cooke-consent-container {\n  @include standard-font();\n  @include font-size-small();\n  border-radius: 10px;\n  background: white;\n  border: 1px solid black;\n  max-width: 650px;\n  padding: 1em;\n}\n\ndiv.button-group {\n  margin-top: 1em;\n  display: flex;\n  justify-content: space-evenly;\n  width: 100%;\n  flex-direction: column;\n  gap: 1em;\n\n  @media screen and (min-width: $screen-mobile-medium) {\n    flex-direction: row-reverse;\n  }\n}\n\nbiggive-popup {\n  @include font-size-medium();\n  div.content {\n    max-height: 95vh;\n    overflow: auto;\n    h5 {\n      border-bottom: 2px solid black;\n      max-width: 25em;\n      margin-bottom: 5px;\n    }\n\n    p {\n      margin-top: 5px;\n      margin-bottom: 8px;\n    }\n\n    div.radio-group {\n      margin-bottom: 30px;\n    }\n  }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-cookie-banner',\n  styleUrl: 'biggive-cookie-banner.scss',\n  shadow: true,\n})\nexport class BiggiveCookieBanner {\n  /**\n   * If true the Preferences modal will be auto-opened - for use when the user has requested to edit their cookie\n   * preferences\n   */\n  @Prop() autoOpenPreferences: boolean = false;\n  @Prop() blogUriPrefix!: string;\n\n  /**\n   * This type is similar to CookiePreferences from donate-frontend/src/app/cookiePreference.service.ts\n   * but afaik there isn't a nice way to share a type.\n   *\n   * When updating please also update the copy in the type of cookieBannerSavePreferencesSelected - using a named type\n   * there caused build problems.\n   *\n   * When updating please also update the type of cookieBannerSavePreferencesSelected - I didn't find a way\n   * to avoid the duplication.\n   */\n  @Prop() previouslyAgreedCookiePreferences:\n    | {\n        analyticsAndTesting: boolean;\n        thirdParty: boolean;\n      }\n    | undefined = undefined;\n  @Element() el: HTMLBiggiveCookieBannerElement;\n\n  @Event({\n    eventName: 'preferenceModalClosed',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  preferenceModalClosed: EventEmitter<void>;\n\n  /**\n   * Indicates that the user accepts cookies for any purpose, without discrimination.\n   */\n  @Event({\n    eventName: 'cookieBannerAcceptAllSelected',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  cookieBannerAcceptAllSelected: EventEmitter<void>;\n\n  /**\n   * Indicates that the user has made a selection of cookies purpose to accept.\n   *\n   * Event data is an object with boolean properties to say whether the user accepts or refuses each category of optional cookie.\n   *\n   * When updating this type please also update the type of previouslyAgreedCookiePreferences.\n   */\n  @Event({\n    eventName: 'cookieBannerSavePreferencesSelected',\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  cookieBannerSavePreferencesSelected: EventEmitter<{\n    analyticsAndTesting: boolean;\n    thirdParty: boolean;\n  }>;\n\n  componentDidLoad() {\n    this.autoOpenPreferencesIfRequested();\n  }\n\n  @Watch('autoOpenPreferences')\n  private autoOpenPreferencesIfRequested() {\n    if (this.autoOpenPreferences) {\n      this.handleChoosePrefencesClick();\n    }\n  }\n\n  private handleChoosePrefencesClick = () => {\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n    elementById.openFromOutside();\n  };\n\n  private handleAcceptSelectedCookies = () => {\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n    elementById.closeFromOutside();\n\n    const analyticsAndTestingRadio = this.el.shadowRoot?.getElementById('a-and-t-on') as HTMLInputElement;\n    const thirdPartyRadio = this.el.shadowRoot?.getElementById('third-party-on') as HTMLInputElement;\n\n    this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });\n\n    elementById.closeFromOutside();\n  };\n\n  /**\n   * Emits the same event as if the user had gone into preferences and said no to every option.\n   */\n  private handleRejectAllClicked = () => {\n    this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: false, thirdParty: false });\n\n    const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n    elementById.closeFromOutside();\n  };\n\n  private handleAcceptAllClick = () => {\n    // We just emit the event - it will be up to the application, e.g. wp or frontend to listen for the event, record the acceptence, and make\n    // and make this component disappear.\n\n    this.cookieBannerAcceptAllSelected.emit();\n  };\n\n  render() {\n    // Using Partial type to give more flexibility for updates - if the list of preferences available here grows\n    // then the app may only pass a partial set of them in for a time. Any preference not passed will be treated as\n    // declined.\n    const cookiesCurrentlyAllowed: Partial<typeof this.previouslyAgreedCookiePreferences> = this.previouslyAgreedCookiePreferences || {};\n\n    return (\n      <div class=\"cooke-consent-container\">\n        <biggive-popup id=\"cookie-preferences-popup\" modalClosedCallback={this.preferenceModalClosed.emit}>\n          <div class=\"content\">\n            <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Manage your cookie preferences</h4>\n            <form>\n              <div class=\"radio-group\">\n                <h5>Essential Cookies</h5>\n                <p>These cookies are necessary to ensure our website functions correctly and include required cookies from third parties.</p>\n                <input type=\"radio\" name=\"necassary\" id=\"necassary-off\" disabled={true} />\n                <label htmlFor=\"necassary-on\">Off</label>\n\n                <input type=\"radio\" name=\"necassary\" id=\"necassary-on\" disabled={true} checked={true} />\n                <label htmlFor=\"necassary-on\">On</label>\n              </div>\n\n              <div class=\"radio-group\">\n                <h5>Analytics & Testing Cookies</h5>\n                <p>\n                  We use analytics cookies to track activity on our website. For example, the pages you’ve visited, the content you’ve engaged with and the search terms you’ve\n                  used. This allows us to personalise and improve our content.\n                </p>\n\n                <p>\n                  We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance\n                  your user experience.\n                </p>\n                <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-off\" checked={!cookiesCurrentlyAllowed.analyticsAndTesting} />\n                <label htmlFor=\"a-and-t-off\">Off</label>\n\n                <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-on\" checked={!!cookiesCurrentlyAllowed.analyticsAndTesting} />\n                <label htmlFor=\"a-and-t-on\">On</label>\n              </div>\n\n              <div class=\"radio-group\">\n                <h5>Third-party Cookies </h5>\n                <p>\n                  These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our\n                  donation experience survey.\n                </p>\n                <input type=\"radio\" name=\"third-party\" id=\"third-party-off\" checked={!cookiesCurrentlyAllowed.thirdParty} />\n                <label htmlFor=\"third-party-off\">Off</label>\n\n                <input type=\"radio\" name=\"third-party\" id=\"third-party-on\" checked={!!cookiesCurrentlyAllowed.thirdParty} />\n                <label htmlFor=\"third-party-on\">On</label>\n              </div>\n\n              <biggive-button\n                space-below=\"0\"\n                space-above=\"2\"\n                colour-scheme=\"secondary\"\n                is-past-campaign=\"false\"\n                is-future-campaign=\"false\"\n                label=\"Accept Selected Cookies\"\n                open-in-new-tab=\"false\"\n                full-width=\"false\"\n                size=\"small\"\n                rounded={false}\n                centered={false}\n                button-id=\"accept-selected-button\"\n                onClick={this.handleAcceptSelectedCookies}\n              ></biggive-button>\n            </form>\n\n            <p>You can change the above settings for this browser at any time by clicking the privacy settings link in the footer of the page.</p>\n          </div>\n        </biggive-popup>\n\n        <h2>Our website uses cookies</h2>\n\n        <p>\n          We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the\n          website and make improvements.\n        </p>\n\n        <p>\n          <a href={this.blogUriPrefix + '/privacy#cookies'} target=\"_blank\">\n            Find out more in our Cookies Statement\n          </a>\n        </p>\n\n        <div class=\"button-group\">\n          <biggive-button\n            onClick={this.handleAcceptAllClick}\n            space-below=\"0\"\n            colour-scheme=\"secondary\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Accept All\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"accept-all-button\"\n          ></biggive-button>\n\n          <biggive-button\n            onClick={this.handleRejectAllClicked}\n            space-below=\"0\"\n            colour-scheme=\"grey-light\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Essential Cookies Only\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"choose-preferences-button\"\n          ></biggive-button>\n\n          <biggive-button\n            onClick={this.handleChoosePrefencesClick}\n            space-below=\"0\"\n            colour-scheme=\"grey-light\"\n            is-past-campaign=\"false\"\n            is-future-campaign=\"false\"\n            label=\"Choose Preferences\"\n            open-in-new-tab=\"false\"\n            full-width=\"true\"\n            size=\"medium\"\n            rounded={false}\n            centered={false}\n            button-id=\"choose-preferences-button\"\n          ></biggive-button>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"file":"biggive-footer.entry.cjs.js","mappings":"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","names":["h","getAssetPath","makeURL"],"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"],"version":3}