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

@biggive/components 202501021532.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/collection/components/biggive-image-feature/biggive-image-feature.js CHANGED Viewed

@@ -1,18 +1,37 @@
 import { h } from "@stencil/core";
 export class BiggiveImageFeature {
     constructor() {
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
+        /**
+         * Default text colour
+         */
         this.defaultTextColour = 'primary';
+        /**
+         * Full URL of a image.
+         */
         this.imageUrl = '';
+        /**
+         * Image alt text tag.
+         */
         this.imageAltText = '';
-        this.slug = undefined;
+        /**
+         * Slug colour
+         */
         this.slugColour = '';
-        this.mainTitle = undefined;
+        /**
+         * Slug colour
+         */
         this.mainTitleColour = '';
-        this.teaser = undefined;
+        /**
+         * Teaser colour
+         */
         this.teaserColour = '';
-        this.buttonUrl = undefined;
-        this.buttonLabel = undefined;
+        /**
+         * Button Colour Scheme
+         */
         this.buttonColourScheme = 'primary';
     }
     render() {

package/dist/collection/components/biggive-image-feature/biggive-image-feature.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-image-feature.js","sourceRoot":"","sources":["../../../src/components/biggive-image-feature/biggive-image-feature.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,mBAAmB;;~~0BAID~~,CAAC;~~iCAIM~~,SAAS;~~wBAKlB~~,EAAE;~~4BAKE~~,EAAE;;~~0BAUJ~~,EAAE~~;;+BAUG~~,EAAE;;~~4BAUL~~,EAAE~~;;;kCAeI~~,~~SAAS~~;;~~IAE9C~~,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU;YAC/F,4DAAK,KAAK,EAAC,QAAQ;gBACjB,4DAAK,KAAK,EAAC,cAAc;oBACvB,4DAAK,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAAC,UAAU,IAAG,IAAI,CAAC,IAAI,CAAO;oBACpE,2DAAI,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC,eAAe,IAAG,IAAI,CAAC,SAAS,CAAM;oBAC7E,4DAAK,KAAK,EAAE,qBAAqB,GAAG,IAAI,CAAC,YAAY,IAAG,IAAI,CAAC,MAAM,CAAO;oBACzE,IAAI,CAAC,WAAW,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,CACpD,uCAA+B,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAmB,CACxH,CAAC,CAAC,CAAC,IAAI,CACJ;gBACN,4DAAK,KAAK,EAAC,cAAc,IACtB,IAAI,CAAC,QAAQ,KAAK,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,CACvD,WAAK,KAAK,EAAC,YAAY;oBACrB,WAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,GAAI,CAC/C,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-image-feature',\n styleUrl: 'biggive-image-feature.scss',\n shadow: true,\n})\nexport class BiggiveImageFeature {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Default text colour\n /\n @Prop() defaultTextColour: string = 'primary';\n\n /\n Full URL of a image.\n /\n @Prop() imageUrl: string = '';\n\n /\n Image alt text tag.\n /\n @Prop() imageAltText: string = '';\n\n /\n Slug\n /\n @Prop() slug: string;\n\n /\n Slug colour\n /\n @Prop() slugColour: string = '';\n\n /\n Video title\n /\n @Prop() mainTitle: string;\n\n /\n Slug colour\n /\n @Prop() mainTitleColour: string = '';\n\n /\n Introductory teaser text\n /\n @Prop() teaser: string;\n\n /\n Teaser colour\n /\n @Prop() teaserColour: string = '';\n\n /\n Button Url\n /\n @Prop() buttonUrl: string;\n\n /\n Button Label\n /\n @Prop() buttonLabel: string;\n\n /\n Button Colour Scheme\n */\n @Prop() buttonColourScheme: string = 'primary';\n\n render() {\n return (\n <div class={'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow}>\n <div class=\"sleeve\">\n <div class=\"content-wrap\">\n <div class={'slug text-colour-' + this.slugColour}>{this.slug}</div>\n <h2 class={'title text-colour-' + this.mainTitleColour}>{this.mainTitle}</h2>\n <div class={'teaser text-colour-' + this.teaserColour}>{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null ? (\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n ) : null}\n </div>\n <div class=\"graphic-wrap\">\n {this.imageUrl !== null && this.imageUrl !== undefined ? (\n <div class=\"image-wrap\">\n <img src={this.imageUrl} alt={this.imageAltText} />\n </div>\n ) : null}\n </div>\n </div>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"biggive-image-feature.js","sourceRoot":"","sources":["../../../src/components/biggive-image-feature/biggive-image-feature.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,mBAAmB;IALhC;QAME;;WAEG;QACK,eAAU,GAAW,CAAC,CAAC;QAC/B;;WAEG;QACK,sBAAiB,GAAW,SAAS,CAAC;QAE9C;;WAEG;QACK,aAAQ,GAAW,EAAE,CAAC;QAE9B;;WAEG;QACK,iBAAY,GAAW,EAAE,CAAC;QAOlC;;WAEG;QACK,eAAU,GAAW,EAAE,CAAC;QAOhC;;WAEG;QACK,oBAAe,GAAW,EAAE,CAAC;QAOrC;;WAEG;QACK,iBAAY,GAAW,EAAE,CAAC;QAYlC;;WAEG;QACK,uBAAkB,GAAW,SAAS,CAAC;KAyBhD;IAvBC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU;YAC/F,4DAAK,KAAK,EAAC,QAAQ;gBACjB,4DAAK,KAAK,EAAC,cAAc;oBACvB,4DAAK,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAAC,UAAU,IAAG,IAAI,CAAC,IAAI,CAAO;oBACpE,2DAAI,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC,eAAe,IAAG,IAAI,CAAC,SAAS,CAAM;oBAC7E,4DAAK,KAAK,EAAE,qBAAqB,GAAG,IAAI,CAAC,YAAY,IAAG,IAAI,CAAC,MAAM,CAAO;oBACzE,IAAI,CAAC,WAAW,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,CACpD,uCAA+B,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAmB,CACxH,CAAC,CAAC,CAAC,IAAI,CACJ;gBACN,4DAAK,KAAK,EAAC,cAAc,IACtB,IAAI,CAAC,QAAQ,KAAK,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,CACvD,WAAK,KAAK,EAAC,YAAY;oBACrB,WAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,GAAI,CAC/C,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-image-feature',\n styleUrl: 'biggive-image-feature.scss',\n shadow: true,\n})\nexport class BiggiveImageFeature {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Default text colour\n /\n @Prop() defaultTextColour: string = 'primary';\n\n /\n Full URL of a image.\n /\n @Prop() imageUrl: string = '';\n\n /\n Image alt text tag.\n /\n @Prop() imageAltText: string = '';\n\n /\n Slug\n /\n @Prop() slug: string;\n\n /\n Slug colour\n /\n @Prop() slugColour: string = '';\n\n /\n Video title\n /\n @Prop() mainTitle: string;\n\n /\n Slug colour\n /\n @Prop() mainTitleColour: string = '';\n\n /\n Introductory teaser text\n /\n @Prop() teaser: string;\n\n /\n Teaser colour\n /\n @Prop() teaserColour: string = '';\n\n /\n Button Url\n /\n @Prop() buttonUrl: string;\n\n /\n Button Label\n /\n @Prop() buttonLabel: string;\n\n /\n Button Colour Scheme\n */\n @Prop() buttonColourScheme: string = 'primary';\n\n render() {\n return (\n <div class={'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow}>\n <div class=\"sleeve\">\n <div class=\"content-wrap\">\n <div class={'slug text-colour-' + this.slugColour}>{this.slug}</div>\n <h2 class={'title text-colour-' + this.mainTitleColour}>{this.mainTitle}</h2>\n <div class={'teaser text-colour-' + this.teaserColour}>{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null ? (\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n ) : null}\n </div>\n <div class=\"graphic-wrap\">\n {this.imageUrl !== null && this.imageUrl !== undefined ? (\n <div class=\"image-wrap\">\n <img src={this.imageUrl} alt={this.imageAltText} />\n </div>\n ) : null}\n </div>\n </div>\n </div>\n );\n }\n}\n"]}

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

