npm - @biggive/components - Versions diffs - 202501031034.0.0 → 202501071646.0.0 - Mend

@biggive/components 202501031034.0.0 → 202501071646.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (321) hide show

package/dist/components/biggive-main-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-main-menu.js","mappings":"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","names":["BiggiveMainMenu"],"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-green {\n background-image: url(/assets/images/triangles-combined.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-green-match {\n background-image: url(/assets/images/triangles-combined-green-match.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-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 left: 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 private lastScrollHeight = 0;\n\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() myAccountFlagEnabled = 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 private setHeaderSize() {\n if (this.host.scrollHeight === this.lastScrollHeight) {\n // Some browsers fire 'resize' overzealously on scroll; we don't want to cause extra paints if nothing\n // relevant changed.\n return;\n }\n\n this.lastScrollHeight = this.host.scrollHeight;\n\n // Some resize edge cases lead Firefox, and maybe others, to go haywire and get a host offset\n // height of millions of pixels, presumably due to a layout logic loop. So for as long as we use\n // this body padding workaround, we need a safe maximum value, currently 130px, beyond which\n // we will never further displace the main content.\n // (Possibly scrollHeight could have the same issue, not tested.)\n // We have also seen intermittent scrolling scenarios where `scrollHeight` is spuriously less than 60px,\n // maybe related to browsers / OSes with \"overscroll\" features. So we also now set a fixed minimum of 60px.\n const scrollHeight = isNaN(this.host.scrollHeight) ? 60 : Math.max(60, this.host.scrollHeight);\n\n document.body.style.paddingTop = Math.min(130, scrollHeight).toString() + 'px';\n }\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n window.addEventListener('resize', () => {\n this.setHeaderSize();\n });\n this.setHeaderSize();\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.myAccountFlagEnabled && !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 /* ten minutes in advance to account for a very slow browser following the link and/or clock skew.\n * There's not really any harm in doing this early unless its soo early that people start sharing the noredirect link more than we'd like.\n /\n const CCOpenDate = new Date('2024-12-02T23:50:00+00:00');\n\n /\n Ten minutes late. Again doing this late doesn't hurt.\n /\n const CCCloseDate = new Date('2024-12-10T12:10:00+00:00');\n\n const now = new Date();\n\n const ccIsOpenNowIsh = now > CCOpenDate && now < CCCloseDate;\n\n const homePageLink = ccIsOpenNowIsh ? '/?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, 'green-match-fund')} class=\"icon-green-match\">\n Green Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund')} class=\"icon-women-girls\">\n Women & 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 <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 & Insights</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'press')}>Press</a>\n </li>\n </ul>\n </li>\n </ul>\n <div class=\"mobile-only\">{secondaryNavLinksForMobile}</div>\n </div>\n <div class=\"mobile-social-icon-wrap mobile-only\">\n <biggive-social-icon service=\"Facebook\" url=\"https://www.facebook.com/BigGive.org\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n <biggive-social-icon service=\"Twitter\" url=\"https://x.com/BigGive\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n <biggive-social-icon service=\"LinkedIn\" url=\"https://uk.linkedin.com/company/big-give\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n <biggive-social-icon\n service=\"YouTube\"\n url=\"https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA\"\n background-colour=\"tertiary\"\n icon-colour=\"black\"\n ></biggive-social-icon>\n <biggive-social-icon service=\"Instagram\" url=\"https://www.instagram.com/biggiveorg\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-main-menu.js","mappings":"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","names":["BiggiveMainMenu"],"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-green {\n background-image: url(/assets/images/triangles-combined.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-green-match {\n background-image: url(/assets/images/triangles-combined-green-match.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-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 left: 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 private lastScrollHeight = 0;\n\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() myAccountFlagEnabled = 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 private setHeaderSize() {\n if (this.host.scrollHeight === this.lastScrollHeight) {\n // Some browsers fire 'resize' overzealously on scroll; we don't want to cause extra paints if nothing\n // relevant changed.\n return;\n }\n\n this.lastScrollHeight = this.host.scrollHeight;\n\n // Some resize edge cases lead Firefox, and maybe others, to go haywire and get a host offset\n // height of millions of pixels, presumably due to a layout logic loop. So for as long as we use\n // this body padding workaround, we need a safe maximum value, currently 130px, beyond which\n // we will never further displace the main content.\n // (Possibly scrollHeight could have the same issue, not tested.)\n // We have also seen intermittent scrolling scenarios where `scrollHeight` is spuriously less than 60px,\n // maybe related to browsers / OSes with \"overscroll\" features. So we also now set a fixed minimum of 60px.\n const scrollHeight = isNaN(this.host.scrollHeight) ? 60 : Math.max(60, this.host.scrollHeight);\n\n document.body.style.paddingTop = Math.min(130, scrollHeight).toString() + 'px';\n }\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n window.addEventListener('resize', () => {\n this.setHeaderSize();\n });\n this.setHeaderSize();\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.myAccountFlagEnabled && !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 /* ten minutes in advance to account for a very slow browser following the link and/or clock skew.\n * There's not really any harm in doing this early unless its soo early that people start sharing the noredirect link more than we'd like.\n /\n const CCOpenDate = new Date('2024-12-02T23:50:00+00:00');\n\n /\n Ten minutes late. Again doing this late doesn't hurt.\n /\n const CCCloseDate = new Date('2024-12-10T12:10:00+00:00');\n\n const now = new Date();\n\n const ccIsOpenNowIsh = now > CCOpenDate && now < CCCloseDate;\n\n const homePageLink = ccIsOpenNowIsh ? '/?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, 'green-match-fund')} class=\"icon-green-match\">\n Green Match Fund\n </a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund')} class=\"icon-women-girls\">\n Women & 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 <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 & Insights</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'press')}>Press</a>\n </li>\n </ul>\n </li>\n </ul>\n <div class=\"mobile-only\">{secondaryNavLinksForMobile}</div>\n </div>\n <div class=\"mobile-social-icon-wrap mobile-only\">\n <biggive-social-icon service=\"Facebook\" url=\"https://www.facebook.com/BigGive.org\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n <biggive-social-icon service=\"Twitter\" url=\"https://x.com/BigGive\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n <biggive-social-icon service=\"LinkedIn\" url=\"https://uk.linkedin.com/company/big-give\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n <biggive-social-icon\n service=\"YouTube\"\n url=\"https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA\"\n background-colour=\"tertiary\"\n icon-colour=\"black\"\n ></biggive-social-icon>\n <biggive-social-icon service=\"Instagram\" url=\"https://www.instagram.com/biggiveorg\" background-colour=\"tertiary\" icon-colour=\"black\"></biggive-social-icon>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-misc-icon2.js CHANGED Viewed

@@ -8,10 +8,14 @@ const BiggiveMiscIcon = /*@__PURE__*/ proxyCustomElement(class BiggiveMiscIcon e
     constructor() {
         super();
         this.__registerHost();
+        /**
+         * Background colour
+         */
         this.backgroundColour = 'primary';
+        /**
+         * Background colour
+         */
         this.iconColour = 'white';
-        this.icon = undefined;
-        this.url = undefined;
     }
     getMiscIcon() {
         var icon = FontAwesomeIconsService.getMiscIcon(this.icon);

package/dist/components/biggive-misc-icon2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-misc-icon2.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,moQAAmoQ,CAAC;AAC/pQ,8BAAe,kBAAkB;;MCQpB,eAAe~~;;;;gCAIS~~,SAAS~~;0BAKf~~,~~OAAO~~;;;;~~IAY5B~~,WAAW;QACjB,IAAI,IAAI,GAAG,uBAAuB,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,OAAO,IAAI,CAAC;KACb;IAED,MAAM;QACJ;;QAEE,4DAAK,KAAK,EAAE,mCAAmC,GAAG,IAAI,CAAC,gBAAgB,GAAG,GAAG,GAAG,IAAI,CAAC,IAAI,IACvF,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IACf,4DACE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACjC,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAClC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,IAE/E,6DAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CAC9C,CACJ,CACA,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/biggive-misc-icon/biggive-misc-icon.scss?tag=biggive-misc-icon","src/components/biggive-misc-icon/biggive-misc-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n display: contents;\n}\n\n.misc-icon-item {\n @include icon-large();\n\n @media screen and (max-width: $screen-mobile-max) {\n @include icon-medium();\n margin: auto;\n\n a {\n margin: auto;\n }\n }\n}\n\n.CaretRight {\n height: 10px;\n width: 10px;\n margin-right: 0px;\n a {\n padding: 0px;\n }\n}\n\n.MenuClose {\n a {\n svg {\n height: 12px;\n width: 12px;\n }\n }\n}\n","import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n@Component({\n tag: 'biggive-misc-icon',\n styleUrl: 'biggive-misc-icon.scss',\n shadow: false,\n})\nexport class BiggiveMiscIcon {\n /*\n Background colour\n /\n @Prop() backgroundColour: string = 'primary';\n\n /\n Background colour\n /\n @Prop() iconColour: string = 'white';\n\n /\n Icon\n /\n @Prop() icon: string;\n\n /\n Url\n */\n @Prop() url: string;\n\n private getMiscIcon(): IconDefinition {\n var icon = FontAwesomeIconsService.getMiscIcon(this.icon);\n return icon;\n }\n\n render() {\n return (\n // Note: the icon name prop is set as a css class too for any styling specific to certain icons\n <div class={'misc-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon}>\n <a href={this.url}>\n <svg\n width={this.getMiscIcon().icon[0]}\n height={this.getMiscIcon().icon[1]}\n xmlns=\"http://www.w3.org/2000/svg\"\n class={'fill-' + this.iconColour}\n viewBox={'0 0 ' + this.getMiscIcon().icon[0] + ' ' + this.getMiscIcon().icon[1]}\n >\n <path d={this.getMiscIcon().icon[4].toString()} />\n </svg>\n </a>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-misc-icon2.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,moQAAmoQ,CAAC;AAC/pQ,8BAAe,kBAAkB;;MCQpB,eAAe;IAL5B;;;;;;QASU,qBAAgB,GAAW,SAAS,CAAC;;;;QAKrC,eAAU,GAAW,OAAO,CAAC;KAmCtC;IAvBS,WAAW;QACjB,IAAI,IAAI,GAAG,uBAAuB,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,OAAO,IAAI,CAAC;KACb;IAED,MAAM;QACJ;;QAEE,4DAAK,KAAK,EAAE,mCAAmC,GAAG,IAAI,CAAC,gBAAgB,GAAG,GAAG,GAAG,IAAI,CAAC,IAAI,IACvF,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IACf,4DACE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACjC,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAClC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,IAE/E,6DAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CAC9C,CACJ,CACA,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/biggive-misc-icon/biggive-misc-icon.scss?tag=biggive-misc-icon","src/components/biggive-misc-icon/biggive-misc-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n display: contents;\n}\n\n.misc-icon-item {\n @include icon-large();\n\n @media screen and (max-width: $screen-mobile-max) {\n @include icon-medium();\n margin: auto;\n\n a {\n margin: auto;\n }\n }\n}\n\n.CaretRight {\n height: 10px;\n width: 10px;\n margin-right: 0px;\n a {\n padding: 0px;\n }\n}\n\n.MenuClose {\n a {\n svg {\n height: 12px;\n width: 12px;\n }\n }\n}\n","import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n@Component({\n tag: 'biggive-misc-icon',\n styleUrl: 'biggive-misc-icon.scss',\n shadow: false,\n})\nexport class BiggiveMiscIcon {\n /*\n Background colour\n /\n @Prop() backgroundColour: string = 'primary';\n\n /\n Background colour\n /\n @Prop() iconColour: string = 'white';\n\n /\n Icon\n /\n @Prop() icon: string;\n\n /\n Url\n */\n @Prop() url: string;\n\n private getMiscIcon(): IconDefinition {\n var icon = FontAwesomeIconsService.getMiscIcon(this.icon);\n return icon;\n }\n\n render() {\n return (\n // Note: the icon name prop is set as a css class too for any styling specific to certain icons\n <div class={'misc-icon-item background-colour-' + this.backgroundColour + ' ' + this.icon}>\n <a href={this.url}>\n <svg\n width={this.getMiscIcon().icon[0]}\n height={this.getMiscIcon().icon[1]}\n xmlns=\"http://www.w3.org/2000/svg\"\n class={'fill-' + this.iconColour}\n viewBox={'0 0 ' + this.getMiscIcon().icon[0] + ' ' + this.getMiscIcon().icon[1]}\n >\n <path d={this.getMiscIcon().icon[4].toString()} />\n </svg>\n </a>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-nav-group.js CHANGED Viewed

@@ -8,6 +8,9 @@ const BiggiveNavGroup$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveNavGroup
         super();
         this.__registerHost();
         this.__attachShadow();
+        /**
+         * Inline
+         */
         this.inline = true;
     }
     render() {

package/dist/components/biggive-nav-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-nav-group.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,uNAAuN,CAAC;AACnP,8BAAe,kBAAkB;;MCMpBA,iBAAe~~;;;;;sBAIA~~,IAAI~~;;IAE9B~~,MAAM;QACJ,QACE,6DACE,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveNavGroup"],"sources":["src/components/biggive-nav-group/biggive-nav-group.scss?tag=biggive-nav-group&encapsulation=shadow","src/components/biggive-nav-group/biggive-nav-group.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n\nul {\n @include standard-font();\n list-style-type: none;\n padding: 0;\n margin: 0;\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-nav-group',\n styleUrl: 'biggive-nav-group.scss',\n shadow: true,\n})\nexport class BiggiveNavGroup {\n /*\n Inline\n */\n @Prop() inline: boolean = true;\n\n render() {\n return (\n <ul>\n <slot></slot>\n </ul>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-nav-group.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,uNAAuN,CAAC;AACnP,8BAAe,kBAAkB;;MCMpBA,iBAAe;IAL5B;;;;;;;QASU,WAAM,GAAY,IAAI,CAAC;KAShC;IAPC,MAAM;QACJ,QACE,6DACE,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveNavGroup"],"sources":["src/components/biggive-nav-group/biggive-nav-group.scss?tag=biggive-nav-group&encapsulation=shadow","src/components/biggive-nav-group/biggive-nav-group.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n\nul {\n @include standard-font();\n list-style-type: none;\n padding: 0;\n margin: 0;\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-nav-group',\n styleUrl: 'biggive-nav-group.scss',\n shadow: true,\n})\nexport class BiggiveNavGroup {\n /*\n Inline\n */\n @Prop() inline: boolean = true;\n\n render() {\n return (\n <ul>\n <slot></slot>\n </ul>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-nav-item.js CHANGED Viewed

@@ -8,9 +8,6 @@ const BiggiveNavItem$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveNavItem e
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.url = undefined;
-        this.label = undefined;
-        this.iconColour = undefined;
     }
     render() {
         return (h("li", { key: 'e3397df27a329b834615305d2f0c290942735e3a', class: 'icon-' + this.iconColour }, h("a", { key: '6bcc1f29538da7418b26e4f74b22e55dd1fa5f59', href: this.url }, this.label), h("slot", { key: '9728762db7497b42bce1222b837699c075b31b00' })));

package/dist/components/biggive-nav-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-nav-item.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,sQAAsQ,CAAC;AACjS,6BAAe,iBAAiB;;MCMnBA,gBAAc~~;;;;;;;;;~~IAczB,MAAM;QACJ,QACE,2DAAI,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,IAClC,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IAAG,IAAI,CAAC,KAAK,CAAK,EACnC,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveNavItem"],"sources":["src/components/biggive-nav-item/biggive-nav-item.scss?tag=biggive-nav-item&encapsulation=shadow","src/components/biggive-nav-item/biggive-nav-item.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n\nli {\n @include standard-font();\n list-style-type: none;\n padding: 0;\n margin: 0;\n display: inline-block;\n\n\n}\n\n::slotted() {\n display: none;\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-nav-item',\n styleUrl: 'biggive-nav-item.scss',\n shadow: true,\n})\nexport class BiggiveNavItem {\n /\n URL\n /\n @Prop() url: string;\n /\n Label\n /\n @Prop() label: string;\n /\n URL\n */\n @Prop() iconColour: string;\n\n render() {\n return (\n <li class={'icon-' + this.iconColour}>\n <a href={this.url}>{this.label}</a>\n <slot></slot>\n </li>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-nav-item.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,sQAAsQ,CAAC;AACjS,6BAAe,iBAAiB;;MCMnBA,gBAAc;;;;;;IAczB,MAAM;QACJ,QACE,2DAAI,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,IAClC,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IAAG,IAAI,CAAC,KAAK,CAAK,EACnC,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveNavItem"],"sources":["src/components/biggive-nav-item/biggive-nav-item.scss?tag=biggive-nav-item&encapsulation=shadow","src/components/biggive-nav-item/biggive-nav-item.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n\nli {\n @include standard-font();\n list-style-type: none;\n padding: 0;\n margin: 0;\n display: inline-block;\n\n\n}\n\n::slotted() {\n display: none;\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-nav-item',\n styleUrl: 'biggive-nav-item.scss',\n shadow: true,\n})\nexport class BiggiveNavItem {\n /\n URL\n /\n @Prop() url: string;\n /\n Label\n /\n @Prop() label: string;\n /\n URL\n */\n @Prop() iconColour: string;\n\n render() {\n return (\n <li class={'icon-' + this.iconColour}>\n <a href={this.url}>{this.label}</a>\n <slot></slot>\n </li>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-page-columns.js CHANGED Viewed

@@ -8,6 +8,9 @@ const BiggivePageColumns$1 = /*@__PURE__*/ proxyCustomElement(class BiggivePageC
         super();
         this.__registerHost();
         this.__attachShadow();
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
     }
     render() {

package/dist/components/biggive-page-columns.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-page-columns.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,giCAAgiC,CAAC;AAC/jC,iCAAe,qBAAqB;;MCMvBA,oBAAkB~~;;;;;0BAIA~~,CAAC~~;;IAE9B~~,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,IACpD,4DAAK,KAAK,EAAC,SAAS,IAClB,4DAAK,KAAK,EAAC,gBAAgB,IACzB,6DAAM,IAAI,EAAC,gBAAgB,GAAQ,CAC/B,EACN,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,6DAAM,IAAI,EAAC,kBAAkB,GAAQ,CACjC,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggivePageColumns"],"sources":["src/components/biggive-page-columns/biggive-page-columns.scss?tag=biggive-page-columns&encapsulation=shadow","src/components/biggive-page-columns/biggive-page-columns.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: contents;\n}\n\n.columns {\n @include standard-font();\n @include section-container();\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between; \n .column-primary {\n width: calc(66.6% - $spacer-3);\n box-sizing: border-box;\n }\n .column-secondary {\n width: calc(33.4% - $spacer-3);\n box-sizing: border-box;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n .columns {\n .column-primary {\n width: 100%;\n margin-bottom: $spacer-3;\n }\n .column-secondary {\n width: 100%;\n }\n }\n}\n\n\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-page-columns',\n styleUrl: 'biggive-page-columns.scss',\n shadow: true,\n})\nexport class BiggivePageColumns {\n /*\n Space below component\n */\n @Prop() spaceBelow: number = 0;\n\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n <div class=\"columns\">\n <div class=\"column-primary\">\n <slot name=\"column-primary\"></slot>\n </div>\n <div class=\"column-secondary\">\n <slot name=\"column-secondary\"></slot>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-page-columns.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,giCAAgiC,CAAC;AAC/jC,iCAAe,qBAAqB;;MCMvBA,oBAAkB;IAL/B;;;;;;;QASU,eAAU,GAAW,CAAC,CAAC;KAgBhC;IAdC,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,IACpD,4DAAK,KAAK,EAAC,SAAS,IAClB,4DAAK,KAAK,EAAC,gBAAgB,IACzB,6DAAM,IAAI,EAAC,gBAAgB,GAAQ,CAC/B,EACN,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,6DAAM,IAAI,EAAC,kBAAkB,GAAQ,CACjC,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggivePageColumns"],"sources":["src/components/biggive-page-columns/biggive-page-columns.scss?tag=biggive-page-columns&encapsulation=shadow","src/components/biggive-page-columns/biggive-page-columns.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: contents;\n}\n\n.columns {\n @include standard-font();\n @include section-container();\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between; \n .column-primary {\n width: calc(66.6% - $spacer-3);\n box-sizing: border-box;\n }\n .column-secondary {\n width: calc(33.4% - $spacer-3);\n box-sizing: border-box;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n .columns {\n .column-primary {\n width: 100%;\n margin-bottom: $spacer-3;\n }\n .column-secondary {\n width: 100%;\n }\n }\n}\n\n\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-page-columns',\n styleUrl: 'biggive-page-columns.scss',\n shadow: true,\n})\nexport class BiggivePageColumns {\n /*\n Space below component\n */\n @Prop() spaceBelow: number = 0;\n\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n <div class=\"columns\">\n <div class=\"column-primary\">\n <slot name=\"column-primary\"></slot>\n </div>\n <div class=\"column-secondary\">\n <slot name=\"column-secondary\"></slot>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-page-section.js CHANGED Viewed

@@ -8,11 +8,25 @@ const BiggivePageSection$1 = /*@__PURE__*/ proxyCustomElement(class BiggivePageS
         super();
         this.__registerHost();
         this.__attachShadow();
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
+        /**
+         * Section style top
+         */
         this.sectionStyleTop = 'straight';
+        /**
+         * Section style bottom
+         */
         this.sectionStyleBottom = 'straight';
-        this.colourScheme = undefined;
+        /**
+         * Width
+         */
         this.maxWidth = 100;
+        /**
+         * Bleeds the primary brand colour to the left and right edge of the viewport, even if used within a containing block element.
+         */
         this.primaryFullBleed = false;
     }
     render() {

package/dist/components/biggive-page-section.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-page-section.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,02QAA02Q,CAAC;AACz4Q,iCAAe,qBAAqB;;MCMvBA,oBAAkB~~;;;;;0BAIA~~,CAAC~~;+BAKI~~,UAAU~~;kCAKP~~,UAAU~~;;wBAUpB~~,GAAG~~;gCAKM~~,KAAK~~;;IAEzC~~,MAAM;QACJ,QACE,4DACE,KAAK,EACH,sBAAsB;gBACtB,IAAI,CAAC,QAAQ;gBACb,eAAe;gBACf,IAAI,CAAC,UAAU;gBACf,oBAAoB;gBACpB,IAAI,CAAC,YAAY;gBACjB,aAAa;gBACb,IAAI,CAAC,eAAe;gBACpB,gBAAgB;gBAChB,IAAI,CAAC,kBAAkB;iBACtB,IAAI,CAAC,gBAAgB,GAAG,aAAa,GAAG,EAAE,CAAC,IAG9C,4DAAK,KAAK,EAAC,QAAQ,IACjB,8DAAa,CACT,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggivePageSection"],"sources":["src/components/biggive-page-section/biggive-page-section.scss?tag=biggive-page-section&encapsulation=shadow","src/components/biggive-page-section/biggive-page-section.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n overflow: hidden;\n position: relative;\n text-align: center;\n .sleeve {\n @include section-container();\n padding: $spacer-4;\n\n @media screen and (max-width: $screen-desktop-max) {\n // similar to e.g. biggive-hero-image which was set to use $spacer-3 first.\n padding: $spacer-3;\n }\n }\n}\n\n.container.full-bleed {\n // from https://stackoverflow.com/questions/22083157/extend-background-color-of-header-beyond-container-with-css\n box-shadow: 0 0 0 100vmax $colour-primary-blue;\n clip-path: inset(0 -100vmax);\n}\n\n.container.style-top-crop-right:before {\n content: '';\n display: block;\n height: 75px;\n clip-path: polygon(0 0, 0% 100%, 100% 100%);\n transform: translateY(1px);\n}\n\n.container.style-top-crop-left:before {\n content: '';\n display: block;\n height: 75px;\n clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0 100%);\n transform: translateY(1px);\n}\n\n.container.style-bottom-crop-right:after {\n content: '';\n display: block;\n height: 75px;\n clip-path: polygon(0 0, 100% 0, 0 100%);\n transform: translateY(-1px);\n}\n\n.container.style-bottom-crop-left:after {\n content: '';\n display: block;\n height: 75px;\n clip-path: polygon(0 0, 100% 0, 100% 100%);\n transform: translateY(-1px);\n}\n\n.container .sleeve {\n position: relative;\n text-align: left;\n}\n\n.container.max-width-10 .sleeve { @include max-width-10(); }\n.container.max-width-15 .sleeve { @include max-width-15(); }\n.container.max-width-20 .sleeve { @include max-width-20(); }\n.container.max-width-25 .sleeve { @include max-width-25(); }\n.container.max-width-30 .sleeve { @include max-width-30(); }\n.container.max-width-35 .sleeve { @include max-width-35(); }\n.container.max-width-40 .sleeve { @include max-width-40(); }\n.container.max-width-45 .sleeve { @include max-width-45(); }\n.container.max-width-50 .sleeve { @include max-width-50(); }\n.container.max-width-55 .sleeve { @include max-width-55(); }\n.container.max-width-60 .sleeve { @include max-width-60(); }\n.container.max-width-65 .sleeve { @include max-width-65(); }\n.container.max-width-70 .sleeve { @include max-width-70(); }\n.container.max-width-75 .sleeve { @include max-width-75(); }\n.container.max-width-80 .sleeve { @include max-width-80(); }\n.container.max-width-85 .sleeve { @include max-width-85(); }\n.container.max-width-90 .sleeve { @include max-width-90(); }\n.container.max-width-95 .sleeve { @include max-width-95(); }\n\n\n\n.container .sleeve:before {\n content: '';\n position: absolute;\n z-index: -1;\n left: 50%;\n transform: translateX(-50%);\n width: 100vw;\n top: 0;\n bottom: 0;\n}\n\n@each $brand, $colour in $colours {\n .container.background-color-#{$brand}:before,\n .container.background-color-#{$brand}:after,\n .container.background-color-#{$brand} .sleeve:before,\n .container.background-color-#{$brand} .sleeve {\n background-color: $colour;\n @if $brand == 'white' or $brand == 'grey-extra-light' or $brand == 'grey-light' {\n color: $colour-black;\n } @else {\n color: $colour-white;\n }\n }\n}\n\n.container.background-color-brand-6:before,\n.container.background-color-brand-6:after,\n.container.background-color-brand-6 .sleeve:before,\n.container.background-color-brand-6 .sleeve {\n background-color: $colour-brand-mhf-turquoise;\n color: $colour-white;\n}\n\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-page-section',\n styleUrl: 'biggive-page-section.scss',\n shadow: true,\n})\nexport class BiggivePageSection {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n\n /\n Section style top\n /\n @Prop() sectionStyleTop: string = 'straight';\n\n /\n Section style bottom\n /\n @Prop() sectionStyleBottom: string = 'straight';\n\n /\n Colour scheme\n /\n @Prop() colourScheme: string;\n\n /\n Width\n /\n @Prop() maxWidth: number = 100;\n\n /\n Bleeds the primary brand colour to the left and right edge of the viewport, even if used within a containing block element.\n */\n @Prop() primaryFullBleed: boolean = false;\n\n render() {\n return (\n <div\n class={\n 'container max-width-' +\n this.maxWidth +\n ' space-below-' +\n this.spaceBelow +\n ' background-color-' +\n this.colourScheme +\n ' style-top-' +\n this.sectionStyleTop +\n ' style-bottom-' +\n this.sectionStyleBottom +\n (this.primaryFullBleed ? ' full-bleed' : '')\n }\n >\n <div class=\"sleeve\">\n <slot></slot>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-page-section.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,02QAA02Q,CAAC;AACz4Q,iCAAe,qBAAqB;;MCMvBA,oBAAkB;IAL/B;;;;;;;QASU,eAAU,GAAW,CAAC,CAAC;;;;QAKvB,oBAAe,GAAW,UAAU,CAAC;;;;QAKrC,uBAAkB,GAAW,UAAU,CAAC;;;;QAUxC,aAAQ,GAAW,GAAG,CAAC;;;;QAKvB,qBAAgB,GAAY,KAAK,CAAC;KAyB3C;IAvBC,MAAM;QACJ,QACE,4DACE,KAAK,EACH,sBAAsB;gBACtB,IAAI,CAAC,QAAQ;gBACb,eAAe;gBACf,IAAI,CAAC,UAAU;gBACf,oBAAoB;gBACpB,IAAI,CAAC,YAAY;gBACjB,aAAa;gBACb,IAAI,CAAC,eAAe;gBACpB,gBAAgB;gBAChB,IAAI,CAAC,kBAAkB;iBACtB,IAAI,CAAC,gBAAgB,GAAG,aAAa,GAAG,EAAE,CAAC,IAG9C,4DAAK,KAAK,EAAC,QAAQ,IACjB,8DAAa,CACT,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggivePageSection"],"sources":["src/components/biggive-page-section/biggive-page-section.scss?tag=biggive-page-section&encapsulation=shadow","src/components/biggive-page-section/biggive-page-section.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n overflow: hidden;\n position: relative;\n text-align: center;\n .sleeve {\n @include section-container();\n padding: $spacer-4;\n\n @media screen and (max-width: $screen-desktop-max) {\n // similar to e.g. biggive-hero-image which was set to use $spacer-3 first.\n padding: $spacer-3;\n }\n }\n}\n\n.container.full-bleed {\n // from https://stackoverflow.com/questions/22083157/extend-background-color-of-header-beyond-container-with-css\n box-shadow: 0 0 0 100vmax $colour-primary-blue;\n clip-path: inset(0 -100vmax);\n}\n\n.container.style-top-crop-right:before {\n content: '';\n display: block;\n height: 75px;\n clip-path: polygon(0 0, 0% 100%, 100% 100%);\n transform: translateY(1px);\n}\n\n.container.style-top-crop-left:before {\n content: '';\n display: block;\n height: 75px;\n clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0 100%);\n transform: translateY(1px);\n}\n\n.container.style-bottom-crop-right:after {\n content: '';\n display: block;\n height: 75px;\n clip-path: polygon(0 0, 100% 0, 0 100%);\n transform: translateY(-1px);\n}\n\n.container.style-bottom-crop-left:after {\n content: '';\n display: block;\n height: 75px;\n clip-path: polygon(0 0, 100% 0, 100% 100%);\n transform: translateY(-1px);\n}\n\n.container .sleeve {\n position: relative;\n text-align: left;\n}\n\n.container.max-width-10 .sleeve { @include max-width-10(); }\n.container.max-width-15 .sleeve { @include max-width-15(); }\n.container.max-width-20 .sleeve { @include max-width-20(); }\n.container.max-width-25 .sleeve { @include max-width-25(); }\n.container.max-width-30 .sleeve { @include max-width-30(); }\n.container.max-width-35 .sleeve { @include max-width-35(); }\n.container.max-width-40 .sleeve { @include max-width-40(); }\n.container.max-width-45 .sleeve { @include max-width-45(); }\n.container.max-width-50 .sleeve { @include max-width-50(); }\n.container.max-width-55 .sleeve { @include max-width-55(); }\n.container.max-width-60 .sleeve { @include max-width-60(); }\n.container.max-width-65 .sleeve { @include max-width-65(); }\n.container.max-width-70 .sleeve { @include max-width-70(); }\n.container.max-width-75 .sleeve { @include max-width-75(); }\n.container.max-width-80 .sleeve { @include max-width-80(); }\n.container.max-width-85 .sleeve { @include max-width-85(); }\n.container.max-width-90 .sleeve { @include max-width-90(); }\n.container.max-width-95 .sleeve { @include max-width-95(); }\n\n\n\n.container .sleeve:before {\n content: '';\n position: absolute;\n z-index: -1;\n left: 50%;\n transform: translateX(-50%);\n width: 100vw;\n top: 0;\n bottom: 0;\n}\n\n@each $brand, $colour in $colours {\n .container.background-color-#{$brand}:before,\n .container.background-color-#{$brand}:after,\n .container.background-color-#{$brand} .sleeve:before,\n .container.background-color-#{$brand} .sleeve {\n background-color: $colour;\n @if $brand == 'white' or $brand == 'grey-extra-light' or $brand == 'grey-light' {\n color: $colour-black;\n } @else {\n color: $colour-white;\n }\n }\n}\n\n.container.background-color-brand-6:before,\n.container.background-color-brand-6:after,\n.container.background-color-brand-6 .sleeve:before,\n.container.background-color-brand-6 .sleeve {\n background-color: $colour-brand-mhf-turquoise;\n color: $colour-white;\n}\n\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-page-section',\n styleUrl: 'biggive-page-section.scss',\n shadow: true,\n})\nexport class BiggivePageSection {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n\n /\n Section style top\n /\n @Prop() sectionStyleTop: string = 'straight';\n\n /\n Section style bottom\n /\n @Prop() sectionStyleBottom: string = 'straight';\n\n /\n Colour scheme\n /\n @Prop() colourScheme: string;\n\n /\n Width\n /\n @Prop() maxWidth: number = 100;\n\n /\n Bleeds the primary brand colour to the left and right edge of the viewport, even if used within a containing block element.\n */\n @Prop() primaryFullBleed: boolean = false;\n\n render() {\n return (\n <div\n class={\n 'container max-width-' +\n this.maxWidth +\n ' space-below-' +\n this.spaceBelow +\n ' background-color-' +\n this.colourScheme +\n ' style-top-' +\n this.sectionStyleTop +\n ' style-bottom-' +\n this.sectionStyleBottom +\n (this.primaryFullBleed ? ' full-bleed' : '')\n }\n >\n <div class=\"sleeve\">\n <slot></slot>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-popup2.js CHANGED Viewed

@@ -8,6 +8,10 @@ const BiggivePopup = /*@__PURE__*/ proxyCustomElement(class BiggivePopup extends
         super();
         this.__registerHost();
         this.__attachShadow();
+        /**
+         * Function to execute when the modal is closed, whether by the user or programmatically.
+         */
+        this.modalClosedCallback = () => { };
         this.closeFromWithin = (event) => {
             if (event.target.classList.contains('popup') || event.target.classList.contains('close')) {
                 this.popup.setAttribute('data-visible', 'false');
@@ -15,7 +19,6 @@ const BiggivePopup = /*@__PURE__*/ proxyCustomElement(class BiggivePopup extends
                 this.modalClosedCallback();
             }
         };
-        this.modalClosedCallback = () => { };
     }
     async openFromOutside() {
         this.popup.setAttribute('data-visible', 'true');

package/dist/components/biggive-popup2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-popup2.js","mappings":";;AAAA,MAAM,eAAe,GAAG,gxBAAgxB,CAAC;AACzyB,2BAAe,eAAe;;MCMjB,YAAY~~;;;;;QAsBf~~,oBAAe,GAAG,CAAC,KAAU;YACnC,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;gBACxF,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;gBACjD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;gBAC1C,IAAI,CAAC,mBAAmB,EAAE,CAAC;aAC5B;SACF,CAAC;~~mCAtBwC~~,~~SAAQ;;IAGlD,~~MAAM,eAAe;QACnB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;QAChD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QACzC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;KACpB;IAGD,MAAM,gBAAgB;QACpB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QACjD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAC1C,IAAI,CAAC,mBAAmB,EAAE,CAAC;KAC5B;IAUD,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,OAAO,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,KAAK,GAAG,EAAoB,CAAC,EAAE,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe,IAC5G,4DAAK,KAAK,EAAC,QAAQ,IACjB,4DAAK,KAAK,EAAC,QAAQ,IACjB,4DAAK,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe,GAAQ,CACpD,EACN,4DAAK,KAAK,EAAC,SAAS,IAClB,8DAAa,CACT,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/biggive-popup/biggive-popup.scss?tag=biggive-popup&encapsulation=shadow","src/components/biggive-popup/biggive-popup.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.popup {\n @include popup();\n &[data-visible=true] {\n display: block;\n }\n}","import { Component, Method, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'biggive-popup',\n styleUrl: 'biggive-popup.scss',\n shadow: true,\n})\nexport class BiggivePopup {\n private popup: HTMLDivElement;\n\n /*\n Function to execute when the modal is closed, whether by the user or programmatically.\n */\n @Prop() modalClosedCallback: () => void = () => {};\n\n @Method()\n async openFromOutside() {\n this.popup.setAttribute('data-visible', 'true');\n this.popup.setAttribute('tabindex', '0');\n this.popup.focus();\n }\n\n @Method()\n async closeFromOutside() {\n this.popup.setAttribute('data-visible', 'false');\n this.popup.setAttribute('tabindex', '-1');\n this.modalClosedCallback();\n }\n\n private closeFromWithin = (event: any) => {\n if (event.target.classList.contains('popup') \|\| event.target.classList.contains('close')) {\n this.popup.setAttribute('data-visible', 'false');\n this.popup.setAttribute('tabindex', '-1');\n this.modalClosedCallback();\n }\n };\n\n render() {\n return (\n <div class=\"popup\" ref={el => (this.popup = el as HTMLDivElement)} tabindex=\"-1\" onClick={this.closeFromWithin}>\n <div class=\"sleeve\">\n <div class=\"header\">\n <div class=\"close\" onClick={this.closeFromWithin}></div>\n </div>\n <div class=\"content\">\n <slot></slot>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-popup2.js","mappings":";;AAAA,MAAM,eAAe,GAAG,gxBAAgxB,CAAC;AACzyB,2BAAe,eAAe;;MCMjB,YAAY;IALzB;;;;;;;QAWU,wBAAmB,GAAe,SAAQ,CAAC;QAgB3C,oBAAe,GAAG,CAAC,KAAU;YACnC,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;gBACxF,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;gBACjD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;gBAC1C,IAAI,CAAC,mBAAmB,EAAE,CAAC;aAC5B;SACF,CAAC;KAgBH;IAnCC,MAAM,eAAe;QACnB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;QAChD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QACzC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;KACpB;IAGD,MAAM,gBAAgB;QACpB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QACjD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAC1C,IAAI,CAAC,mBAAmB,EAAE,CAAC;KAC5B;IAUD,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,OAAO,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,KAAK,GAAG,EAAoB,CAAC,EAAE,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe,IAC5G,4DAAK,KAAK,EAAC,QAAQ,IACjB,4DAAK,KAAK,EAAC,QAAQ,IACjB,4DAAK,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe,GAAQ,CACpD,EACN,4DAAK,KAAK,EAAC,SAAS,IAClB,8DAAa,CACT,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/biggive-popup/biggive-popup.scss?tag=biggive-popup&encapsulation=shadow","src/components/biggive-popup/biggive-popup.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.popup {\n @include popup();\n &[data-visible=true] {\n display: block;\n }\n}","import { Component, Method, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'biggive-popup',\n styleUrl: 'biggive-popup.scss',\n shadow: true,\n})\nexport class BiggivePopup {\n private popup: HTMLDivElement;\n\n /*\n Function to execute when the modal is closed, whether by the user or programmatically.\n */\n @Prop() modalClosedCallback: () => void = () => {};\n\n @Method()\n async openFromOutside() {\n this.popup.setAttribute('data-visible', 'true');\n this.popup.setAttribute('tabindex', '0');\n this.popup.focus();\n }\n\n @Method()\n async closeFromOutside() {\n this.popup.setAttribute('data-visible', 'false');\n this.popup.setAttribute('tabindex', '-1');\n this.modalClosedCallback();\n }\n\n private closeFromWithin = (event: any) => {\n if (event.target.classList.contains('popup') \|\| event.target.classList.contains('close')) {\n this.popup.setAttribute('data-visible', 'false');\n this.popup.setAttribute('tabindex', '-1');\n this.modalClosedCallback();\n }\n };\n\n render() {\n return (\n <div class=\"popup\" ref={el => (this.popup = el as HTMLDivElement)} tabindex=\"-1\" onClick={this.closeFromWithin}>\n <div class=\"sleeve\">\n <div class=\"header\">\n <div class=\"close\" onClick={this.closeFromWithin}></div>\n </div>\n <div class=\"content\">\n <slot></slot>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-progress-bar2.js CHANGED Viewed

@@ -8,8 +8,17 @@ const BiggiveProgressBar = /*@__PURE__*/ proxyCustomElement(class BiggiveProgres
         super();
         this.__registerHost();
         this.__attachShadow();
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
+        /**
+         * Colour Scheme
+         */
         this.colourScheme = 'primary';
+        /**
+         * Percentage to show + use for CSS width; round before input if desired
+         */
         this.counter = 100;
     }
     render() {

package/dist/components/biggive-progress-bar2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-progress-bar2.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,ixCAAixC,CAAC;AAChzC,iCAAe,qBAAqB;;MCMvB,kBAAkB~~;;;;;0BAIA~~,CAAC~~;4BAIC~~,SAAS~~;uBAKN~~,GAAG~~;;IAErC~~,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE;YACvD,OAAO,IAAI,CAAC;SACb;QAED,QACE,WAAK,KAAK,EAAE,4BAA4B,GAAG,IAAI,CAAC,YAAY,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IAC9F,WAAK,KAAK,EAAC,QAAQ,IACjB,WAAK,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,GAAG,EAAE,GAAQ,CAC7E,EACN,WAAK,KAAK,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,MAAQ,CACtC,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/biggive-progress-bar/biggive-progress-bar.scss?tag=biggive-progress-bar&encapsulation=shadow","src/components/biggive-progress-bar/biggive-progress-bar.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: block;\n margin-bottom: $spacer-1;\n @include standard-font();\n}\n\n.progress-bar {\n @include progress-bar();\n}\n\n.progress-bar-primary {\n @include progress-bar-primary();\n}\n\n.progress-bar-secondary {\n @include progress-bar-secondary();\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-progress-bar',\n styleUrl: 'biggive-progress-bar.scss',\n shadow: true,\n})\nexport class BiggiveProgressBar {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Colour Scheme\n /\n @Prop() colourScheme: string = 'primary';\n\n /\n Percentage to show + use for CSS width; round before input if desired\n */\n @Prop() counter?: number \| null = 100;\n\n render() {\n if (this.counter === null \|\| this.counter === undefined) {\n return null;\n }\n\n return (\n <div class={'progress-bar progress-bar-' + this.colourScheme + ' space-below-' + this.spaceBelow}>\n <div class=\"slider\">\n <div class=\"progress\" style={{ width: `${Math.min(this.counter, 100)}%` }}></div>\n </div>\n <div class=\"counter\">{this.counter}%</div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-progress-bar2.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,ixCAAixC,CAAC;AAChzC,iCAAe,qBAAqB;;MCMvB,kBAAkB;IAL/B;;;;;;;QASU,eAAU,GAAW,CAAC,CAAC;;;;QAIvB,iBAAY,GAAW,SAAS,CAAC;;;;QAKjC,YAAO,GAAmB,GAAG,CAAC;KAgBvC;IAdC,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE;YACvD,OAAO,IAAI,CAAC;SACb;QAED,QACE,WAAK,KAAK,EAAE,4BAA4B,GAAG,IAAI,CAAC,YAAY,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IAC9F,WAAK,KAAK,EAAC,QAAQ,IACjB,WAAK,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,GAAG,EAAE,GAAQ,CAC7E,EACN,WAAK,KAAK,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,MAAQ,CACtC,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/biggive-progress-bar/biggive-progress-bar.scss?tag=biggive-progress-bar&encapsulation=shadow","src/components/biggive-progress-bar/biggive-progress-bar.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: block;\n margin-bottom: $spacer-1;\n @include standard-font();\n}\n\n.progress-bar {\n @include progress-bar();\n}\n\n.progress-bar-primary {\n @include progress-bar-primary();\n}\n\n.progress-bar-secondary {\n @include progress-bar-secondary();\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-progress-bar',\n styleUrl: 'biggive-progress-bar.scss',\n shadow: true,\n})\nexport class BiggiveProgressBar {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Colour Scheme\n /\n @Prop() colourScheme: string = 'primary';\n\n /\n Percentage to show + use for CSS width; round before input if desired\n */\n @Prop() counter?: number \| null = 100;\n\n render() {\n if (this.counter === null \|\| this.counter === undefined) {\n return null;\n }\n\n return (\n <div class={'progress-bar progress-bar-' + this.colourScheme + ' space-below-' + this.spaceBelow}>\n <div class=\"slider\">\n <div class=\"progress\" style={{ width: `${Math.min(this.counter, 100)}%` }}></div>\n </div>\n <div class=\"counter\">{this.counter}%</div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-quote.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-quote.js","mappings":";;AAAA,MAAM,eAAe,GAAG,w+IAAw+I,CAAC;AACjgJ,2BAAe,eAAe;;MCQjBA,cAAY~~;;;;;0BACa~~,CAAC;~~iCAEI~~,OAAO;~~qBAExB~~,EAAE;~~2BAEI~~,EAAE~~;+BAEO~~,SAAS~~;;IAEhD~~,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IAC9I,4DAAK,KAAK,EAAC,YAAY,IACrB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,6DAAM,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,GAAG,CACxG,CACF,EACN,4DAAK,KAAK,EAAC,OAAO,cAAG,IAAI,CAAC,KAAK,WAAQ,EACvC,4DAAK,KAAK,EAAC,aAAa,WAAK,IAAI,CAAC,WAAW,CAAO,CAChD,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveQuote"],"sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include all-round-shadow();\n @include standard-font();\n height: 100%;\n background-color: white;\n text-align: center;\n margin-left: auto;\n margin-right: auto;\n max-width: 600px;\n padding: $spacer-6;\n .image-wrap {\n text-align: center;\n margin-bottom: $spacer-3;\n svg {\n height: 30px;\n width: auto;\n margin: auto;\n }\n }\n .quote {\n margin-bottom: $spacer-4;\n }\n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n }\n\n\n @media screen and (max-width: $screen-tablet-max) {\n padding: $spacer-5;\n svg {\n width: 40px;\n height: 40px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n padding: $spacer-4;\n @include font-size-small();\n\n svg {\n width: 30px;\n height: 30px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-small) {\n padding: $spacer-3;\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-quote',\n styleUrl: 'biggive-quote.scss',\n shadow: true,\n})\nexport class BiggiveQuote {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() defaultTextColour: brandColour = 'black';\n\n @Prop() quote: string = '';\n\n @Prop() attribution: string = '';\n\n @Prop() quoteIconColour: brandColour = 'primary';\n\n render() {\n return (\n <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow}>\n <div class=\"image-wrap\">\n <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n </svg>\n </div>\n <div class=\"quote\">“{this.quote}”</div>\n <div class=\"attribution\"> - {this.attribution}</div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-quote.js","mappings":";;AAAA,MAAM,eAAe,GAAG,w+IAAw+I,CAAC;AACjgJ,2BAAe,eAAe;;MCQjBA,cAAY;IALzB;;;;QAMU,eAAU,GAAkB,CAAC,CAAC;QAE9B,sBAAiB,GAAgB,OAAO,CAAC;QAEzC,UAAK,GAAW,EAAE,CAAC;QAEnB,gBAAW,GAAW,EAAE,CAAC;QAEzB,oBAAe,GAAgB,SAAS,CAAC;KAelD;IAbC,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IAC9I,4DAAK,KAAK,EAAC,YAAY,IACrB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,6DAAM,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,GAAG,CACxG,CACF,EACN,4DAAK,KAAK,EAAC,OAAO,cAAG,IAAI,CAAC,KAAK,WAAQ,EACvC,4DAAK,KAAK,EAAC,aAAa,WAAK,IAAI,CAAC,WAAW,CAAO,CAChD,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveQuote"],"sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include all-round-shadow();\n @include standard-font();\n height: 100%;\n background-color: white;\n text-align: center;\n margin-left: auto;\n margin-right: auto;\n max-width: 600px;\n padding: $spacer-6;\n .image-wrap {\n text-align: center;\n margin-bottom: $spacer-3;\n svg {\n height: 30px;\n width: auto;\n margin: auto;\n }\n }\n .quote {\n margin-bottom: $spacer-4;\n }\n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n }\n\n\n @media screen and (max-width: $screen-tablet-max) {\n padding: $spacer-5;\n svg {\n width: 40px;\n height: 40px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n padding: $spacer-4;\n @include font-size-small();\n\n svg {\n width: 30px;\n height: 30px;\n }\n }\n\n @media screen and (max-width: $screen-mobile-small) {\n padding: $spacer-3;\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-quote',\n styleUrl: 'biggive-quote.scss',\n shadow: true,\n})\nexport class BiggiveQuote {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() defaultTextColour: brandColour = 'black';\n\n @Prop() quote: string = '';\n\n @Prop() attribution: string = '';\n\n @Prop() quoteIconColour: brandColour = 'primary';\n\n render() {\n return (\n <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow}>\n <div class=\"image-wrap\">\n <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n </svg>\n </div>\n <div class=\"quote\">“{this.quote}”</div>\n <div class=\"attribution\"> - {this.attribution}</div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-sheet.js CHANGED Viewed

@@ -8,14 +8,17 @@ const BiggiveSheet$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveSheet exten
         super();
         this.__registerHost();
         this.__attachShadow();
+        /**
+         * A string ID (no spaces) unique within the page context, used to trigger the opening of the sheet from an anchor hash.
+         */
+        this.sheetId = '';
+        this.backgroundColour = 'primary';
+        this.textColour = 'white';
         this.closeSheet = () => {
             var _a, _b;
             (_b = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.container')) === null || _b === void 0 ? void 0 : _b.classList.remove('active');
             history.pushState('', document.title, window.location.pathname);
         };
-        this.sheetId = '';
-        this.backgroundColour = 'primary';
-        this.textColour = 'white';
     }
     componentWillLoad() {
         window.addEventListener('hashchange', () => {

package/dist/components/biggive-sheet.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-sheet.js","mappings":";;AAAA,MAAM,eAAe,GAAG,mwQAAmwQ,CAAC;AAC5xQ,2BAAe,eAAe;;MCOjBA,cAAY~~;;;;;QA4Bf~~,eAAU,GAAG;;YACnB,MAAA,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,YAAY,CAAC,0CAAE,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAC9E,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;SACjE,CAAC;~~uBAzBwB,EAAE~~;~~gCAEY~~,~~SAAS;0BAEf,OAAO;;IAEzC,~~iBAAiB;QACf,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE;YACpC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACtC,CAAC,CAAC;KACJ;IAED,kBAAkB;QAChB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACtC;IAEO,SAAS,CAAC,IAAY;;QAC5B,IAAI,IAAI,IAAI,EAAE,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE;YACtC,MAAA,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,YAAY,CAAC,0CAAE,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;SAC5E;KACF;IAOD,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,WAAW,IACrB,4DAAK,KAAK,EAAC,YAAY,GAAO,EAC9B,4DAAK,KAAK,EAAE,0BAA0B,GAAG,IAAI,CAAC,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IAChG,4DAAK,KAAK,EAAC,QAAQ,IACjB,4DAAK,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU,IAC7C,6DAAM,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAC,UAAU,IAC/C,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,6DACE,CAAC,EAAC,6VAA6V,EAC/V,IAAI,EAAC,OAAO,GACZ,CACE,CACD,SAEH,EAEN,4DAAK,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU,IAC9C,6DAAM,KAAK,EAAC,UAAU,IACpB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,IAChF,6DAAM,CAAC,EAAC,+CAA+C,GAAG,CACtD,CACD,CACH,CACF,EACN,4DAAK,KAAK,EAAC,SAAS,IAClB,8DAAa,CACT,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveSheet"],"sources":["src/components/biggive-sheet/biggive-sheet.scss?tag=biggive-sheet&encapsulation=shadow","src/components/biggive-sheet/biggive-sheet.tsx"],"sourcesContent":["@include backgrounds();\n@include text-colours();\n@include fills();\n\n:host {\n display: contents;\n @include standard-font();\n}\n\n\n.container {\n\n &.active {\n .popup {\n transform: translateX(0);\n }\n .background {\n position: fixed;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0,0,0,0.6);\n z-index: 99;\n }\n }\n\n .popup {\n position: fixed;\n transition: transform 1s ease-in-out;\n transform: translateX(100%);\n z-index: 999;\n top: 0;\n bottom: 0;\n right: 0;\n width: 66%;\n\n\n .header {\n padding: 45px;\n display: flex;\n justify-content: space-between;\n .back-link {\n cursor: pointer;\n display: flex;\n font-size: 14px;\n .svg-wrap {\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.colour-#{$key} svg path { fill: $colour; }\n }\n display: flex;\n margin: 5px 15px auto 0;\n svg {\n height: 14px;\n width: auto;\n }\n }\n }\n\n .close-link {\n margin-bottom: auto;\n cursor: pointer;\n .svg-wrap {\n display: block;\n width: 30px;\n height: 30px;\n background-color: #FFFFFF;\n border-radius: 50%;\n text-align: center;\n padding: 6.5px;\n box-sizing: border-box;\n svg {\n display: inline-block;\n top: -1.5px;\n position: relative;\n stroke-width: 1;\n stroke: #000000; \n height: 15px;\n width: 15px;\n transform: rotate(45deg);\n }\n }\n }\n\n }\n\n\n .content{\n padding: 0 45px 90px 90px;\n margin-right: 45px;\n max-height: calc(100vh - 200px);\n overflow-y: scroll;\n box-sizing: border-box;\n }\n\n }\n\n}\n\n\n@media screen and (max-width: $screen-tablet-max) {\n .container {\n .header {\n padding: 15px;\n }\n .content {\n padding: 0 15px 30px 30px;\n margin-right: 15px;\n max-height: calc(100vh - 90px);\n }\n .popup {\n width: 100%;\n }\n }\n}\n\n@media screen and (max-width: $screen-mobile-max) {\n .container {\n .header {\n padding: 15px;\n }\n .content {\n padding: 0 15px 30px 30px;\n margin-right: 15px;\n max-height: calc(100vh - 90px);\n }\n .popup {\n width: 100%;\n }\n }\n}","import { Component, Prop, Element, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n tag: 'biggive-sheet',\n styleUrl: 'biggive-sheet.scss',\n shadow: true,\n})\nexport class BiggiveSheet {\n @Element() host: HTMLBiggiveSheetElement;\n\n /*\n A string ID (no spaces) unique within the page context, used to trigger the opening of the sheet from an anchor hash.\n */\n @Prop() sheetId: string = '';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() textColour: brandColour = 'white';\n\n componentWillLoad() {\n window.addEventListener('hashchange', () => {\n this.openSheet(window.location.hash);\n });\n }\n\n componentDidRender() {\n this.openSheet(window.location.hash);\n }\n\n private openSheet(hash: string) {\n if (hash != '' && hash == this.sheetId) {\n this.host.shadowRoot?.querySelector('.container')?.classList.add('active');\n }\n }\n\n private closeSheet = () => {\n this.host.shadowRoot?.querySelector('.container')?.classList.remove('active');\n history.pushState('', document.title, window.location.pathname);\n };\n\n render() {\n return (\n <div class={'container'}>\n <div class=\"background\"></div>\n <div class={'popup background-colour-' + this.backgroundColour + ' text-colour-' + this.textColour}>\n <div class=\"header\">\n <div class=\"back-link\" onClick={this.closeSheet}>\n <span class={'svg-wrap colour-' + this.textColour}>\n <svg width=\"33\" height=\"16\" viewBox=\"0 0 33 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M0.292892 7.29289C-0.0976295 7.68342 -0.0976295 8.31658 0.292892 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292892 7.29289ZM33 7L1 7V9L33 9V7Z\"\n fill=\"black\"\n />\n </svg>\n </span>\n Back\n </div>\n\n <div class=\"close-link\" onClick={this.closeSheet}>\n <span class=\"svg-wrap\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z\" />\n </svg>\n </span>\n </div>\n </div>\n <div class=\"content\">\n <slot></slot>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-sheet.js","mappings":";;AAAA,MAAM,eAAe,GAAG,mwQAAmwQ,CAAC;AAC5xQ,2BAAe,eAAe;;MCOjBA,cAAY;IALzB;;;;;;;QAWU,YAAO,GAAW,EAAE,CAAC;QAErB,qBAAgB,GAAgB,SAAS,CAAC;QAE1C,eAAU,GAAgB,OAAO,CAAC;QAkBlC,eAAU,GAAG;;YACnB,MAAA,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,YAAY,CAAC,0CAAE,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAC9E,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;SACjE,CAAC;KAmCH;IAtDC,iBAAiB;QACf,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE;YACpC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACtC,CAAC,CAAC;KACJ;IAED,kBAAkB;QAChB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACtC;IAEO,SAAS,CAAC,IAAY;;QAC5B,IAAI,IAAI,IAAI,EAAE,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE;YACtC,MAAA,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,YAAY,CAAC,0CAAE,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;SAC5E;KACF;IAOD,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,WAAW,IACrB,4DAAK,KAAK,EAAC,YAAY,GAAO,EAC9B,4DAAK,KAAK,EAAE,0BAA0B,GAAG,IAAI,CAAC,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IAChG,4DAAK,KAAK,EAAC,QAAQ,IACjB,4DAAK,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU,IAC7C,6DAAM,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAC,UAAU,IAC/C,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,6DACE,CAAC,EAAC,6VAA6V,EAC/V,IAAI,EAAC,OAAO,GACZ,CACE,CACD,SAEH,EAEN,4DAAK,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU,IAC9C,6DAAM,KAAK,EAAC,UAAU,IACpB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,IAChF,6DAAM,CAAC,EAAC,+CAA+C,GAAG,CACtD,CACD,CACH,CACF,EACN,4DAAK,KAAK,EAAC,SAAS,IAClB,8DAAa,CACT,CACF,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveSheet"],"sources":["src/components/biggive-sheet/biggive-sheet.scss?tag=biggive-sheet&encapsulation=shadow","src/components/biggive-sheet/biggive-sheet.tsx"],"sourcesContent":["@include backgrounds();\n@include text-colours();\n@include fills();\n\n:host {\n display: contents;\n @include standard-font();\n}\n\n\n.container {\n\n &.active {\n .popup {\n transform: translateX(0);\n }\n .background {\n position: fixed;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0,0,0,0.6);\n z-index: 99;\n }\n }\n\n .popup {\n position: fixed;\n transition: transform 1s ease-in-out;\n transform: translateX(100%);\n z-index: 999;\n top: 0;\n bottom: 0;\n right: 0;\n width: 66%;\n\n\n .header {\n padding: 45px;\n display: flex;\n justify-content: space-between;\n .back-link {\n cursor: pointer;\n display: flex;\n font-size: 14px;\n .svg-wrap {\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.colour-#{$key} svg path { fill: $colour; }\n }\n display: flex;\n margin: 5px 15px auto 0;\n svg {\n height: 14px;\n width: auto;\n }\n }\n }\n\n .close-link {\n margin-bottom: auto;\n cursor: pointer;\n .svg-wrap {\n display: block;\n width: 30px;\n height: 30px;\n background-color: #FFFFFF;\n border-radius: 50%;\n text-align: center;\n padding: 6.5px;\n box-sizing: border-box;\n svg {\n display: inline-block;\n top: -1.5px;\n position: relative;\n stroke-width: 1;\n stroke: #000000; \n height: 15px;\n width: 15px;\n transform: rotate(45deg);\n }\n }\n }\n\n }\n\n\n .content{\n padding: 0 45px 90px 90px;\n margin-right: 45px;\n max-height: calc(100vh - 200px);\n overflow-y: scroll;\n box-sizing: border-box;\n }\n\n }\n\n}\n\n\n@media screen and (max-width: $screen-tablet-max) {\n .container {\n .header {\n padding: 15px;\n }\n .content {\n padding: 0 15px 30px 30px;\n margin-right: 15px;\n max-height: calc(100vh - 90px);\n }\n .popup {\n width: 100%;\n }\n }\n}\n\n@media screen and (max-width: $screen-mobile-max) {\n .container {\n .header {\n padding: 15px;\n }\n .content {\n padding: 0 15px 30px 30px;\n margin-right: 15px;\n max-height: calc(100vh - 90px);\n }\n .popup {\n width: 100%;\n }\n }\n}","import { Component, Prop, Element, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\n\n@Component({\n tag: 'biggive-sheet',\n styleUrl: 'biggive-sheet.scss',\n shadow: true,\n})\nexport class BiggiveSheet {\n @Element() host: HTMLBiggiveSheetElement;\n\n /*\n A string ID (no spaces) unique within the page context, used to trigger the opening of the sheet from an anchor hash.\n */\n @Prop() sheetId: string = '';\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() textColour: brandColour = 'white';\n\n componentWillLoad() {\n window.addEventListener('hashchange', () => {\n this.openSheet(window.location.hash);\n });\n }\n\n componentDidRender() {\n this.openSheet(window.location.hash);\n }\n\n private openSheet(hash: string) {\n if (hash != '' && hash == this.sheetId) {\n this.host.shadowRoot?.querySelector('.container')?.classList.add('active');\n }\n }\n\n private closeSheet = () => {\n this.host.shadowRoot?.querySelector('.container')?.classList.remove('active');\n history.pushState('', document.title, window.location.pathname);\n };\n\n render() {\n return (\n <div class={'container'}>\n <div class=\"background\"></div>\n <div class={'popup background-colour-' + this.backgroundColour + ' text-colour-' + this.textColour}>\n <div class=\"header\">\n <div class=\"back-link\" onClick={this.closeSheet}>\n <span class={'svg-wrap colour-' + this.textColour}>\n <svg width=\"33\" height=\"16\" viewBox=\"0 0 33 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M0.292892 7.29289C-0.0976295 7.68342 -0.0976295 8.31658 0.292892 8.70711L6.65685 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928932C7.68054 0.538408 7.04738 0.538408 6.65685 0.928932L0.292892 7.29289ZM33 7L1 7V9L33 9V7Z\"\n fill=\"black\"\n />\n </svg>\n </span>\n Back\n </div>\n\n <div class=\"close-link\" onClick={this.closeSheet}>\n <span class=\"svg-wrap\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z\" />\n </svg>\n </span>\n </div>\n </div>\n <div class=\"content\">\n <slot></slot>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-social-icon2.js CHANGED Viewed

@@ -8,11 +8,26 @@ const BiggiveSocialIcon = /*@__PURE__*/ proxyCustomElement(class BiggiveSocialIc
     constructor() {
         super();
         this.__registerHost();
-        this.service = undefined;
+        /**
+         * Used within accessible labels for links. Typically a charity name or "Big Give". Can also be "Share".
+         */
         this.labelPrefix = 'Big Give';
+        /**
+         * Background colour
+         */
         this.backgroundColour = 'primary';
+        /**
+         * Icon colour
+         */
         this.iconColour = 'white';
+        /**
+         * Used in the social icons in the biggive-footer, which are more spaced out
+         * than others across the site. COM-43.
+         */
         this.wide = false;
+        /**
+         * Url
+         */
         this.url = '#';
     }
     getSocialIcon() {

package/dist/components/biggive-social-icon2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-social-icon2.js","mappings":";;;AAAA,MAAM,oBAAoB,GAAG,6+VAA6+V,CAAC;AAC3gW,gCAAe,oBAAoB;;MCWtB,iBAAiB~~;;;;;2BASE~~,UAAU~~;gCAKL~~,SAAS~~;0BAKf~~,OAAO~~;oBAMZ~~,KAAK~~;mBAKP~~,GAAG~~;;IAEjB~~,aAAa;QACnB,IAAI,IAAI,GAAG,uBAAuB,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC/D,OAAO,IAAI,CAAC;KACb;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,qCAAqC,GAAG,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI,GAAG,OAAO,GAAG,EAAE,CAAC,IACpG,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG,gBAAc,GAAG,IAAI,CAAC,WAAW,OAAO,IAAI,CAAC,OAAO,EAAE,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,UAAU,IACrG,4DACE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACnC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACpC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,IAEnF,6DAAM,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CAChD,CACJ,CACA,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/biggive-social-icon/biggive-social-icon.scss?tag=biggive-social-icon","src/components/biggive-social-icon/biggive-social-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n display: contents;\n}\n\n.social-icon-item {\n margin-right: 6px;\n @include icon-large();\n\n &.wide {\n margin-right: 30px;\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n @include icon-medium();\n\n &.wide {\n @include icon-medium();\n }\n }\n}\n","import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n/*\n Used to indicate and link to a charity's social page, or their own web site.\n /\n@Component({\n tag: 'biggive-social-icon',\n styleUrl: 'biggive-social-icon.scss',\n shadow: false,\n})\nexport class BiggiveSocialIcon {\n /\n Service name\n /\n @Prop() service!: 'Facebook' \| 'Instagram' \| 'LinkedIn' \| 'Twitter' \| 'Web' \| 'Whatsapp' \| 'YouTube';\n\n /\n Used within accessible labels for links. Typically a charity name or \"Big Give\". Can also be \"Share\".\n /\n @Prop() labelPrefix: string = 'Big Give';\n\n /\n Background colour\n /\n @Prop() backgroundColour: string = 'primary';\n\n /\n Icon colour\n /\n @Prop() iconColour: string = 'white';\n\n /\n Used in the social icons in the biggive-footer, which are more spaced out\n * than others across the site. COM-43.\n /\n @Prop() wide: boolean = false;\n\n /\n Url\n */\n @Prop() url: string = '#';\n\n private getSocialIcon(): IconDefinition {\n var icon = FontAwesomeIconsService.getSocialIcon(this.service);\n return icon;\n }\n\n render() {\n return (\n <div class={'social-icon-item background-colour-' + this.backgroundColour + (this.wide ? ' wide' : '')}>\n <a href={this.url} aria-label={`${this.labelPrefix} on ${this.service}`} target=\"_blank\" rel=\"noopener\">\n <svg\n width={this.getSocialIcon().icon[0]}\n height={this.getSocialIcon().icon[1]}\n xmlns=\"http://www.w3.org/2000/svg\"\n class={'fill-' + this.iconColour}\n viewBox={'0 0 ' + this.getSocialIcon().icon[0] + ' ' + this.getSocialIcon().icon[1]}\n >\n <path d={this.getSocialIcon().icon[4].toString()} />\n </svg>\n </a>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-social-icon2.js","mappings":";;;AAAA,MAAM,oBAAoB,GAAG,6+VAA6+V,CAAC;AAC3gW,gCAAe,oBAAoB;;MCWtB,iBAAiB;IAL9B;;;;;;QAcU,gBAAW,GAAW,UAAU,CAAC;;;;QAKjC,qBAAgB,GAAW,SAAS,CAAC;;;;QAKrC,eAAU,GAAW,OAAO,CAAC;;;;;QAM7B,SAAI,GAAY,KAAK,CAAC;;;;QAKtB,QAAG,GAAW,GAAG,CAAC;KAwB3B;IAtBS,aAAa;QACnB,IAAI,IAAI,GAAG,uBAAuB,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC/D,OAAO,IAAI,CAAC;KACb;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,qCAAqC,GAAG,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI,GAAG,OAAO,GAAG,EAAE,CAAC,IACpG,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG,gBAAc,GAAG,IAAI,CAAC,WAAW,OAAO,IAAI,CAAC,OAAO,EAAE,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,UAAU,IACrG,4DACE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACnC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACpC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,IAEnF,6DAAM,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CAChD,CACJ,CACA,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/biggive-social-icon/biggive-social-icon.scss?tag=biggive-social-icon","src/components/biggive-social-icon/biggive-social-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n display: contents;\n}\n\n.social-icon-item {\n margin-right: 6px;\n @include icon-large();\n\n &.wide {\n margin-right: 30px;\n }\n\n @media screen and (max-width: $screen-mobile-max) {\n @include icon-medium();\n\n &.wide {\n @include icon-medium();\n }\n }\n}\n","import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n/*\n Used to indicate and link to a charity's social page, or their own web site.\n /\n@Component({\n tag: 'biggive-social-icon',\n styleUrl: 'biggive-social-icon.scss',\n shadow: false,\n})\nexport class BiggiveSocialIcon {\n /\n Service name\n /\n @Prop() service!: 'Facebook' \| 'Instagram' \| 'LinkedIn' \| 'Twitter' \| 'Web' \| 'Whatsapp' \| 'YouTube';\n\n /\n Used within accessible labels for links. Typically a charity name or \"Big Give\". Can also be \"Share\".\n /\n @Prop() labelPrefix: string = 'Big Give';\n\n /\n Background colour\n /\n @Prop() backgroundColour: string = 'primary';\n\n /\n Icon colour\n /\n @Prop() iconColour: string = 'white';\n\n /\n Used in the social icons in the biggive-footer, which are more spaced out\n * than others across the site. COM-43.\n /\n @Prop() wide: boolean = false;\n\n /\n Url\n */\n @Prop() url: string = '#';\n\n private getSocialIcon(): IconDefinition {\n var icon = FontAwesomeIconsService.getSocialIcon(this.service);\n return icon;\n }\n\n render() {\n return (\n <div class={'social-icon-item background-colour-' + this.backgroundColour + (this.wide ? ' wide' : '')}>\n <a href={this.url} aria-label={`${this.labelPrefix} on ${this.service}`} target=\"_blank\" rel=\"noopener\">\n <svg\n width={this.getSocialIcon().icon[0]}\n height={this.getSocialIcon().icon[1]}\n xmlns=\"http://www.w3.org/2000/svg\"\n class={'fill-' + this.iconColour}\n viewBox={'0 0 ' + this.getSocialIcon().icon[0] + ' ' + this.getSocialIcon().icon[1]}\n >\n <path d={this.getSocialIcon().icon[4].toString()} />\n </svg>\n </a>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-tab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-tab.js","mappings":";;AAAA,MAAM,aAAa,GAAG,uLAAuL,CAAC;AAC9M,yBAAe,aAAa;;MCMfA,YAAU~~;;;;;wBACM~~,EAAE~~;;IAE7B~~,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,WAAW,IACpB,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveTab"],"sources":["src/components/biggive-tab/biggive-tab.scss?tag=biggive-tab&encapsulation=shadow","src/components/biggive-tab/biggive-tab.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n\n.container {\n @include standard-font();\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-tab',\n styleUrl: 'biggive-tab.scss',\n shadow: true,\n})\nexport class BiggiveTab {\n @Prop() tabTitle: string = '';\n\n render() {\n return (\n <div class=\"container\">\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-tab.js","mappings":";;AAAA,MAAM,aAAa,GAAG,uLAAuL,CAAC;AAC9M,yBAAe,aAAa;;MCMfA,YAAU;IALvB;;;;QAMU,aAAQ,GAAW,EAAE,CAAC;KAS/B;IAPC,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,WAAW,IACpB,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveTab"],"sources":["src/components/biggive-tab/biggive-tab.scss?tag=biggive-tab&encapsulation=shadow","src/components/biggive-tab/biggive-tab.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n\n.container {\n @include standard-font();\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-tab',\n styleUrl: 'biggive-tab.scss',\n shadow: true,\n})\nexport class BiggiveTab {\n @Prop() tabTitle: string = '';\n\n render() {\n return (\n <div class=\"container\">\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}