@@ -3,6 +3,19 @@ import { makeURL } from "../../util/helper-methods";
 export class BiggiveMainMenu {
     constructor() {
         this.lastScrollHeight = 0;
+        // URL prefixes vary by environment, and components library is not best placed to know what they are, so we
+        // take them as props. But somehow on first render the prop passed in doesn't seem to be used, so the defaults
+        // below are the values currently used in our prod site. They should be replaced by other values in other
+        // environments.
+        this.blogUrlPrefix = 'https://biggive.org';
+        this.donateUrlPrefix = 'https://donate.biggive.org';
+        this.experienceUrlPrefix = 'https://community.biggive.org';
+        this.myAccountFlagEnabled = false;
+        /**
+         * Whether the current user is logged in (i.e. is assumed to have a valid JWT). They get links to some
+         * extra content if they are.
+         */
+        this.isLoggedIn = false;
         this.openMobileMenu = () => {
             const mobileMenu = this.host.shadowRoot.querySelector('.nav-links');
             mobileMenu.style.left = '0';
@@ -14,11 +27,6 @@ export class BiggiveMainMenu {
             const mobileMenu = this.host.shadowRoot.querySelector('.nav-links');
             mobileMenu.style.left = '-100%';
         };
-        this.blogUrlPrefix = 'https://biggive.org';
-        this.donateUrlPrefix = 'https://donate.biggive.org';
-        this.experienceUrlPrefix = 'https://community.biggive.org';
-        this.myAccountFlagEnabled = false;
-        this.isLoggedIn = false;
     }
     async closeMobileMenuFromOutside() {
         const mobileMenu = this.host.shadowRoot.querySelector('.nav-links');

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

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-main-menu.js","sourceRoot":"","sources":["../../../src/components/biggive-main-menu/biggive-main-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}
1	+ {"version":3,"file":"biggive-main-menu.js","sourceRoot":"","sources":["../../../src/components/biggive-main-menu/biggive-main-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/dist/collection/components/biggive-misc-icon/biggive-misc-icon.js CHANGED Viewed

@@ -2,10 +2,14 @@ import { h } from "@stencil/core";
 import { FontAwesomeIconsService } from "../../util/fontawesome-icons";
 export class BiggiveMiscIcon {
     constructor() {
+        /**
+         * 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/collection/components/biggive-misc-icon/biggive-misc-icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-misc-icon.js","sourceRoot":"","sources":["../../../src/components/biggive-misc-icon/biggive-misc-icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAOvE,MAAM,OAAO,eAAe;;~~gCAIS~~,SAAS;~~0BAKf~~,OAAO~~;;;;IAY5B~~,WAAW;QACjB,IAAI,IAAI,GAAG,uBAAuB,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM;QACJ,OAAO;QACL,+FAA+F;QAC/F,4DAAK,KAAK,EAAE,mCAAmC,GAAG,IAAI,CAAC,gBAAgB,GAAG,GAAG,GAAG,IAAI,CAAC,IAAI;YACvF,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG;gBACf,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;oBAE/E,6DAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CAC9C,CACJ,CACA,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}
1	+ {"version":3,"file":"biggive-misc-icon.js","sourceRoot":"","sources":["../../../src/components/biggive-misc-icon/biggive-misc-icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAOvE,MAAM,OAAO,eAAe;IAL5B;QAME;;WAEG;QACK,qBAAgB,GAAW,SAAS,CAAC;QAE7C;;WAEG;QACK,eAAU,GAAW,OAAO,CAAC;KAmCtC;IAvBS,WAAW;QACjB,IAAI,IAAI,GAAG,uBAAuB,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM;QACJ,OAAO;QACL,+FAA+F;QAC/F,4DAAK,KAAK,EAAE,mCAAmC,GAAG,IAAI,CAAC,gBAAgB,GAAG,GAAG,GAAG,IAAI,CAAC,IAAI;YACvF,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG;gBACf,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;oBAE/E,6DAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CAC9C,CACJ,CACA,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -1,6 +1,9 @@
 import { h } from "@stencil/core";
 export class BiggiveNavGroup {
     constructor() {
+        /**
+         * Inline
+         */
         this.inline = true;
     }
     render() {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-nav-group.js","sourceRoot":"","sources":["../../../src/components/biggive-nav-group/biggive-nav-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,eAAe;;~~sBAIA~~,IAAI~~;;IAE9B~~,MAAM;QACJ,OAAO,CACL;YACE,8DAAa,CACV,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}
1	+ {"version":3,"file":"biggive-nav-group.js","sourceRoot":"","sources":["../../../src/components/biggive-nav-group/biggive-nav-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,eAAe;IAL5B;QAME;;WAEG;QACK,WAAM,GAAY,IAAI,CAAC;KAShC;IAPC,MAAM;QACJ,OAAO,CACL;YACE,8DAAa,CACV,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -1,10 +1,5 @@
 import { h } from "@stencil/core";
 export class BiggiveNavItem {
-    constructor() {
-        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/collection/components/biggive-nav-item/biggive-nav-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-nav-item.js","sourceRoot":"","sources":["../../../src/components/biggive-nav-item/biggive-nav-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,cAAc~~;;;;;;~~IAczB,MAAM;QACJ,OAAO,CACL,2DAAI,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU;YAClC,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IAAG,IAAI,CAAC,KAAK,CAAK;YACnC,8DAAa,CACV,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}
1	+ {"version":3,"file":"biggive-nav-item.js","sourceRoot":"","sources":["../../../src/components/biggive-nav-item/biggive-nav-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,cAAc;IAczB,MAAM;QACJ,OAAO,CACL,2DAAI,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU;YAClC,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IAAG,IAAI,CAAC,KAAK,CAAK;YACnC,8DAAa,CACV,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -1,6 +1,9 @@
 import { h } from "@stencil/core";
 export class BiggivePageColumns {
     constructor() {
+        /**
+         * Space below component
+         */
         this.spaceBelow = 0;
     }
     render() {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-page-columns.js","sourceRoot":"","sources":["../../../src/components/biggive-page-columns/biggive-page-columns.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,kBAAkB;;~~0BAIA~~,CAAC~~;;IAE9B~~,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU;YACpD,4DAAK,KAAK,EAAC,SAAS;gBAClB,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,6DAAM,IAAI,EAAC,gBAAgB,GAAQ,CAC/B;gBACN,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,6DAAM,IAAI,EAAC,kBAAkB,GAAQ,CACjC,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}
1	+ {"version":3,"file":"biggive-page-columns.js","sourceRoot":"","sources":["../../../src/components/biggive-page-columns/biggive-page-columns.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,kBAAkB;IAL/B;QAME;;WAEG;QACK,eAAU,GAAW,CAAC,CAAC;KAgBhC;IAdC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU;YACpD,4DAAK,KAAK,EAAC,SAAS;gBAClB,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,6DAAM,IAAI,EAAC,gBAAgB,GAAQ,CAC/B;gBACN,4DAAK,KAAK,EAAC,kBAAkB;oBAC3B,6DAAM,IAAI,EAAC,kBAAkB,GAAQ,CACjC,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -1,11 +1,25 @@
 import { h } from "@stencil/core";
 export class BiggivePageSection {
     constructor() {
+        /**
+         * 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/collection/components/biggive-page-section/biggive-page-section.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-page-section.js","sourceRoot":"","sources":["../../../src/components/biggive-page-section/biggive-page-section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,kBAAkB;;~~0BAIA~~,CAAC~~;+BAKI~~,UAAU;~~kCAKP~~,UAAU;;~~wBAUpB~~,GAAG;~~gCAKM~~,KAAK~~;;IAEzC~~,MAAM;QACJ,OAAO,CACL,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;gBACvB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YAG9C,4DAAK,KAAK,EAAC,QAAQ;gBACjB,8DAAa,CACT,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}
1	+ {"version":3,"file":"biggive-page-section.js","sourceRoot":"","sources":["../../../src/components/biggive-page-section/biggive-page-section.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,kBAAkB;IAL/B;QAME;;WAEG;QACK,eAAU,GAAW,CAAC,CAAC;QAE/B;;WAEG;QACK,oBAAe,GAAW,UAAU,CAAC;QAE7C;;WAEG;QACK,uBAAkB,GAAW,UAAU,CAAC;QAOhD;;WAEG;QACK,aAAQ,GAAW,GAAG,CAAC;QAE/B;;WAEG;QACK,qBAAgB,GAAY,KAAK,CAAC;KAyB3C;IAvBC,MAAM;QACJ,OAAO,CACL,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;gBACvB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YAG9C,4DAAK,KAAK,EAAC,QAAQ;gBACjB,8DAAa,CACT,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/dist/collection/components/biggive-popup/biggive-popup.js CHANGED Viewed

@@ -1,6 +1,10 @@
 import { h } from "@stencil/core";
 export class BiggivePopup {
     constructor() {
+        /**
+         * 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');
@@ -8,7 +12,6 @@ export class BiggivePopup {
                 this.modalClosedCallback();
             }
         };
-        this.modalClosedCallback = () => { };
     }
     async openFromOutside() {
         this.popup.setAttribute('data-visible', 'true');

package/dist/collection/components/biggive-popup/biggive-popup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-popup.js","sourceRoot":"","sources":["../../../src/components/biggive-popup/biggive-popup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAO3D,MAAM,OAAO,YAAY;;~~QAsBf~~,oBAAe,GAAG,CAAC,KAAU,EAAE,EAAE;YACvC,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;gBACzF,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;YAC7B,CAAC;QACH,CAAC,CAAC;~~mCAtBwC~~,~~GAAG,EAAE,GAAE,CAAC;;IAGlD,~~KAAK,CAAC,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;IACrB,CAAC;IAGD,KAAK,CAAC,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;IAC7B,CAAC;IAUD,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,OAAO,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,EAAoB,CAAC,EAAE,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe;YAC5G,4DAAK,KAAK,EAAC,QAAQ;gBACjB,4DAAK,KAAK,EAAC,QAAQ;oBACjB,4DAAK,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe,GAAQ,CACpD;gBACN,4DAAK,KAAK,EAAC,SAAS;oBAClB,8DAAa,CACT,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}
1	+ {"version":3,"file":"biggive-popup.js","sourceRoot":"","sources":["../../../src/components/biggive-popup/biggive-popup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAO3D,MAAM,OAAO,YAAY;IALzB;QAQE;;WAEG;QACK,wBAAmB,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;QAgB3C,oBAAe,GAAG,CAAC,KAAU,EAAE,EAAE;YACvC,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;gBACzF,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;YAC7B,CAAC;QACH,CAAC,CAAC;KAgBH;IAnCC,KAAK,CAAC,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;IACrB,CAAC;IAGD,KAAK,CAAC,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;IAC7B,CAAC;IAUD,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,OAAO,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,EAAoB,CAAC,EAAE,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe;YAC5G,4DAAK,KAAK,EAAC,QAAQ;gBACjB,4DAAK,KAAK,EAAC,QAAQ;oBACjB,4DAAK,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe,GAAQ,CACpD;gBACN,4DAAK,KAAK,EAAC,SAAS;oBAClB,8DAAa,CACT,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/dist/collection/components/biggive-progress-bar/biggive-progress-bar.js CHANGED Viewed

@@ -1,8 +1,17 @@
 import { h } from "@stencil/core";
 export class BiggiveProgressBar {
     constructor() {
+        /**
+         * 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/collection/components/biggive-progress-bar/biggive-progress-bar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-progress-bar.js","sourceRoot":"","sources":["../../../src/components/biggive-progress-bar/biggive-progress-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,kBAAkB;;~~0BAIA~~,CAAC;~~4BAIC~~,SAAS;~~uBAKN~~,GAAG~~;;IAErC~~,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YACxD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,WAAK,KAAK,EAAE,4BAA4B,GAAG,IAAI,CAAC,YAAY,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU;YAC9F,WAAK,KAAK,EAAC,QAAQ;gBACjB,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;YACN,WAAK,KAAK,EAAC,SAAS;gBAAE,IAAI,CAAC,OAAO;oBAAQ,CACtC,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}
1	+ {"version":3,"file":"biggive-progress-bar.js","sourceRoot":"","sources":["../../../src/components/biggive-progress-bar/biggive-progress-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,kBAAkB;IAL/B;QAME;;WAEG;QACK,eAAU,GAAW,CAAC,CAAC;QAC/B;;WAEG;QACK,iBAAY,GAAW,SAAS,CAAC;QAEzC;;WAEG;QACK,YAAO,GAAmB,GAAG,CAAC;KAgBvC;IAdC,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YACxD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,WAAK,KAAK,EAAE,4BAA4B,GAAG,IAAI,CAAC,YAAY,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU;YAC9F,WAAK,KAAK,EAAC,QAAQ;gBACjB,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;YACN,WAAK,KAAK,EAAC,SAAS;gBAAE,IAAI,CAAC,OAAO;oBAAQ,CACtC,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-quote.js","sourceRoot":"","sources":["../../../src/components/biggive-quote/biggive-quote.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASnD,MAAM,OAAO,YAAY~~;;0BACa~~,CAAC;~~iCAEI~~,OAAO;~~qBAExB~~,EAAE;~~2BAEI~~,EAAE~~;+BAEO~~,SAAS~~;;IAEhD~~,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU;YAC9I,4DAAK,KAAK,EAAC,YAAY;gBACrB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;oBAC5F,6DAAM,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,GAAG,CACxG,CACF;YACN,4DAAK,KAAK,EAAC,OAAO;;gBAAG,IAAI,CAAC,KAAK;yBAAQ;YACvC,4DAAK,KAAK,EAAC,aAAa;;gBAAK,IAAI,CAAC,WAAW,CAAO,CAChD,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}
1	+ {"version":3,"file":"biggive-quote.js","sourceRoot":"","sources":["../../../src/components/biggive-quote/biggive-quote.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASnD,MAAM,OAAO,YAAY;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,OAAO,CACL,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU;YAC9I,4DAAK,KAAK,EAAC,YAAY;gBACrB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;oBAC5F,6DAAM,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,GAAG,CACxG,CACF;YACN,4DAAK,KAAK,EAAC,OAAO;;gBAAG,IAAI,CAAC,KAAK;yBAAQ;YACvC,4DAAK,KAAK,EAAC,aAAa;;gBAAK,IAAI,CAAC,WAAW,CAAO,CAChD,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -1,14 +1,17 @@
 import { h } from "@stencil/core";
 export class BiggiveSheet {
     constructor() {
+        /**
+         * 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/collection/components/biggive-sheet/biggive-sheet.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-sheet.js","sourceRoot":"","sources":["../../../src/components/biggive-sheet/biggive-sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQ5D,MAAM,OAAO,YAAY;;~~QA4Bf~~,eAAU,GAAG,GAAG,EAAE;;YACxB,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;QAClE,CAAC,CAAC;~~uBAzBwB,EAAE~~;~~gCAEY~~,~~SAAS;0BAEf,OAAO;;IAEzC,~~iBAAiB;QACf,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE;YACzC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;IAEO,SAAS,CAAC,IAAY;;QAC5B,IAAI,IAAI,IAAI,EAAE,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACvC,MAAA,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,YAAY,CAAC,0CAAE,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC7E,CAAC;IACH,CAAC;IAOD,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,WAAW;YACrB,4DAAK,KAAK,EAAC,YAAY,GAAO;YAC9B,4DAAK,KAAK,EAAE,0BAA0B,GAAG,IAAI,CAAC,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU;gBAChG,4DAAK,KAAK,EAAC,QAAQ;oBACjB,4DAAK,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU;wBAC7C,6DAAM,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAC,UAAU;4BAC/C,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;gCAC5F,6DACE,CAAC,EAAC,6VAA6V,EAC/V,IAAI,EAAC,OAAO,GACZ,CACE,CACD;+BAEH;oBAEN,4DAAK,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU;wBAC9C,6DAAM,KAAK,EAAC,UAAU;4BACpB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;gCAChF,6DAAM,CAAC,EAAC,+CAA+C,GAAG,CACtD,CACD,CACH,CACF;gBACN,4DAAK,KAAK,EAAC,SAAS;oBAClB,8DAAa,CACT,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}
1	+ {"version":3,"file":"biggive-sheet.js","sourceRoot":"","sources":["../../../src/components/biggive-sheet/biggive-sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQ5D,MAAM,OAAO,YAAY;IALzB;QAQE;;WAEG;QACK,YAAO,GAAW,EAAE,CAAC;QAErB,qBAAgB,GAAgB,SAAS,CAAC;QAE1C,eAAU,GAAgB,OAAO,CAAC;QAkBlC,eAAU,GAAG,GAAG,EAAE;;YACxB,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;QAClE,CAAC,CAAC;KAmCH;IAtDC,iBAAiB;QACf,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE;YACzC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;IAEO,SAAS,CAAC,IAAY;;QAC5B,IAAI,IAAI,IAAI,EAAE,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACvC,MAAA,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,aAAa,CAAC,YAAY,CAAC,0CAAE,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC7E,CAAC;IACH,CAAC;IAOD,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,WAAW;YACrB,4DAAK,KAAK,EAAC,YAAY,GAAO;YAC9B,4DAAK,KAAK,EAAE,0BAA0B,GAAG,IAAI,CAAC,gBAAgB,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU;gBAChG,4DAAK,KAAK,EAAC,QAAQ;oBACjB,4DAAK,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU;wBAC7C,6DAAM,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAC,UAAU;4BAC/C,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;gCAC5F,6DACE,CAAC,EAAC,6VAA6V,EAC/V,IAAI,EAAC,OAAO,GACZ,CACE,CACD;+BAEH;oBAEN,4DAAK,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,UAAU;wBAC9C,6DAAM,KAAK,EAAC,UAAU;4BACpB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;gCAChF,6DAAM,CAAC,EAAC,+CAA+C,GAAG,CACtD,CACD,CACH,CACF;gBACN,4DAAK,KAAK,EAAC,SAAS;oBAClB,8DAAa,CACT,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/dist/collection/components/biggive-social-icon/biggive-social-icon.js CHANGED Viewed

@@ -5,11 +5,26 @@ import { FontAwesomeIconsService } from "../../util/fontawesome-icons";
  */
 export class BiggiveSocialIcon {
     constructor() {
-        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/collection/components/biggive-social-icon/biggive-social-icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-social-icon.js","sourceRoot":"","sources":["../../../src/components/biggive-social-icon/biggive-social-icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE;;GAEG;AAMH,MAAM,OAAO,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;IACd,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,qCAAqC,GAAG,IAAI,CAAC,gBAAgB,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YACpG,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG,gBAAc,GAAG,IAAI,CAAC,WAAW,OAAO,IAAI,CAAC,OAAO,EAAE,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,UAAU;gBACrG,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;oBAEnF,6DAAM,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CAChD,CACJ,CACA,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}
1	+ {"version":3,"file":"biggive-social-icon.js","sourceRoot":"","sources":["../../../src/components/biggive-social-icon/biggive-social-icon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE;;GAEG;AAMH,MAAM,OAAO,iBAAiB;IAL9B;QAWE;;WAEG;QACK,gBAAW,GAAW,UAAU,CAAC;QAEzC;;WAEG;QACK,qBAAgB,GAAW,SAAS,CAAC;QAE7C;;WAEG;QACK,eAAU,GAAW,OAAO,CAAC;QAErC;;;WAGG;QACK,SAAI,GAAY,KAAK,CAAC;QAE9B;;WAEG;QACK,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;IACd,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,qCAAqC,GAAG,IAAI,CAAC,gBAAgB,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YACpG,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG,gBAAc,GAAG,IAAI,CAAC,WAAW,OAAO,IAAI,CAAC,OAAO,EAAE,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,UAAU;gBACrG,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;oBAEnF,6DAAM,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CAChD,CACJ,CACA,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"biggive-tab.js","sourceRoot":"","sources":["../../../src/components/biggive-tab/biggive-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,UAAU~~;;wBACM~~,EAAE~~;;IAE7B~~,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,WAAW;YACpB,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}
1	+ {"version":3,"file":"biggive-tab.js","sourceRoot":"","sources":["../../../src/components/biggive-tab/biggive-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,UAAU;IALvB;QAMU,aAAQ,GAAW,EAAE,CAAC;KAS/B;IAPC,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,WAAW;YACpB,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}