@biggive/components 202506181018.0.0 → 202506190906.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 (19) hide show
  1. package/dist/biggive/biggive.esm.js +1 -1
  2. package/dist/biggive/p-86521f54.entry.js +2 -0
  3. package/dist/biggive/p-86521f54.entry.js.map +1 -0
  4. package/dist/biggive/philco-main-menu.entry.esm.js.map +1 -1
  5. package/dist/cjs/philco-main-menu.cjs.entry.js +2 -2
  6. package/dist/cjs/philco-main-menu.cjs.entry.js.map +1 -1
  7. package/dist/cjs/philco-main-menu.entry.cjs.js.map +1 -1
  8. package/dist/collection/components/philco-main-menu/philco-main-menu.css +15 -29
  9. package/dist/collection/components/philco-main-menu/philco-main-menu.js +1 -1
  10. package/dist/collection/components/philco-main-menu/philco-main-menu.js.map +1 -1
  11. package/dist/components/philco-main-menu.js +2 -2
  12. package/dist/components/philco-main-menu.js.map +1 -1
  13. package/dist/esm/philco-main-menu.entry.js +2 -2
  14. package/dist/esm/philco-main-menu.entry.js.map +1 -1
  15. package/hydrate/index.js +2 -2
  16. package/hydrate/index.mjs +2 -2
  17. package/package.json +1 -1
  18. package/dist/biggive/p-738f98cf.entry.js +0 -2
  19. package/dist/biggive/p-738f98cf.entry.js.map +0 -1
package/dist/biggive/biggive.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- import{p as e,H as o,g as t,b as l}from"./p-DZr5lYtw.js";export{s as setNonce}from"./p-DZr5lYtw.js";var r=()=>{{a(o.prototype)}const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};var a=e=>{const o=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return o.call(this,e)}const t=o.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){t.appendChild(l[e].cloneNode(true))}}}return t}};r().then((async e=>{await t();return l(JSON.parse('[["p-e06b3172",[[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}]]],["p-848beac3",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[1,"category-options"],"beneficiaryOptions":[1,"beneficiary-options"],"locationOptions":[1,"location-options"],"selectedSortByOption":[1025,"selected-sort-by-option"],"selectedFilterCategory":[1025,"selected-filter-category"],"selectedFilterBeneficiary":[1025,"selected-filter-beneficiary"],"selectedFilterLocation":[1025,"selected-filter-location"],"filtersApplied":[32],"unfocusInputs":[64]}]]],["p-a233016a",[[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"],"championName":[1,"champion-name"],"championUrl":[1,"champion-url"]}]]],["p-749f45b6",[[1,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16,"previously-agreed-cookie-preferences"]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-0e9be8d6",[[1,"biggive-footer",{"headingLevel":[2,"heading-level"],"donateUrlPrefix":[1,"donate-url-prefix"],"blogUrlPrefix":[1,"blog-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"usePresetFooter":[4,"use-preset-footer"]}]]],["p-35b4bd6d",[[1,"biggive-main-menu",{"blogUrlPrefix":[1,"blog-url-prefix"],"donateUrlPrefix":[1,"donate-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"someCampaignHasHomePageRedirect":[4,"some-campaign-has-home-page-redirect"],"isLoggedIn":[4,"is-logged-in"],"closeMobileMenuFromOutside":[64]}]]],["p-738f98cf",[[1,"philco-main-menu",{"philcoUrlPrefix":[1,"philco-url-prefix"],"closeMobileMenuFromOutside":[64]}]]],["p-fc3b5226",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"date":[1],"dateColour":[1,"date-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"image1Url":[1,"image-1-url"],"image1AltText":[1,"image-1-alt-text"],"image2Url":[1,"image-2-url"],"image2AltText":[1,"image-2-alt-text"],"imageLabel":[1,"image-label"],"imageLabelColour":[1,"image-label-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColour":[1,"button-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"]}]]],["p-c3e1f08e",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"siteDesign":[1,"site-design"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"mainTitle":[1,"main-title"],"subtitle":[1],"author":[1],"date":[1],"teaser":[1],"icon":[4],"iconColour":[1,"icon-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"],"addAnimation":[4,"add-animation"]}]]],["p-d853a4e5",[[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}]]],["p-eb6fa11a",[[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"logoHeight":[2,"logo-height"],"logoAltText":[1,"logo-alt-text"],"mainImage":[1,"main-image"],"mainImageShape":[1,"main-image-shape"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-475c8345",[[1,"biggive-icon-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"icon":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-3ffac663",[[1,"biggive-image-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"textAlign":[1,"text-align"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"addAnimation":[4,"add-animation"]}]]],["p-722cf5fc",[[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-306f4fee",[[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-3a92bb20",[[1,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}]]],["p-b6d42bcf",[[1,"biggive-accordion-entry",{"heading":[1]}]]],["p-916e38a2",[[1,"biggive-back-to-top"]]],["p-e14ab003",[[1,"biggive-biography-card",{"spaceBelow":[2,"space-below"],"borderWidth":[2,"border-width"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"textColour":[1,"text-colour"],"backgroundColour":[1,"background-colour"],"fullName":[1,"full-name"],"jobTitle":[1,"job-title"],"textAlign":[1,"text-align"],"ratio":[1],"circle":[4],"circleColour":[1,"circle-colour"],"rounded":[4],"url":[1]}]]],["p-dfbc71b0",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-bc5cbcd1",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"],"charityUrl":[1,"charity-url"]}]]],["p-ee657d37",[[1,"biggive-container-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"]}]]],["p-1ad25908",[[1,"biggive-form"]]],["p-fcd6a283",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"],"siteDesign":[1,"site-design"]}]]],["p-3061c094",[[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}]]],["p-6bab26b8",[[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-096c3a62",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["p-32855ae7",[[1,"biggive-image-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-f500074c",[[1,"biggive-nav-group",{"inline":[4]}]]],["p-28aef3ff",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-9ad2836b",[[1,"biggive-page-column"]]],["p-95c26e05",[[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}]]],["p-572fe8cc",[[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"],"maxWidth":[2,"max-width"],"primaryFullBleed":[4,"primary-full-bleed"]}]]],["p-9f721661",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1],"quoteIconColour":[1,"quote-icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-ac025d32",[[1,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}]]],["p-7e0efade",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["p-1ae4f09f",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"]}]]],["p-840510f5",[[1,"biggive-table",{"spaceBelow":[2,"space-below"],"headerTextColour":[1,"header-text-colour"],"headerBackgroundColour":[1,"header-background-colour"],"bodyTextColour":[1,"body-text-colour"],"bodyBackgroundColour":[1,"body-background-colour"]}]]],["p-fe8e9627",[[1,"biggive-text-input",{"value":[1],"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"],"siteDesign":[1,"site-design"]}]]],["p-00ef8e06",[[1,"biggive-timeline",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"],"entryBackgroundColour":[1,"entry-background-colour"],"entryHighlightColour":[1,"entry-highlight-colour"],"entryDateColour":[1,"entry-date-colour"],"entryTitleColour":[1,"entry-title-colour"],"entryTextColour":[1,"entry-text-colour"]}]]],["p-3a42f5c8",[[1,"biggive-timeline-entry",{"date":[1],"heading":[1]}]]],["p-38f5b04b",[[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}]]],["p-f1625137",[[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}]]],["p-23f78624",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]],["p-8a882580",[[1,"philco-footer",{"headingLevel":[2,"heading-level"],"philcoUrlPrefix":[1,"philco-url-prefix"]}]]],["p-6a3a6d9e",[[1,"biggive-form-field-select",{"selectionChanged":[16,"selection-changed"],"prompt":[1],"selectedValue":[1025,"selected-value"],"selectedLabel":[1025,"selected-label"],"options":[1],"selectStyle":[1,"select-style"],"backgroundColour":[1,"background-colour"],"selectedOptionColour":[1,"selected-option-colour"],"selectElementId":[1,"select-element-id"],"spaceBelow":[2,"space-below"],"placeholder":[1]}]]],["p-dbc46e3c",[[1,"biggive-popup",{"modalClosedCallback":[16,"modal-closed-callback"],"openFromOutside":[64],"closeFromOutside":[64]}]]],["p-a140bf98",[[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}]]],["p-2459060f",[[1,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}]]],["p-c2122796",[[1,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}]]],["p-4e4351e4",[[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4],"centered":[4],"buttonId":[1,"button-id"],"siteDesign":[1,"site-design"],"disabled":[4]}]]]]'),e)}));
1
+ import{p as e,H as o,g as t,b as l}from"./p-DZr5lYtw.js";export{s as setNonce}from"./p-DZr5lYtw.js";var r=()=>{{a(o.prototype)}const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};var a=e=>{const o=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return o.call(this,e)}const t=o.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){t.appendChild(l[e].cloneNode(true))}}}return t}};r().then((async e=>{await t();return l(JSON.parse('[["p-e06b3172",[[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}]]],["p-848beac3",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[1,"category-options"],"beneficiaryOptions":[1,"beneficiary-options"],"locationOptions":[1,"location-options"],"selectedSortByOption":[1025,"selected-sort-by-option"],"selectedFilterCategory":[1025,"selected-filter-category"],"selectedFilterBeneficiary":[1025,"selected-filter-beneficiary"],"selectedFilterLocation":[1025,"selected-filter-location"],"filtersApplied":[32],"unfocusInputs":[64]}]]],["p-a233016a",[[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"],"championName":[1,"champion-name"],"championUrl":[1,"champion-url"]}]]],["p-749f45b6",[[1,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16,"previously-agreed-cookie-preferences"]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-0e9be8d6",[[1,"biggive-footer",{"headingLevel":[2,"heading-level"],"donateUrlPrefix":[1,"donate-url-prefix"],"blogUrlPrefix":[1,"blog-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"usePresetFooter":[4,"use-preset-footer"]}]]],["p-35b4bd6d",[[1,"biggive-main-menu",{"blogUrlPrefix":[1,"blog-url-prefix"],"donateUrlPrefix":[1,"donate-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"someCampaignHasHomePageRedirect":[4,"some-campaign-has-home-page-redirect"],"isLoggedIn":[4,"is-logged-in"],"closeMobileMenuFromOutside":[64]}]]],["p-86521f54",[[1,"philco-main-menu",{"philcoUrlPrefix":[1,"philco-url-prefix"],"closeMobileMenuFromOutside":[64]}]]],["p-fc3b5226",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"date":[1],"dateColour":[1,"date-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"image1Url":[1,"image-1-url"],"image1AltText":[1,"image-1-alt-text"],"image2Url":[1,"image-2-url"],"image2AltText":[1,"image-2-alt-text"],"imageLabel":[1,"image-label"],"imageLabelColour":[1,"image-label-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColour":[1,"button-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"]}]]],["p-c3e1f08e",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"siteDesign":[1,"site-design"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"mainTitle":[1,"main-title"],"subtitle":[1],"author":[1],"date":[1],"teaser":[1],"icon":[4],"iconColour":[1,"icon-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"],"addAnimation":[4,"add-animation"]}]]],["p-d853a4e5",[[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}]]],["p-eb6fa11a",[[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"logoHeight":[2,"logo-height"],"logoAltText":[1,"logo-alt-text"],"mainImage":[1,"main-image"],"mainImageShape":[1,"main-image-shape"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-475c8345",[[1,"biggive-icon-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"icon":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-3ffac663",[[1,"biggive-image-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"textAlign":[1,"text-align"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"addAnimation":[4,"add-animation"]}]]],["p-722cf5fc",[[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-306f4fee",[[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-3a92bb20",[[1,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}]]],["p-b6d42bcf",[[1,"biggive-accordion-entry",{"heading":[1]}]]],["p-916e38a2",[[1,"biggive-back-to-top"]]],["p-e14ab003",[[1,"biggive-biography-card",{"spaceBelow":[2,"space-below"],"borderWidth":[2,"border-width"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"textColour":[1,"text-colour"],"backgroundColour":[1,"background-colour"],"fullName":[1,"full-name"],"jobTitle":[1,"job-title"],"textAlign":[1,"text-align"],"ratio":[1],"circle":[4],"circleColour":[1,"circle-colour"],"rounded":[4],"url":[1]}]]],["p-dfbc71b0",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-bc5cbcd1",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"],"charityUrl":[1,"charity-url"]}]]],["p-ee657d37",[[1,"biggive-container-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"]}]]],["p-1ad25908",[[1,"biggive-form"]]],["p-fcd6a283",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"],"siteDesign":[1,"site-design"]}]]],["p-3061c094",[[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}]]],["p-6bab26b8",[[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-096c3a62",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["p-32855ae7",[[1,"biggive-image-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-f500074c",[[1,"biggive-nav-group",{"inline":[4]}]]],["p-28aef3ff",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-9ad2836b",[[1,"biggive-page-column"]]],["p-95c26e05",[[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}]]],["p-572fe8cc",[[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"],"maxWidth":[2,"max-width"],"primaryFullBleed":[4,"primary-full-bleed"]}]]],["p-9f721661",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1],"quoteIconColour":[1,"quote-icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-ac025d32",[[1,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}]]],["p-7e0efade",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["p-1ae4f09f",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"]}]]],["p-840510f5",[[1,"biggive-table",{"spaceBelow":[2,"space-below"],"headerTextColour":[1,"header-text-colour"],"headerBackgroundColour":[1,"header-background-colour"],"bodyTextColour":[1,"body-text-colour"],"bodyBackgroundColour":[1,"body-background-colour"]}]]],["p-fe8e9627",[[1,"biggive-text-input",{"value":[1],"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"],"siteDesign":[1,"site-design"]}]]],["p-00ef8e06",[[1,"biggive-timeline",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"],"entryBackgroundColour":[1,"entry-background-colour"],"entryHighlightColour":[1,"entry-highlight-colour"],"entryDateColour":[1,"entry-date-colour"],"entryTitleColour":[1,"entry-title-colour"],"entryTextColour":[1,"entry-text-colour"]}]]],["p-3a42f5c8",[[1,"biggive-timeline-entry",{"date":[1],"heading":[1]}]]],["p-38f5b04b",[[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}]]],["p-f1625137",[[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}]]],["p-23f78624",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]],["p-8a882580",[[1,"philco-footer",{"headingLevel":[2,"heading-level"],"philcoUrlPrefix":[1,"philco-url-prefix"]}]]],["p-6a3a6d9e",[[1,"biggive-form-field-select",{"selectionChanged":[16,"selection-changed"],"prompt":[1],"selectedValue":[1025,"selected-value"],"selectedLabel":[1025,"selected-label"],"options":[1],"selectStyle":[1,"select-style"],"backgroundColour":[1,"background-colour"],"selectedOptionColour":[1,"selected-option-colour"],"selectElementId":[1,"select-element-id"],"spaceBelow":[2,"space-below"],"placeholder":[1]}]]],["p-dbc46e3c",[[1,"biggive-popup",{"modalClosedCallback":[16,"modal-closed-callback"],"openFromOutside":[64],"closeFromOutside":[64]}]]],["p-a140bf98",[[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}]]],["p-2459060f",[[1,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}]]],["p-c2122796",[[1,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}]]],["p-4e4351e4",[[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4],"centered":[4],"buttonId":[1,"button-id"],"siteDesign":[1,"site-design"],"disabled":[4]}]]]]'),e)}));
2
2
  //# sourceMappingURL=biggive.esm.js.map
package/dist/biggive/p-86521f54.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ import{r as a,d as i,h as n,c as e,e as o,a as t}from"./p-DZr5lYtw.js";import{m as l}from"./p-BXkyQAX3.js";const s='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{font-family:"Bitter", serif;font-size:16px;margin:0;padding:0;box-sizing:border-box}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}nav{top:0;left:0;width:100%;height:70px;background:#1d1d1B;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px;background-color:#1d1d1B;color:#FFFFFF}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:#FFFFFF;font-size:17px;font-weight:500}nav .navbar .logo{min-width:10px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .logo a{font-size:30px;color:#FFFFFF;text-decoration:none;font-weight:600;display:grid}nav .navbar .logo a img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:none}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0 25px}nav .navbar .logo{min-width:100px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:#1d1d1B;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6;padding:0 7px 0 17px}nav .navbar .nav-links .links li.signup{padding:15px 7px 12px 0}nav .navbar .nav-links .links li a{width:100%;display:block;font-size:15px}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}';const d=class{constructor(n){a(this,n);this.logoutClicked=i(this,"logoutClicked");this.openMobileMenu=()=>{const a=this.host.shadowRoot.querySelector(".nav-links");a.style.left="0"};this.closeMobileMenu=()=>{const a=this.host.shadowRoot.querySelector(".nav-links");a.style.left="-100%"}}async closeMobileMenuFromOutside(){const a=this.host.shadowRoot.querySelector(".nav-links");a.style.left="-100%"}componentDidLoad(){this.host.classList.add("fixed")}render(){const a="/";return n(o,{key:"b45fde88c0f0fba7257b6a59b492712d69d32bf2"},n("nav",{key:"561e2fe81a681fc07774c55b40dd965f954a079d",role:"navigation","aria-label":"Main Menu"},n("div",{key:"86e726276cd7faea95feb4cff092dba37461cfaf",class:"navbar"},n("div",{key:"6d3e83d98f2142068afb297c7c3bd5840faaa08d",class:"logo"},n("a",{key:"80f957300165e5a47e7cb34ad7ff3992d7534cdb",href:this.philcoUrlPrefix+a,"aria-label":"Home"},n("img",{key:"b9f4a63de99cffe3b4b41a2fab4c519877e8f3ed",src:e("/assets/images/philco/Philcologo-white.png"),alt:"PhilCo"}))),n("biggive-misc-icon",{key:"ff57124a994362d665de3fe123d5926569e6cbbe",class:"bx bx-menu","background-colour":"transparent","icon-colour":"white",icon:"MenuOpen",onClick:this.openMobileMenu}),n("div",{key:"e8b464e532385e9caed1eadf02a30ec6434f5e1c",class:"nav-links"},n("div",{key:"63db4717fe677a9cd87dc1a831190669809a7f18",class:"sidebar-logo"},n("a",{key:"0b30ce0efca1bb626d724d8b6ff22c5a50192943",href:this.philcoUrlPrefix+a,"aria-label":"Home"}),n("biggive-misc-icon",{key:"14ab27431e8234fe7a1e1890b882e8afbdfd6507",class:"bx bx-x","background-colour":"transparent","icon-colour":"white",icon:"MenuClose",onClick:this.closeMobileMenu})),n("div",{key:"a9dc2d531c5e0642fe2df801548ade98f9fd2bee",id:"nav-primary"},n("ul",{key:"7b2548c5ae1454ba9da230c9aa7f4ed106152b10",class:"links",slot:"nav-primary"},n("li",{key:"a3ab64f5604f59549dbb796ba861904b6eab0363"},n("a",{key:"2c097f17569f4bce91cbeaba796ed43f818752f8",href:l("Philco",this.philcoUrlPrefix,"why-become-a-philco")},"Why become a Philco")),n("li",{key:"eeab5b9b5a117d10b6bc1217203b6245f1fdd633"},n("a",{key:"2b0e3985dc8fb47d88c0cff15a445c1a1153226a",href:l("Philco",this.philcoUrlPrefix,"news")},"News")),n("li",{key:"d3792f7eede889d6a738659a8da04da9f40630a6",class:"signup"},n("biggive-button",{key:"def027dace3a3211dd2bef520695edde699b36b8",label:"Sign up","site-design":"philco","colour-scheme":"philco-white",rounded:true,url:l("Philco",this.philcoUrlPrefix,"sign-up")}))))))))}get host(){return t(this)}};d.style=s;export{d as philco_main_menu};
2
+ //# sourceMappingURL=p-86521f54.entry.js.map
package/dist/biggive/p-86521f54.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["philcoMainMenuCss","PhilcoMainMenu","constructor","hostRef","this","openMobileMenu","mobileMenu","host","shadowRoot","querySelector","style","left","closeMobileMenu","closeMobileMenuFromOutside","componentDidLoad","classList","add","render","homePageLink","h","Host","key","role","class","href","philcoUrlPrefix","src","getAssetPath","alt","icon","onClick","id","slot","makeURL","label","rounded","url"],"sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n @include philco-body-font();\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 * $spacer-2;\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: $colour-philco-gray-90;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n background-color: $colour-philco-gray-90;\n color: $colour-philco-white;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: $colour-philco-white;\n font-size: 17px;\n font-weight: 500;\n }\n }\n }\n }\n\n .logo {\n min-width: 10px;\n width: 100px;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n a {\n font-size: 30px;\n color: $colour-philco-white;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0 25px;\n\n .logo {\n min-width: 100px;\n width: 100px;\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: $colour-philco-gray-90;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n padding: 0 7px 0 17px;\n\n &.signup {\n // 10px less on the left so that the big button's text doesn't look so misaligned from the standalone\n // links. Extra vertical so the surrounding lines look more balanced.\n padding: 15px 7px 12px 0;\n }\n\n a {\n width: 100%;\n display: block;\n font-size: 15px;\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n","import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n @Element() host: HTMLPhilcoMainMenuElement;\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() philcoUrlPrefix: string;\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 closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" 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('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'news')}>News</a>\n </li>\n <li class=\"signup\">\n <biggive-button\n label=\"Sign up\"\n site-design=\"philco\"\n colour-scheme=\"philco-white\"\n rounded={true}\n url={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}\n ></biggive-button>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"mappings":"2GAAA,MAAMA,EAAoB,qqF,MCQbC,EAAc,MAL3B,WAAAC,CAAAC,G,qDA4BUC,KAAcC,eAAG,KACvB,MAAMC,EAAaF,KAAKG,KAAKC,WAAYC,cAA2B,cACpEH,EAAYI,MAAMC,KAAO,GAAG,EAGtBP,KAAeQ,gBAAG,KACxB,MAAMN,EAAaF,KAAKG,KAAKC,WAAYC,cAA2B,cACpEH,EAAYI,MAAMC,KAAO,OAAO,CAkDnC,CA9DC,gCAAME,GACJ,MAAMP,EAAaF,KAAKG,KAAKC,WAAYC,cAA2B,cACpEH,EAAYI,MAAMC,KAAO,O,CAa3B,gBAAAG,GACEV,KAAKG,KAAKQ,UAAUC,IAAI,Q,CAG1B,MAAAC,GACE,MAAMC,EAAe,IAErB,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,KAAK,aAAY,aAAY,aAChCH,EAAK,OAAAE,IAAA,2CAAAE,MAAM,UACTJ,EAAK,OAAAE,IAAA,2CAAAE,MAAM,QACTJ,EAAG,KAAAE,IAAA,2CAAAG,KAAMpB,KAAKqB,gBAAkBP,EAAY,aAAa,QACvDC,EAAA,OAAAE,IAAA,2CAAKK,IAAKC,EAAa,8CAA+CC,IAAI,aAG9ET,EAAA,qBAAAE,IAAA,2CAAmBE,MAAM,aAA+B,kCAAa,cAAa,QAAQM,KAAK,WAAWC,QAAS1B,KAAKC,iBACxHc,EAAK,OAAAE,IAAA,2CAAAE,MAAM,aACTJ,EAAK,OAAAE,IAAA,2CAAAE,MAAM,gBACTJ,EAAG,KAAAE,IAAA,2CAAAG,KAAMpB,KAAKqB,gBAAkBP,EAAyB,sBACzDC,EAAA,qBAAAE,IAAA,2CAAmBE,MAAM,UAAS,oBAAmB,cAAa,cAAa,QAAQM,KAAK,YAAYC,QAAS1B,KAAKQ,mBAExHO,EAAK,OAAAE,IAAA,2CAAAU,GAAG,eACNZ,EAAA,MAAAE,IAAA,2CAAIE,MAAM,QAAQS,KAAK,eACrBb,EAAA,MAAAE,IAAA,4CACEF,EAAA,KAAAE,IAAA,2CAAGG,KAAMS,EAAQ,SAAU7B,KAAKqB,gBAAiB,wBAAsB,wBAEzEN,EAAA,MAAAE,IAAA,4CACEF,EAAA,KAAAE,IAAA,2CAAGG,KAAMS,EAAQ,SAAU7B,KAAKqB,gBAAiB,SAAO,SAE1DN,EAAI,MAAAE,IAAA,2CAAAE,MAAM,UACRJ,EAAA,kBAAAE,IAAA,2CACEa,MAAM,UAAS,cACH,SACE,+BACdC,QAAS,KACTC,IAAKH,EAAQ,SAAU7B,KAAKqB,gBAAiB,mB","ignoreList":[]}
package/dist/biggive/philco-main-menu.entry.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"philco-main-menu.entry.esm.js","sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n @include philco-body-font();\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 * $spacer-2;\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: $colour-philco-gray-90;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n background-color: $colour-philco-gray-90;\n color: $colour-philco-white;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: $colour-philco-white;\n font-size: 17px;\n font-weight: 500;\n }\n }\n }\n }\n\n .logo {\n min-width: 10px;\n width: 100px;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n a {\n font-size: 30px;\n color: $colour-philco-white;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (max-width: 1200px) {\n nav {\n .navbar {\n .logo {\n min-width: 100px;\n width: 100px;\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n\n .nav-links {\n .links {\n li {\n padding: 0 7px;\n\n a {\n font-size: 15px;\n }\n\n &.signup {\n height: 40px;\n padding-top: 5px;\n margin-left: -10px;\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0px 25px;\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: $colour-philco-gray-90;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n\n #mobileLogo {\n width: 130px;\n }\n\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .mobile-social-icon-wrap {\n margin-top: 20px;\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n\n a {\n width: 100%;\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n","import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n @Element() host: HTMLPhilcoMainMenuElement;\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() philcoUrlPrefix: string;\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 closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" 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('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'news')}>News</a>\n </li>\n <li class=\"signup\">\n <biggive-button\n label=\"Sign up\"\n site-design=\"philco\"\n colour-scheme=\"philco-white\"\n rounded={true}\n url={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}\n size=\"small\"\n ></biggive-button>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"philco-main-menu.entry.esm.js","sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n @include philco-body-font();\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 * $spacer-2;\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: $colour-philco-gray-90;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n background-color: $colour-philco-gray-90;\n color: $colour-philco-white;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: $colour-philco-white;\n font-size: 17px;\n font-weight: 500;\n }\n }\n }\n }\n\n .logo {\n min-width: 10px;\n width: 100px;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n a {\n font-size: 30px;\n color: $colour-philco-white;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0 25px;\n\n .logo {\n min-width: 100px;\n width: 100px;\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: $colour-philco-gray-90;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n padding: 0 7px 0 17px;\n\n &.signup {\n // 10px less on the left so that the big button's text doesn't look so misaligned from the standalone\n // links. Extra vertical so the surrounding lines look more balanced.\n padding: 15px 7px 12px 0;\n }\n\n a {\n width: 100%;\n display: block;\n font-size: 15px;\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n","import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n @Element() host: HTMLPhilcoMainMenuElement;\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() philcoUrlPrefix: string;\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 closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" 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('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'news')}>News</a>\n </li>\n <li class=\"signup\">\n <biggive-button\n label=\"Sign up\"\n site-design=\"philco\"\n colour-scheme=\"philco-white\"\n rounded={true}\n url={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}\n ></biggive-button>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
package/dist/cjs/philco-main-menu.cjs.entry.js CHANGED
@@ -3,7 +3,7 @@
3
3
  var index = require('./index-CxRTMpc0.js');
4
4
  var helperMethods = require('./helper-methods-5NvdQhOc.js');
5
5
 
6
- const philcoMainMenuCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{font-family:\"Bitter\", serif;font-size:16px;margin:0;padding:0;box-sizing:border-box}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}nav{top:0;left:0;width:100%;height:70px;background:#1d1d1B;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px;background-color:#1d1d1B;color:#FFFFFF}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:#FFFFFF;font-size:17px;font-weight:500}nav .navbar .logo{min-width:10px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .logo a{font-size:30px;color:#FFFFFF;text-decoration:none;font-weight:600;display:grid}nav .navbar .logo a img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:none}@media (max-width: 1200px){nav .navbar .logo{min-width:100px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .nav-links .links li{padding:0 7px}nav .navbar .nav-links .links li a{font-size:15px}nav .navbar .nav-links .links li.signup{height:40px;padding-top:5px;margin-left:-10px}}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0px 25px}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:#1d1d1B;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo a #mobileLogo{width:130px}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .mobile-social-icon-wrap{margin-top:20px}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6}nav .navbar .nav-links .links li a{width:100%;display:block}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}";
6
+ const philcoMainMenuCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{font-family:\"Bitter\", serif;font-size:16px;margin:0;padding:0;box-sizing:border-box}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}nav{top:0;left:0;width:100%;height:70px;background:#1d1d1B;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px;background-color:#1d1d1B;color:#FFFFFF}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:#FFFFFF;font-size:17px;font-weight:500}nav .navbar .logo{min-width:10px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .logo a{font-size:30px;color:#FFFFFF;text-decoration:none;font-weight:600;display:grid}nav .navbar .logo a img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:none}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0 25px}nav .navbar .logo{min-width:100px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:#1d1d1B;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6;padding:0 7px 0 17px}nav .navbar .nav-links .links li.signup{padding:15px 7px 12px 0}nav .navbar .nav-links .links li a{width:100%;display:block;font-size:15px}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}";
7
7
 
8
8
  const PhilcoMainMenu = class {
9
9
  constructor(hostRef) {
@@ -27,7 +27,7 @@ const PhilcoMainMenu = class {
27
27
  }
28
28
  render() {
29
29
  const homePageLink = '/';
30
- return (index.h(index.Host, { key: 'b45fde88c0f0fba7257b6a59b492712d69d32bf2' }, index.h("nav", { key: '561e2fe81a681fc07774c55b40dd965f954a079d', role: "navigation", "aria-label": "Main Menu" }, index.h("div", { key: '86e726276cd7faea95feb4cff092dba37461cfaf', class: "navbar" }, index.h("div", { key: '6d3e83d98f2142068afb297c7c3bd5840faaa08d', class: "logo" }, index.h("a", { key: '80f957300165e5a47e7cb34ad7ff3992d7534cdb', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }, index.h("img", { key: 'b9f4a63de99cffe3b4b41a2fab4c519877e8f3ed', src: index.getAssetPath('/assets/images/philco/Philcologo-white.png'), alt: "PhilCo" }))), index.h("biggive-misc-icon", { key: 'ff57124a994362d665de3fe123d5926569e6cbbe', class: "bx bx-menu", "background-colour": "transparent", "icon-colour": "white", icon: "MenuOpen", onClick: this.openMobileMenu }), index.h("div", { key: 'e8b464e532385e9caed1eadf02a30ec6434f5e1c', class: "nav-links" }, index.h("div", { key: '63db4717fe677a9cd87dc1a831190669809a7f18', class: "sidebar-logo" }, index.h("a", { key: '0b30ce0efca1bb626d724d8b6ff22c5a50192943', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }), index.h("biggive-misc-icon", { key: '14ab27431e8234fe7a1e1890b882e8afbdfd6507', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "white", icon: "MenuClose", onClick: this.closeMobileMenu })), index.h("div", { key: 'a9dc2d531c5e0642fe2df801548ade98f9fd2bee', id: "nav-primary" }, index.h("ul", { key: '7b2548c5ae1454ba9da230c9aa7f4ed106152b10', class: "links", slot: "nav-primary" }, index.h("li", { key: 'a3ab64f5604f59549dbb796ba861904b6eab0363' }, index.h("a", { key: '2c097f17569f4bce91cbeaba796ed43f818752f8', href: helperMethods.makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco') }, "Why become a Philco")), index.h("li", { key: 'eeab5b9b5a117d10b6bc1217203b6245f1fdd633' }, index.h("a", { key: '2b0e3985dc8fb47d88c0cff15a445c1a1153226a', href: helperMethods.makeURL('Philco', this.philcoUrlPrefix, 'news') }, "News")), index.h("li", { key: 'd3792f7eede889d6a738659a8da04da9f40630a6', class: "signup" }, index.h("biggive-button", { key: '30c9b2b713669563607be142b62391c1d1086f51', label: "Sign up", "site-design": "philco", "colour-scheme": "philco-white", rounded: true, url: helperMethods.makeURL('Philco', this.philcoUrlPrefix, 'sign-up'), size: "small" })))))))));
30
+ return (index.h(index.Host, { key: 'b45fde88c0f0fba7257b6a59b492712d69d32bf2' }, index.h("nav", { key: '561e2fe81a681fc07774c55b40dd965f954a079d', role: "navigation", "aria-label": "Main Menu" }, index.h("div", { key: '86e726276cd7faea95feb4cff092dba37461cfaf', class: "navbar" }, index.h("div", { key: '6d3e83d98f2142068afb297c7c3bd5840faaa08d', class: "logo" }, index.h("a", { key: '80f957300165e5a47e7cb34ad7ff3992d7534cdb', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }, index.h("img", { key: 'b9f4a63de99cffe3b4b41a2fab4c519877e8f3ed', src: index.getAssetPath('/assets/images/philco/Philcologo-white.png'), alt: "PhilCo" }))), index.h("biggive-misc-icon", { key: 'ff57124a994362d665de3fe123d5926569e6cbbe', class: "bx bx-menu", "background-colour": "transparent", "icon-colour": "white", icon: "MenuOpen", onClick: this.openMobileMenu }), index.h("div", { key: 'e8b464e532385e9caed1eadf02a30ec6434f5e1c', class: "nav-links" }, index.h("div", { key: '63db4717fe677a9cd87dc1a831190669809a7f18', class: "sidebar-logo" }, index.h("a", { key: '0b30ce0efca1bb626d724d8b6ff22c5a50192943', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }), index.h("biggive-misc-icon", { key: '14ab27431e8234fe7a1e1890b882e8afbdfd6507', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "white", icon: "MenuClose", onClick: this.closeMobileMenu })), index.h("div", { key: 'a9dc2d531c5e0642fe2df801548ade98f9fd2bee', id: "nav-primary" }, index.h("ul", { key: '7b2548c5ae1454ba9da230c9aa7f4ed106152b10', class: "links", slot: "nav-primary" }, index.h("li", { key: 'a3ab64f5604f59549dbb796ba861904b6eab0363' }, index.h("a", { key: '2c097f17569f4bce91cbeaba796ed43f818752f8', href: helperMethods.makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco') }, "Why become a Philco")), index.h("li", { key: 'eeab5b9b5a117d10b6bc1217203b6245f1fdd633' }, index.h("a", { key: '2b0e3985dc8fb47d88c0cff15a445c1a1153226a', href: helperMethods.makeURL('Philco', this.philcoUrlPrefix, 'news') }, "News")), index.h("li", { key: 'd3792f7eede889d6a738659a8da04da9f40630a6', class: "signup" }, index.h("biggive-button", { key: 'def027dace3a3211dd2bef520695edde699b36b8', label: "Sign up", "site-design": "philco", "colour-scheme": "philco-white", rounded: true, url: helperMethods.makeURL('Philco', this.philcoUrlPrefix, 'sign-up') })))))))));
31
31
  }
32
32
  get host() { return index.getElement(this); }
33
33
  };
package/dist/cjs/philco-main-menu.cjs.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"philco-main-menu.entry.cjs.js","mappings":"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","names":["h","Host","getAssetPath","makeURL"],"sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n @include philco-body-font();\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 * $spacer-2;\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: $colour-philco-gray-90;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n background-color: $colour-philco-gray-90;\n color: $colour-philco-white;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: $colour-philco-white;\n font-size: 17px;\n font-weight: 500;\n }\n }\n }\n }\n\n .logo {\n min-width: 10px;\n width: 100px;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n a {\n font-size: 30px;\n color: $colour-philco-white;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (max-width: 1200px) {\n nav {\n .navbar {\n .logo {\n min-width: 100px;\n width: 100px;\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n\n .nav-links {\n .links {\n li {\n padding: 0 7px;\n\n a {\n font-size: 15px;\n }\n\n &.signup {\n height: 40px;\n padding-top: 5px;\n margin-left: -10px;\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0px 25px;\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: $colour-philco-gray-90;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n\n #mobileLogo {\n width: 130px;\n }\n\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .mobile-social-icon-wrap {\n margin-top: 20px;\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n\n a {\n width: 100%;\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n","import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n @Element() host: HTMLPhilcoMainMenuElement;\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() philcoUrlPrefix: string;\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 closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" 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('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'news')}>News</a>\n </li>\n <li class=\"signup\">\n <biggive-button\n label=\"Sign up\"\n site-design=\"philco\"\n colour-scheme=\"philco-white\"\n rounded={true}\n url={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}\n size=\"small\"\n ></biggive-button>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"philco-main-menu.entry.cjs.js","mappings":"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","names":["h","Host","getAssetPath","makeURL"],"sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n @include philco-body-font();\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 * $spacer-2;\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: $colour-philco-gray-90;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n background-color: $colour-philco-gray-90;\n color: $colour-philco-white;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: $colour-philco-white;\n font-size: 17px;\n font-weight: 500;\n }\n }\n }\n }\n\n .logo {\n min-width: 10px;\n width: 100px;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n a {\n font-size: 30px;\n color: $colour-philco-white;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0 25px;\n\n .logo {\n min-width: 100px;\n width: 100px;\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: $colour-philco-gray-90;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n padding: 0 7px 0 17px;\n\n &.signup {\n // 10px less on the left so that the big button's text doesn't look so misaligned from the standalone\n // links. Extra vertical so the surrounding lines look more balanced.\n padding: 15px 7px 12px 0;\n }\n\n a {\n width: 100%;\n display: block;\n font-size: 15px;\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n","import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n @Element() host: HTMLPhilcoMainMenuElement;\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() philcoUrlPrefix: string;\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 closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" 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('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'news')}>News</a>\n </li>\n <li class=\"signup\">\n <biggive-button\n label=\"Sign up\"\n site-design=\"philco\"\n colour-scheme=\"philco-white\"\n rounded={true}\n url={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}\n ></biggive-button>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"version":3}
package/dist/cjs/philco-main-menu.entry.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"philco-main-menu.entry.cjs.js","sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n @include philco-body-font();\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 * $spacer-2;\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: $colour-philco-gray-90;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n background-color: $colour-philco-gray-90;\n color: $colour-philco-white;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: $colour-philco-white;\n font-size: 17px;\n font-weight: 500;\n }\n }\n }\n }\n\n .logo {\n min-width: 10px;\n width: 100px;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n a {\n font-size: 30px;\n color: $colour-philco-white;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (max-width: 1200px) {\n nav {\n .navbar {\n .logo {\n min-width: 100px;\n width: 100px;\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n\n .nav-links {\n .links {\n li {\n padding: 0 7px;\n\n a {\n font-size: 15px;\n }\n\n &.signup {\n height: 40px;\n padding-top: 5px;\n margin-left: -10px;\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0px 25px;\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: $colour-philco-gray-90;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n\n #mobileLogo {\n width: 130px;\n }\n\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .mobile-social-icon-wrap {\n margin-top: 20px;\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n\n a {\n width: 100%;\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n","import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n @Element() host: HTMLPhilcoMainMenuElement;\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() philcoUrlPrefix: string;\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 closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" 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('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'news')}>News</a>\n </li>\n <li class=\"signup\">\n <biggive-button\n label=\"Sign up\"\n site-design=\"philco\"\n colour-scheme=\"philco-white\"\n rounded={true}\n url={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}\n size=\"small\"\n ></biggive-button>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"names":["h","Host","getAssetPath","makeURL"],"mappings":";;;;;AAAA,MAAM,iBAAiB,GAAG,s5FAAs5F;;MCQn6F,cAAc,GAAA,MAAA;AAL3B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AA4BU,QAAA,IAAc,CAAA,cAAA,GAAG,MAAK;AAC5B,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,aAAa,CAAc,YAAY,CAAC;AACjF,YAAA,UAAW,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG;AAC9B,SAAC;AAEO,QAAA,IAAe,CAAA,eAAA,GAAG,MAAK;AAC7B,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,aAAa,CAAc,YAAY,CAAC;AACjF,YAAA,UAAW,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO;AAClC,SAAC;AAkDF;AA/DC,IAAA,MAAM,0BAA0B,GAAA;AAC9B,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,aAAa,CAAc,YAAY,CAAC;AACjF,QAAA,UAAW,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO;;IAalC,gBAAgB,GAAA;QACd,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC;;IAGlC,MAAM,GAAA;QACJ,MAAM,YAAY,GAAG,GAAG;QAExB,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,IAAI,EAAC,YAAY,EAAA,YAAA,EAAY,WAAW,EAAA,EAC3CA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EACfA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,eAAe,GAAG,YAAY,gBAAa,MAAM,EAAA,EAC7DA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,GAAG,EAAEE,kBAAY,CAAC,4CAA4C,CAAC,EAAE,GAAG,EAAC,QAAQ,EAAG,CAAA,CACnF,CACA,EACNF,OAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAmB,KAAK,EAAC,YAAY,EAAmB,mBAAA,EAAA,aAAa,iBAAa,OAAO,EAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,cAAc,EAAsB,CAAA,EAC5JA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACpBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvBA,OAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,eAAe,GAAG,YAAY,EAAa,YAAA,EAAA,MAAM,EAAK,CAAA,EACpEA,OAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAmB,KAAK,EAAC,SAAS,uBAAmB,aAAa,EAAA,aAAA,EAAa,OAAO,EAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe,GAAsB,CACvJ,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,aAAa,EAAA,EACnBA,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAA,EAClCA,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,IAAI,EAAEG,qBAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,qBAAqB,CAAC,0BAAyB,CAC7F,EACLH,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,IAAI,EAAEG,qBAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,WAAU,CAC/D,EACLH,OAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAChBA,OAAA,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,SAAS,EACH,aAAA,EAAA,QAAQ,mBACN,cAAc,EAC5B,OAAO,EAAE,IAAI,EACb,GAAG,EAAEG,qBAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,EACvD,IAAI,EAAC,OAAO,EACI,CAAA,CACf,CACF,CACD,CACF,CACF,CACF,CACD;;;;;;;;"}
1
+ {"version":3,"file":"philco-main-menu.entry.cjs.js","sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n @include philco-body-font();\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 * $spacer-2;\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: $colour-philco-gray-90;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n background-color: $colour-philco-gray-90;\n color: $colour-philco-white;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: $colour-philco-white;\n font-size: 17px;\n font-weight: 500;\n }\n }\n }\n }\n\n .logo {\n min-width: 10px;\n width: 100px;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n a {\n font-size: 30px;\n color: $colour-philco-white;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0 25px;\n\n .logo {\n min-width: 100px;\n width: 100px;\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: $colour-philco-gray-90;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n padding: 0 7px 0 17px;\n\n &.signup {\n // 10px less on the left so that the big button's text doesn't look so misaligned from the standalone\n // links. Extra vertical so the surrounding lines look more balanced.\n padding: 15px 7px 12px 0;\n }\n\n a {\n width: 100%;\n display: block;\n font-size: 15px;\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n","import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n @Element() host: HTMLPhilcoMainMenuElement;\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() philcoUrlPrefix: string;\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 closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" 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('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'news')}>News</a>\n </li>\n <li class=\"signup\">\n <biggive-button\n label=\"Sign up\"\n site-design=\"philco\"\n colour-scheme=\"philco-white\"\n rounded={true}\n url={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}\n ></biggive-button>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"names":["h","Host","getAssetPath","makeURL"],"mappings":"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"}
package/dist/collection/components/philco-main-menu/philco-main-menu.css CHANGED
@@ -113,28 +113,6 @@ nav .navbar .bx-menu {
113
113
  display: none;
114
114
  }
115
115
 
116
- @media (max-width: 1200px) {
117
- nav .navbar .logo {
118
- min-width: 100px;
119
- width: 100px;
120
- }
121
- nav .navbar .logo img {
122
- height: 100%;
123
- width: 100%;
124
- object-fit: contain;
125
- }
126
- nav .navbar .nav-links .links li {
127
- padding: 0 7px;
128
- }
129
- nav .navbar .nav-links .links li a {
130
- font-size: 15px;
131
- }
132
- nav .navbar .nav-links .links li.signup {
133
- height: 40px;
134
- padding-top: 5px;
135
- margin-left: -10px;
136
- }
137
- }
138
116
  @media (max-width: 968px) {
139
117
  .mobile-only {
140
118
  display: block !important;
@@ -146,7 +124,16 @@ nav .navbar .bx-menu {
146
124
  height: 60px;
147
125
  }
148
126
  nav .navbar {
149
- padding: 0px 25px;
127
+ padding: 0 25px;
128
+ }
129
+ nav .navbar .logo {
130
+ min-width: 100px;
131
+ width: 100px;
132
+ }
133
+ nav .navbar .logo img {
134
+ height: 100%;
135
+ width: 100%;
136
+ object-fit: contain;
150
137
  }
151
138
  nav .navbar .bx-menu {
152
139
  display: block;
@@ -176,9 +163,6 @@ nav .navbar .bx-menu {
176
163
  nav .navbar .nav-links .sidebar-logo a {
177
164
  display: contents;
178
165
  }
179
- nav .navbar .nav-links .sidebar-logo a #mobileLogo {
180
- width: 130px;
181
- }
182
166
  nav .navbar .nav-links .sidebar-logo #x {
183
167
  margin-right: 15px;
184
168
  }
@@ -186,9 +170,6 @@ nav .navbar .bx-menu {
186
170
  font-size: 25px;
187
171
  color: black;
188
172
  }
189
- nav .navbar .nav-links .mobile-social-icon-wrap {
190
- margin-top: 20px;
191
- }
192
173
  nav .navbar .nav-links .links {
193
174
  display: block;
194
175
  margin-top: 20px;
@@ -196,10 +177,15 @@ nav .navbar .bx-menu {
196
177
  nav .navbar .nav-links .links li {
197
178
  display: block;
198
179
  border-bottom: 1px solid #e6e6e6;
180
+ padding: 0 7px 0 17px;
181
+ }
182
+ nav .navbar .nav-links .links li.signup {
183
+ padding: 15px 7px 12px 0;
199
184
  }
200
185
  nav .navbar .nav-links .links li a {
201
186
  width: 100%;
202
187
  display: block;
188
+ font-size: 15px;
203
189
  }
204
190
  }
205
191
  @media (max-width: 968px) and (max-width: 370px) {
package/dist/collection/components/philco-main-menu/philco-main-menu.js CHANGED
@@ -20,7 +20,7 @@ export class PhilcoMainMenu {
20
20
  }
21
21
  render() {
22
22
  const homePageLink = '/';
23
- return (h(Host, { key: 'b45fde88c0f0fba7257b6a59b492712d69d32bf2' }, h("nav", { key: '561e2fe81a681fc07774c55b40dd965f954a079d', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: '86e726276cd7faea95feb4cff092dba37461cfaf', class: "navbar" }, h("div", { key: '6d3e83d98f2142068afb297c7c3bd5840faaa08d', class: "logo" }, h("a", { key: '80f957300165e5a47e7cb34ad7ff3992d7534cdb', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }, h("img", { key: 'b9f4a63de99cffe3b4b41a2fab4c519877e8f3ed', src: getAssetPath('/assets/images/philco/Philcologo-white.png'), alt: "PhilCo" }))), h("biggive-misc-icon", { key: 'ff57124a994362d665de3fe123d5926569e6cbbe', class: "bx bx-menu", "background-colour": "transparent", "icon-colour": "white", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: 'e8b464e532385e9caed1eadf02a30ec6434f5e1c', class: "nav-links" }, h("div", { key: '63db4717fe677a9cd87dc1a831190669809a7f18', class: "sidebar-logo" }, h("a", { key: '0b30ce0efca1bb626d724d8b6ff22c5a50192943', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }), h("biggive-misc-icon", { key: '14ab27431e8234fe7a1e1890b882e8afbdfd6507', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "white", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: 'a9dc2d531c5e0642fe2df801548ade98f9fd2bee', id: "nav-primary" }, h("ul", { key: '7b2548c5ae1454ba9da230c9aa7f4ed106152b10', class: "links", slot: "nav-primary" }, h("li", { key: 'a3ab64f5604f59549dbb796ba861904b6eab0363' }, h("a", { key: '2c097f17569f4bce91cbeaba796ed43f818752f8', href: makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco') }, "Why become a Philco")), h("li", { key: 'eeab5b9b5a117d10b6bc1217203b6245f1fdd633' }, h("a", { key: '2b0e3985dc8fb47d88c0cff15a445c1a1153226a', href: makeURL('Philco', this.philcoUrlPrefix, 'news') }, "News")), h("li", { key: 'd3792f7eede889d6a738659a8da04da9f40630a6', class: "signup" }, h("biggive-button", { key: '30c9b2b713669563607be142b62391c1d1086f51', label: "Sign up", "site-design": "philco", "colour-scheme": "philco-white", rounded: true, url: makeURL('Philco', this.philcoUrlPrefix, 'sign-up'), size: "small" })))))))));
23
+ return (h(Host, { key: 'b45fde88c0f0fba7257b6a59b492712d69d32bf2' }, h("nav", { key: '561e2fe81a681fc07774c55b40dd965f954a079d', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: '86e726276cd7faea95feb4cff092dba37461cfaf', class: "navbar" }, h("div", { key: '6d3e83d98f2142068afb297c7c3bd5840faaa08d', class: "logo" }, h("a", { key: '80f957300165e5a47e7cb34ad7ff3992d7534cdb', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }, h("img", { key: 'b9f4a63de99cffe3b4b41a2fab4c519877e8f3ed', src: getAssetPath('/assets/images/philco/Philcologo-white.png'), alt: "PhilCo" }))), h("biggive-misc-icon", { key: 'ff57124a994362d665de3fe123d5926569e6cbbe', class: "bx bx-menu", "background-colour": "transparent", "icon-colour": "white", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: 'e8b464e532385e9caed1eadf02a30ec6434f5e1c', class: "nav-links" }, h("div", { key: '63db4717fe677a9cd87dc1a831190669809a7f18', class: "sidebar-logo" }, h("a", { key: '0b30ce0efca1bb626d724d8b6ff22c5a50192943', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }), h("biggive-misc-icon", { key: '14ab27431e8234fe7a1e1890b882e8afbdfd6507', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "white", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: 'a9dc2d531c5e0642fe2df801548ade98f9fd2bee', id: "nav-primary" }, h("ul", { key: '7b2548c5ae1454ba9da230c9aa7f4ed106152b10', class: "links", slot: "nav-primary" }, h("li", { key: 'a3ab64f5604f59549dbb796ba861904b6eab0363' }, h("a", { key: '2c097f17569f4bce91cbeaba796ed43f818752f8', href: makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco') }, "Why become a Philco")), h("li", { key: 'eeab5b9b5a117d10b6bc1217203b6245f1fdd633' }, h("a", { key: '2b0e3985dc8fb47d88c0cff15a445c1a1153226a', href: makeURL('Philco', this.philcoUrlPrefix, 'news') }, "News")), h("li", { key: 'd3792f7eede889d6a738659a8da04da9f40630a6', class: "signup" }, h("biggive-button", { key: 'def027dace3a3211dd2bef520695edde699b36b8', label: "Sign up", "site-design": "philco", "colour-scheme": "philco-white", rounded: true, url: makeURL('Philco', this.philcoUrlPrefix, 'sign-up') })))))))));
24
24
  }
25
25
  static get is() { return "philco-main-menu"; }
26
26
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/philco-main-menu/philco-main-menu.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"philco-main-menu.js","sourceRoot":"","sources":["../../../src/components/philco-main-menu/philco-main-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC7G,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAOpD,MAAM,OAAO,cAAc;IAL3B;QA4BU,mBAAc,GAAG,GAAG,EAAE;YAC5B,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,aAAa,CAAc,YAAY,CAAC,CAAC;YAClF,UAAW,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;QAC/B,CAAC,CAAC;QAEM,oBAAe,GAAG,GAAG,EAAE;YAC7B,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,aAAa,CAAc,YAAY,CAAC,CAAC;YAClF,UAAW,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;QACnC,CAAC,CAAC;KAkDH;IA/DC,KAAK,CAAC,0BAA0B;QAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,aAAa,CAAc,YAAY,CAAC,CAAC;QAClF,UAAW,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;IACnC,CAAC;IAYD,gBAAgB;QACd,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;IAED,MAAM;QACJ,MAAM,YAAY,GAAG,GAAG,CAAC;QAEzB,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,IAAI,EAAC,YAAY,gBAAY,WAAW;gBAC3C,4DAAK,KAAK,EAAC,QAAQ;oBACjB,4DAAK,KAAK,EAAC,MAAM;wBACf,0DAAG,IAAI,EAAE,IAAI,CAAC,eAAe,GAAG,YAAY,gBAAa,MAAM;4BAC7D,4DAAK,GAAG,EAAE,YAAY,CAAC,4CAA4C,CAAC,EAAE,GAAG,EAAC,QAAQ,GAAG,CACnF,CACA;oBACN,0EAAmB,KAAK,EAAC,YAAY,uBAAmB,aAAa,iBAAa,OAAO,EAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,cAAc,GAAsB;oBAC5J,4DAAK,KAAK,EAAC,WAAW;wBACpB,4DAAK,KAAK,EAAC,cAAc;4BACvB,0DAAG,IAAI,EAAE,IAAI,CAAC,eAAe,GAAG,YAAY,gBAAa,MAAM,GAAK;4BACpE,0EAAmB,KAAK,EAAC,SAAS,uBAAmB,aAAa,iBAAa,OAAO,EAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe,GAAsB,CACvJ;wBACN,4DAAK,EAAE,EAAC,aAAa;4BACnB,2DAAI,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa;gCAClC;oCACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,qBAAqB,CAAC,0BAAyB,CAC7F;gCACL;oCACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,WAAU,CAC/D;gCACL,2DAAI,KAAK,EAAC,QAAQ;oCAChB,uEACE,KAAK,EAAC,SAAS,iBACH,QAAQ,mBACN,cAAc,EAC5B,OAAO,EAAE,IAAI,EACb,GAAG,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,EACvD,IAAI,EAAC,OAAO,GACI,CACf,CACF,CACD,CACF,CACF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n @Element() host: HTMLPhilcoMainMenuElement;\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() philcoUrlPrefix: string;\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 closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" 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('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'news')}>News</a>\n </li>\n <li class=\"signup\">\n <biggive-button\n label=\"Sign up\"\n site-design=\"philco\"\n colour-scheme=\"philco-white\"\n rounded={true}\n url={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}\n size=\"small\"\n ></biggive-button>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"philco-main-menu.js","sourceRoot":"","sources":["../../../src/components/philco-main-menu/philco-main-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC7G,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAOpD,MAAM,OAAO,cAAc;IAL3B;QA4BU,mBAAc,GAAG,GAAG,EAAE;YAC5B,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,aAAa,CAAc,YAAY,CAAC,CAAC;YAClF,UAAW,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;QAC/B,CAAC,CAAC;QAEM,oBAAe,GAAG,GAAG,EAAE;YAC7B,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,aAAa,CAAc,YAAY,CAAC,CAAC;YAClF,UAAW,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;QACnC,CAAC,CAAC;KAiDH;IA9DC,KAAK,CAAC,0BAA0B;QAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,aAAa,CAAc,YAAY,CAAC,CAAC;QAClF,UAAW,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;IACnC,CAAC;IAYD,gBAAgB;QACd,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;IAED,MAAM;QACJ,MAAM,YAAY,GAAG,GAAG,CAAC;QAEzB,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,IAAI,EAAC,YAAY,gBAAY,WAAW;gBAC3C,4DAAK,KAAK,EAAC,QAAQ;oBACjB,4DAAK,KAAK,EAAC,MAAM;wBACf,0DAAG,IAAI,EAAE,IAAI,CAAC,eAAe,GAAG,YAAY,gBAAa,MAAM;4BAC7D,4DAAK,GAAG,EAAE,YAAY,CAAC,4CAA4C,CAAC,EAAE,GAAG,EAAC,QAAQ,GAAG,CACnF,CACA;oBACN,0EAAmB,KAAK,EAAC,YAAY,uBAAmB,aAAa,iBAAa,OAAO,EAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,cAAc,GAAsB;oBAC5J,4DAAK,KAAK,EAAC,WAAW;wBACpB,4DAAK,KAAK,EAAC,cAAc;4BACvB,0DAAG,IAAI,EAAE,IAAI,CAAC,eAAe,GAAG,YAAY,gBAAa,MAAM,GAAK;4BACpE,0EAAmB,KAAK,EAAC,SAAS,uBAAmB,aAAa,iBAAa,OAAO,EAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe,GAAsB,CACvJ;wBACN,4DAAK,EAAE,EAAC,aAAa;4BACnB,2DAAI,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa;gCAClC;oCACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,qBAAqB,CAAC,0BAAyB,CAC7F;gCACL;oCACE,0DAAG,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,WAAU,CAC/D;gCACL,2DAAI,KAAK,EAAC,QAAQ;oCAChB,uEACE,KAAK,EAAC,SAAS,iBACH,QAAQ,mBACN,cAAc,EAC5B,OAAO,EAAE,IAAI,EACb,GAAG,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,GACvC,CACf,CACF,CACD,CACF,CACF,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n @Element() host: HTMLPhilcoMainMenuElement;\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() philcoUrlPrefix: string;\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 closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" 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('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'news')}>News</a>\n </li>\n <li class=\"signup\">\n <biggive-button\n label=\"Sign up\"\n site-design=\"philco\"\n colour-scheme=\"philco-white\"\n rounded={true}\n url={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}\n ></biggive-button>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"]}
package/dist/components/philco-main-menu.js CHANGED
@@ -3,7 +3,7 @@ import { m as makeURL } from './helper-methods.js';
3
3
  import { d as defineCustomElement$3 } from './biggive-button2.js';
4
4
  import { d as defineCustomElement$2 } from './biggive-misc-icon2.js';
5
5
 
6
- const philcoMainMenuCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{font-family:\"Bitter\", serif;font-size:16px;margin:0;padding:0;box-sizing:border-box}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}nav{top:0;left:0;width:100%;height:70px;background:#1d1d1B;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px;background-color:#1d1d1B;color:#FFFFFF}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:#FFFFFF;font-size:17px;font-weight:500}nav .navbar .logo{min-width:10px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .logo a{font-size:30px;color:#FFFFFF;text-decoration:none;font-weight:600;display:grid}nav .navbar .logo a img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:none}@media (max-width: 1200px){nav .navbar .logo{min-width:100px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .nav-links .links li{padding:0 7px}nav .navbar .nav-links .links li a{font-size:15px}nav .navbar .nav-links .links li.signup{height:40px;padding-top:5px;margin-left:-10px}}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0px 25px}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:#1d1d1B;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo a #mobileLogo{width:130px}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .mobile-social-icon-wrap{margin-top:20px}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6}nav .navbar .nav-links .links li a{width:100%;display:block}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}";
6
+ const philcoMainMenuCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{font-family:\"Bitter\", serif;font-size:16px;margin:0;padding:0;box-sizing:border-box}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}nav{top:0;left:0;width:100%;height:70px;background:#1d1d1B;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px;background-color:#1d1d1B;color:#FFFFFF}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:#FFFFFF;font-size:17px;font-weight:500}nav .navbar .logo{min-width:10px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .logo a{font-size:30px;color:#FFFFFF;text-decoration:none;font-weight:600;display:grid}nav .navbar .logo a img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:none}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0 25px}nav .navbar .logo{min-width:100px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:#1d1d1B;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6;padding:0 7px 0 17px}nav .navbar .nav-links .links li.signup{padding:15px 7px 12px 0}nav .navbar .nav-links .links li a{width:100%;display:block;font-size:15px}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}";
7
7
 
8
8
  const PhilcoMainMenu$1 = /*@__PURE__*/ proxyCustomElement(class PhilcoMainMenu extends HTMLElement {
9
9
  constructor() {
@@ -29,7 +29,7 @@ const PhilcoMainMenu$1 = /*@__PURE__*/ proxyCustomElement(class PhilcoMainMenu e
29
29
  }
30
30
  render() {
31
31
  const homePageLink = '/';
32
- return (h(Host, { key: 'b45fde88c0f0fba7257b6a59b492712d69d32bf2' }, h("nav", { key: '561e2fe81a681fc07774c55b40dd965f954a079d', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: '86e726276cd7faea95feb4cff092dba37461cfaf', class: "navbar" }, h("div", { key: '6d3e83d98f2142068afb297c7c3bd5840faaa08d', class: "logo" }, h("a", { key: '80f957300165e5a47e7cb34ad7ff3992d7534cdb', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }, h("img", { key: 'b9f4a63de99cffe3b4b41a2fab4c519877e8f3ed', src: getAssetPath('/assets/images/philco/Philcologo-white.png'), alt: "PhilCo" }))), h("biggive-misc-icon", { key: 'ff57124a994362d665de3fe123d5926569e6cbbe', class: "bx bx-menu", "background-colour": "transparent", "icon-colour": "white", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: 'e8b464e532385e9caed1eadf02a30ec6434f5e1c', class: "nav-links" }, h("div", { key: '63db4717fe677a9cd87dc1a831190669809a7f18', class: "sidebar-logo" }, h("a", { key: '0b30ce0efca1bb626d724d8b6ff22c5a50192943', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }), h("biggive-misc-icon", { key: '14ab27431e8234fe7a1e1890b882e8afbdfd6507', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "white", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: 'a9dc2d531c5e0642fe2df801548ade98f9fd2bee', id: "nav-primary" }, h("ul", { key: '7b2548c5ae1454ba9da230c9aa7f4ed106152b10', class: "links", slot: "nav-primary" }, h("li", { key: 'a3ab64f5604f59549dbb796ba861904b6eab0363' }, h("a", { key: '2c097f17569f4bce91cbeaba796ed43f818752f8', href: makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco') }, "Why become a Philco")), h("li", { key: 'eeab5b9b5a117d10b6bc1217203b6245f1fdd633' }, h("a", { key: '2b0e3985dc8fb47d88c0cff15a445c1a1153226a', href: makeURL('Philco', this.philcoUrlPrefix, 'news') }, "News")), h("li", { key: 'd3792f7eede889d6a738659a8da04da9f40630a6', class: "signup" }, h("biggive-button", { key: '30c9b2b713669563607be142b62391c1d1086f51', label: "Sign up", "site-design": "philco", "colour-scheme": "philco-white", rounded: true, url: makeURL('Philco', this.philcoUrlPrefix, 'sign-up'), size: "small" })))))))));
32
+ return (h(Host, { key: 'b45fde88c0f0fba7257b6a59b492712d69d32bf2' }, h("nav", { key: '561e2fe81a681fc07774c55b40dd965f954a079d', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: '86e726276cd7faea95feb4cff092dba37461cfaf', class: "navbar" }, h("div", { key: '6d3e83d98f2142068afb297c7c3bd5840faaa08d', class: "logo" }, h("a", { key: '80f957300165e5a47e7cb34ad7ff3992d7534cdb', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }, h("img", { key: 'b9f4a63de99cffe3b4b41a2fab4c519877e8f3ed', src: getAssetPath('/assets/images/philco/Philcologo-white.png'), alt: "PhilCo" }))), h("biggive-misc-icon", { key: 'ff57124a994362d665de3fe123d5926569e6cbbe', class: "bx bx-menu", "background-colour": "transparent", "icon-colour": "white", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: 'e8b464e532385e9caed1eadf02a30ec6434f5e1c', class: "nav-links" }, h("div", { key: '63db4717fe677a9cd87dc1a831190669809a7f18', class: "sidebar-logo" }, h("a", { key: '0b30ce0efca1bb626d724d8b6ff22c5a50192943', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }), h("biggive-misc-icon", { key: '14ab27431e8234fe7a1e1890b882e8afbdfd6507', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "white", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: 'a9dc2d531c5e0642fe2df801548ade98f9fd2bee', id: "nav-primary" }, h("ul", { key: '7b2548c5ae1454ba9da230c9aa7f4ed106152b10', class: "links", slot: "nav-primary" }, h("li", { key: 'a3ab64f5604f59549dbb796ba861904b6eab0363' }, h("a", { key: '2c097f17569f4bce91cbeaba796ed43f818752f8', href: makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco') }, "Why become a Philco")), h("li", { key: 'eeab5b9b5a117d10b6bc1217203b6245f1fdd633' }, h("a", { key: '2b0e3985dc8fb47d88c0cff15a445c1a1153226a', href: makeURL('Philco', this.philcoUrlPrefix, 'news') }, "News")), h("li", { key: 'd3792f7eede889d6a738659a8da04da9f40630a6', class: "signup" }, h("biggive-button", { key: 'def027dace3a3211dd2bef520695edde699b36b8', label: "Sign up", "site-design": "philco", "colour-scheme": "philco-white", rounded: true, url: makeURL('Philco', this.philcoUrlPrefix, 'sign-up') })))))))));
33
33
  }
34
34
  get host() { return this; }
35
35
  static get style() { return philcoMainMenuCss; }
package/dist/components/philco-main-menu.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"philco-main-menu.js","mappings":"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","names":["PhilcoMainMenu","__stencil_proxyCustomElement"],"sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n @include philco-body-font();\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 * $spacer-2;\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: $colour-philco-gray-90;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n background-color: $colour-philco-gray-90;\n color: $colour-philco-white;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: $colour-philco-white;\n font-size: 17px;\n font-weight: 500;\n }\n }\n }\n }\n\n .logo {\n min-width: 10px;\n width: 100px;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n a {\n font-size: 30px;\n color: $colour-philco-white;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (max-width: 1200px) {\n nav {\n .navbar {\n .logo {\n min-width: 100px;\n width: 100px;\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n\n .nav-links {\n .links {\n li {\n padding: 0 7px;\n\n a {\n font-size: 15px;\n }\n\n &.signup {\n height: 40px;\n padding-top: 5px;\n margin-left: -10px;\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0px 25px;\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: $colour-philco-gray-90;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n\n #mobileLogo {\n width: 130px;\n }\n\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .mobile-social-icon-wrap {\n margin-top: 20px;\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n\n a {\n width: 100%;\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n","import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n @Element() host: HTMLPhilcoMainMenuElement;\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() philcoUrlPrefix: string;\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 closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" 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('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'news')}>News</a>\n </li>\n <li class=\"signup\">\n <biggive-button\n label=\"Sign up\"\n site-design=\"philco\"\n colour-scheme=\"philco-white\"\n rounded={true}\n url={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}\n size=\"small\"\n ></biggive-button>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"philco-main-menu.js","mappings":"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","names":["PhilcoMainMenu","__stencil_proxyCustomElement"],"sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n @include philco-body-font();\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 * $spacer-2;\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: $colour-philco-gray-90;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n background-color: $colour-philco-gray-90;\n color: $colour-philco-white;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: $colour-philco-white;\n font-size: 17px;\n font-weight: 500;\n }\n }\n }\n }\n\n .logo {\n min-width: 10px;\n width: 100px;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n a {\n font-size: 30px;\n color: $colour-philco-white;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0 25px;\n\n .logo {\n min-width: 100px;\n width: 100px;\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: $colour-philco-gray-90;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n padding: 0 7px 0 17px;\n\n &.signup {\n // 10px less on the left so that the big button's text doesn't look so misaligned from the standalone\n // links. Extra vertical so the surrounding lines look more balanced.\n padding: 15px 7px 12px 0;\n }\n\n a {\n width: 100%;\n display: block;\n font-size: 15px;\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n","import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n @Element() host: HTMLPhilcoMainMenuElement;\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() philcoUrlPrefix: string;\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 closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" 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('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'news')}>News</a>\n </li>\n <li class=\"signup\">\n <biggive-button\n label=\"Sign up\"\n site-design=\"philco\"\n colour-scheme=\"philco-white\"\n rounded={true}\n url={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}\n ></biggive-button>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"version":3}
package/dist/esm/philco-main-menu.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, d as createEvent, h, c as getAssetPath, e as Host, a as getElement } from './index-DZr5lYtw.js';
2
2
  import { m as makeURL } from './helper-methods-BXkyQAX3.js';
3
3
 
4
- const philcoMainMenuCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{font-family:\"Bitter\", serif;font-size:16px;margin:0;padding:0;box-sizing:border-box}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}nav{top:0;left:0;width:100%;height:70px;background:#1d1d1B;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px;background-color:#1d1d1B;color:#FFFFFF}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:#FFFFFF;font-size:17px;font-weight:500}nav .navbar .logo{min-width:10px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .logo a{font-size:30px;color:#FFFFFF;text-decoration:none;font-weight:600;display:grid}nav .navbar .logo a img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:none}@media (max-width: 1200px){nav .navbar .logo{min-width:100px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .nav-links .links li{padding:0 7px}nav .navbar .nav-links .links li a{font-size:15px}nav .navbar .nav-links .links li.signup{height:40px;padding-top:5px;margin-left:-10px}}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0px 25px}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:#1d1d1B;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo a #mobileLogo{width:130px}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .mobile-social-icon-wrap{margin-top:20px}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6}nav .navbar .nav-links .links li a{width:100%;display:block}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}";
4
+ const philcoMainMenuCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{font-family:\"Bitter\", serif;font-size:16px;margin:0;padding:0;box-sizing:border-box}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}nav{top:0;left:0;width:100%;height:70px;background:#1d1d1B;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px;background-color:#1d1d1B;color:#FFFFFF}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:#FFFFFF;font-size:17px;font-weight:500}nav .navbar .logo{min-width:10px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .logo a{font-size:30px;color:#FFFFFF;text-decoration:none;font-weight:600;display:grid}nav .navbar .logo a img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:none}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0 25px}nav .navbar .logo{min-width:100px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:#1d1d1B;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6;padding:0 7px 0 17px}nav .navbar .nav-links .links li.signup{padding:15px 7px 12px 0}nav .navbar .nav-links .links li a{width:100%;display:block;font-size:15px}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}";
5
5
 
6
6
  const PhilcoMainMenu = class {
7
7
  constructor(hostRef) {
@@ -25,7 +25,7 @@ const PhilcoMainMenu = class {
25
25
  }
26
26
  render() {
27
27
  const homePageLink = '/';
28
- return (h(Host, { key: 'b45fde88c0f0fba7257b6a59b492712d69d32bf2' }, h("nav", { key: '561e2fe81a681fc07774c55b40dd965f954a079d', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: '86e726276cd7faea95feb4cff092dba37461cfaf', class: "navbar" }, h("div", { key: '6d3e83d98f2142068afb297c7c3bd5840faaa08d', class: "logo" }, h("a", { key: '80f957300165e5a47e7cb34ad7ff3992d7534cdb', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }, h("img", { key: 'b9f4a63de99cffe3b4b41a2fab4c519877e8f3ed', src: getAssetPath('/assets/images/philco/Philcologo-white.png'), alt: "PhilCo" }))), h("biggive-misc-icon", { key: 'ff57124a994362d665de3fe123d5926569e6cbbe', class: "bx bx-menu", "background-colour": "transparent", "icon-colour": "white", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: 'e8b464e532385e9caed1eadf02a30ec6434f5e1c', class: "nav-links" }, h("div", { key: '63db4717fe677a9cd87dc1a831190669809a7f18', class: "sidebar-logo" }, h("a", { key: '0b30ce0efca1bb626d724d8b6ff22c5a50192943', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }), h("biggive-misc-icon", { key: '14ab27431e8234fe7a1e1890b882e8afbdfd6507', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "white", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: 'a9dc2d531c5e0642fe2df801548ade98f9fd2bee', id: "nav-primary" }, h("ul", { key: '7b2548c5ae1454ba9da230c9aa7f4ed106152b10', class: "links", slot: "nav-primary" }, h("li", { key: 'a3ab64f5604f59549dbb796ba861904b6eab0363' }, h("a", { key: '2c097f17569f4bce91cbeaba796ed43f818752f8', href: makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco') }, "Why become a Philco")), h("li", { key: 'eeab5b9b5a117d10b6bc1217203b6245f1fdd633' }, h("a", { key: '2b0e3985dc8fb47d88c0cff15a445c1a1153226a', href: makeURL('Philco', this.philcoUrlPrefix, 'news') }, "News")), h("li", { key: 'd3792f7eede889d6a738659a8da04da9f40630a6', class: "signup" }, h("biggive-button", { key: '30c9b2b713669563607be142b62391c1d1086f51', label: "Sign up", "site-design": "philco", "colour-scheme": "philco-white", rounded: true, url: makeURL('Philco', this.philcoUrlPrefix, 'sign-up'), size: "small" })))))))));
28
+ return (h(Host, { key: 'b45fde88c0f0fba7257b6a59b492712d69d32bf2' }, h("nav", { key: '561e2fe81a681fc07774c55b40dd965f954a079d', role: "navigation", "aria-label": "Main Menu" }, h("div", { key: '86e726276cd7faea95feb4cff092dba37461cfaf', class: "navbar" }, h("div", { key: '6d3e83d98f2142068afb297c7c3bd5840faaa08d', class: "logo" }, h("a", { key: '80f957300165e5a47e7cb34ad7ff3992d7534cdb', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }, h("img", { key: 'b9f4a63de99cffe3b4b41a2fab4c519877e8f3ed', src: getAssetPath('/assets/images/philco/Philcologo-white.png'), alt: "PhilCo" }))), h("biggive-misc-icon", { key: 'ff57124a994362d665de3fe123d5926569e6cbbe', class: "bx bx-menu", "background-colour": "transparent", "icon-colour": "white", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { key: 'e8b464e532385e9caed1eadf02a30ec6434f5e1c', class: "nav-links" }, h("div", { key: '63db4717fe677a9cd87dc1a831190669809a7f18', class: "sidebar-logo" }, h("a", { key: '0b30ce0efca1bb626d724d8b6ff22c5a50192943', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }), h("biggive-misc-icon", { key: '14ab27431e8234fe7a1e1890b882e8afbdfd6507', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "white", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { key: 'a9dc2d531c5e0642fe2df801548ade98f9fd2bee', id: "nav-primary" }, h("ul", { key: '7b2548c5ae1454ba9da230c9aa7f4ed106152b10', class: "links", slot: "nav-primary" }, h("li", { key: 'a3ab64f5604f59549dbb796ba861904b6eab0363' }, h("a", { key: '2c097f17569f4bce91cbeaba796ed43f818752f8', href: makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco') }, "Why become a Philco")), h("li", { key: 'eeab5b9b5a117d10b6bc1217203b6245f1fdd633' }, h("a", { key: '2b0e3985dc8fb47d88c0cff15a445c1a1153226a', href: makeURL('Philco', this.philcoUrlPrefix, 'news') }, "News")), h("li", { key: 'd3792f7eede889d6a738659a8da04da9f40630a6', class: "signup" }, h("biggive-button", { key: 'def027dace3a3211dd2bef520695edde699b36b8', label: "Sign up", "site-design": "philco", "colour-scheme": "philco-white", rounded: true, url: makeURL('Philco', this.philcoUrlPrefix, 'sign-up') })))))))));
29
29
  }
30
30
  get host() { return getElement(this); }
31
31
  };
package/dist/esm/philco-main-menu.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"philco-main-menu.entry.js","sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n @include philco-body-font();\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 * $spacer-2;\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: $colour-philco-gray-90;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n background-color: $colour-philco-gray-90;\n color: $colour-philco-white;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: $colour-philco-white;\n font-size: 17px;\n font-weight: 500;\n }\n }\n }\n }\n\n .logo {\n min-width: 10px;\n width: 100px;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n a {\n font-size: 30px;\n color: $colour-philco-white;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (max-width: 1200px) {\n nav {\n .navbar {\n .logo {\n min-width: 100px;\n width: 100px;\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n\n .nav-links {\n .links {\n li {\n padding: 0 7px;\n\n a {\n font-size: 15px;\n }\n\n &.signup {\n height: 40px;\n padding-top: 5px;\n margin-left: -10px;\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0px 25px;\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: $colour-philco-gray-90;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n\n #mobileLogo {\n width: 130px;\n }\n\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .mobile-social-icon-wrap {\n margin-top: 20px;\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n\n a {\n width: 100%;\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n","import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n @Element() host: HTMLPhilcoMainMenuElement;\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() philcoUrlPrefix: string;\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 closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" 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('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'news')}>News</a>\n </li>\n <li class=\"signup\">\n <biggive-button\n label=\"Sign up\"\n site-design=\"philco\"\n colour-scheme=\"philco-white\"\n rounded={true}\n url={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}\n size=\"small\"\n ></biggive-button>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"philco-main-menu.entry.js","sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n @include philco-body-font();\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 * $spacer-2;\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: $colour-philco-gray-90;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n background-color: $colour-philco-gray-90;\n color: $colour-philco-white;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: $colour-philco-white;\n font-size: 17px;\n font-weight: 500;\n }\n }\n }\n }\n\n .logo {\n min-width: 10px;\n width: 100px;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n a {\n font-size: 30px;\n color: $colour-philco-white;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0 25px;\n\n .logo {\n min-width: 100px;\n width: 100px;\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: $colour-philco-gray-90;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n padding: 0 7px 0 17px;\n\n &.signup {\n // 10px less on the left so that the big button's text doesn't look so misaligned from the standalone\n // links. Extra vertical so the surrounding lines look more balanced.\n padding: 15px 7px 12px 0;\n }\n\n a {\n width: 100%;\n display: block;\n font-size: 15px;\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n","import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n @Element() host: HTMLPhilcoMainMenuElement;\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() philcoUrlPrefix: string;\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 closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" 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('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'news')}>News</a>\n </li>\n <li class=\"signup\">\n <biggive-button\n label=\"Sign up\"\n site-design=\"philco\"\n colour-scheme=\"philco-white\"\n rounded={true}\n url={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}\n ></biggive-button>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
package/hydrate/index.js CHANGED
@@ -6478,7 +6478,7 @@ class PhilcoFooter {
6478
6478
  }; }
6479
6479
  }
6480
6480
 
6481
- const philcoMainMenuCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{font-family:\"Bitter\", serif;font-size:16px;margin:0;padding:0;box-sizing:border-box}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}nav{top:0;left:0;width:100%;height:70px;background:#1d1d1B;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px;background-color:#1d1d1B;color:#FFFFFF}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:#FFFFFF;font-size:17px;font-weight:500}nav .navbar .logo{min-width:10px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .logo a{font-size:30px;color:#FFFFFF;text-decoration:none;font-weight:600;display:grid}nav .navbar .logo a img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:none}@media (max-width: 1200px){nav .navbar .logo{min-width:100px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .nav-links .links li{padding:0 7px}nav .navbar .nav-links .links li a{font-size:15px}nav .navbar .nav-links .links li.signup{height:40px;padding-top:5px;margin-left:-10px}}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0px 25px}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:#1d1d1B;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo a #mobileLogo{width:130px}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .mobile-social-icon-wrap{margin-top:20px}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6}nav .navbar .nav-links .links li a{width:100%;display:block}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}";
6481
+ const philcoMainMenuCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{font-family:\"Bitter\", serif;font-size:16px;margin:0;padding:0;box-sizing:border-box}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}nav{top:0;left:0;width:100%;height:70px;background:#1d1d1B;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px;background-color:#1d1d1B;color:#FFFFFF}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:#FFFFFF;font-size:17px;font-weight:500}nav .navbar .logo{min-width:10px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .logo a{font-size:30px;color:#FFFFFF;text-decoration:none;font-weight:600;display:grid}nav .navbar .logo a img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:none}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0 25px}nav .navbar .logo{min-width:100px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:#1d1d1B;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6;padding:0 7px 0 17px}nav .navbar .nav-links .links li.signup{padding:15px 7px 12px 0}nav .navbar .nav-links .links li a{width:100%;display:block;font-size:15px}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}";
6482
6482
 
6483
6483
  class PhilcoMainMenu {
6484
6484
  constructor(hostRef) {
@@ -6502,7 +6502,7 @@ class PhilcoMainMenu {
6502
6502
  }
6503
6503
  render() {
6504
6504
  const homePageLink = '/';
6505
- return (hAsync(Host, { key: 'b45fde88c0f0fba7257b6a59b492712d69d32bf2' }, hAsync("nav", { key: '561e2fe81a681fc07774c55b40dd965f954a079d', role: "navigation", "aria-label": "Main Menu" }, hAsync("div", { key: '86e726276cd7faea95feb4cff092dba37461cfaf', class: "navbar" }, hAsync("div", { key: '6d3e83d98f2142068afb297c7c3bd5840faaa08d', class: "logo" }, hAsync("a", { key: '80f957300165e5a47e7cb34ad7ff3992d7534cdb', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }, hAsync("img", { key: 'b9f4a63de99cffe3b4b41a2fab4c519877e8f3ed', src: getAssetPath('/assets/images/philco/Philcologo-white.png'), alt: "PhilCo" }))), hAsync("biggive-misc-icon", { key: 'ff57124a994362d665de3fe123d5926569e6cbbe', class: "bx bx-menu", "background-colour": "transparent", "icon-colour": "white", icon: "MenuOpen", onClick: this.openMobileMenu }), hAsync("div", { key: 'e8b464e532385e9caed1eadf02a30ec6434f5e1c', class: "nav-links" }, hAsync("div", { key: '63db4717fe677a9cd87dc1a831190669809a7f18', class: "sidebar-logo" }, hAsync("a", { key: '0b30ce0efca1bb626d724d8b6ff22c5a50192943', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }), hAsync("biggive-misc-icon", { key: '14ab27431e8234fe7a1e1890b882e8afbdfd6507', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "white", icon: "MenuClose", onClick: this.closeMobileMenu })), hAsync("div", { key: 'a9dc2d531c5e0642fe2df801548ade98f9fd2bee', id: "nav-primary" }, hAsync("ul", { key: '7b2548c5ae1454ba9da230c9aa7f4ed106152b10', class: "links", slot: "nav-primary" }, hAsync("li", { key: 'a3ab64f5604f59549dbb796ba861904b6eab0363' }, hAsync("a", { key: '2c097f17569f4bce91cbeaba796ed43f818752f8', href: makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco') }, "Why become a Philco")), hAsync("li", { key: 'eeab5b9b5a117d10b6bc1217203b6245f1fdd633' }, hAsync("a", { key: '2b0e3985dc8fb47d88c0cff15a445c1a1153226a', href: makeURL('Philco', this.philcoUrlPrefix, 'news') }, "News")), hAsync("li", { key: 'd3792f7eede889d6a738659a8da04da9f40630a6', class: "signup" }, hAsync("biggive-button", { key: '30c9b2b713669563607be142b62391c1d1086f51', label: "Sign up", "site-design": "philco", "colour-scheme": "philco-white", rounded: true, url: makeURL('Philco', this.philcoUrlPrefix, 'sign-up'), size: "small" })))))))));
6505
+ return (hAsync(Host, { key: 'b45fde88c0f0fba7257b6a59b492712d69d32bf2' }, hAsync("nav", { key: '561e2fe81a681fc07774c55b40dd965f954a079d', role: "navigation", "aria-label": "Main Menu" }, hAsync("div", { key: '86e726276cd7faea95feb4cff092dba37461cfaf', class: "navbar" }, hAsync("div", { key: '6d3e83d98f2142068afb297c7c3bd5840faaa08d', class: "logo" }, hAsync("a", { key: '80f957300165e5a47e7cb34ad7ff3992d7534cdb', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }, hAsync("img", { key: 'b9f4a63de99cffe3b4b41a2fab4c519877e8f3ed', src: getAssetPath('/assets/images/philco/Philcologo-white.png'), alt: "PhilCo" }))), hAsync("biggive-misc-icon", { key: 'ff57124a994362d665de3fe123d5926569e6cbbe', class: "bx bx-menu", "background-colour": "transparent", "icon-colour": "white", icon: "MenuOpen", onClick: this.openMobileMenu }), hAsync("div", { key: 'e8b464e532385e9caed1eadf02a30ec6434f5e1c', class: "nav-links" }, hAsync("div", { key: '63db4717fe677a9cd87dc1a831190669809a7f18', class: "sidebar-logo" }, hAsync("a", { key: '0b30ce0efca1bb626d724d8b6ff22c5a50192943', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }), hAsync("biggive-misc-icon", { key: '14ab27431e8234fe7a1e1890b882e8afbdfd6507', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "white", icon: "MenuClose", onClick: this.closeMobileMenu })), hAsync("div", { key: 'a9dc2d531c5e0642fe2df801548ade98f9fd2bee', id: "nav-primary" }, hAsync("ul", { key: '7b2548c5ae1454ba9da230c9aa7f4ed106152b10', class: "links", slot: "nav-primary" }, hAsync("li", { key: 'a3ab64f5604f59549dbb796ba861904b6eab0363' }, hAsync("a", { key: '2c097f17569f4bce91cbeaba796ed43f818752f8', href: makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco') }, "Why become a Philco")), hAsync("li", { key: 'eeab5b9b5a117d10b6bc1217203b6245f1fdd633' }, hAsync("a", { key: '2b0e3985dc8fb47d88c0cff15a445c1a1153226a', href: makeURL('Philco', this.philcoUrlPrefix, 'news') }, "News")), hAsync("li", { key: 'd3792f7eede889d6a738659a8da04da9f40630a6', class: "signup" }, hAsync("biggive-button", { key: 'def027dace3a3211dd2bef520695edde699b36b8', label: "Sign up", "site-design": "philco", "colour-scheme": "philco-white", rounded: true, url: makeURL('Philco', this.philcoUrlPrefix, 'sign-up') })))))))));
6506
6506
  }
6507
6507
  get host() { return getElement(this); }
6508
6508
  static get style() { return philcoMainMenuCss; }
package/hydrate/index.mjs CHANGED
@@ -6476,7 +6476,7 @@ class PhilcoFooter {
6476
6476
  }; }
6477
6477
  }
6478
6478
 
6479
- const philcoMainMenuCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{font-family:\"Bitter\", serif;font-size:16px;margin:0;padding:0;box-sizing:border-box}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}nav{top:0;left:0;width:100%;height:70px;background:#1d1d1B;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px;background-color:#1d1d1B;color:#FFFFFF}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:#FFFFFF;font-size:17px;font-weight:500}nav .navbar .logo{min-width:10px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .logo a{font-size:30px;color:#FFFFFF;text-decoration:none;font-weight:600;display:grid}nav .navbar .logo a img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:none}@media (max-width: 1200px){nav .navbar .logo{min-width:100px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .nav-links .links li{padding:0 7px}nav .navbar .nav-links .links li a{font-size:15px}nav .navbar .nav-links .links li.signup{height:40px;padding-top:5px;margin-left:-10px}}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0px 25px}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:#1d1d1B;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo a #mobileLogo{width:130px}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .mobile-social-icon-wrap{margin-top:20px}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6}nav .navbar .nav-links .links li a{width:100%;display:block}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}";
6479
+ const philcoMainMenuCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{font-family:\"Bitter\", serif;font-size:16px;margin:0;padding:0;box-sizing:border-box}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}nav{top:0;left:0;width:100%;height:70px;background:#1d1d1B;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px;background-color:#1d1d1B;color:#FFFFFF}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:#FFFFFF;font-size:17px;font-weight:500}nav .navbar .logo{min-width:10px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .logo a{font-size:30px;color:#FFFFFF;text-decoration:none;font-weight:600;display:grid}nav .navbar .logo a img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:none}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0 25px}nav .navbar .logo{min-width:100px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:#1d1d1B;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6;padding:0 7px 0 17px}nav .navbar .nav-links .links li.signup{padding:15px 7px 12px 0}nav .navbar .nav-links .links li a{width:100%;display:block;font-size:15px}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}";
6480
6480
 
6481
6481
  class PhilcoMainMenu {
6482
6482
  constructor(hostRef) {
@@ -6500,7 +6500,7 @@ class PhilcoMainMenu {
6500
6500
  }
6501
6501
  render() {
6502
6502
  const homePageLink = '/';
6503
- return (hAsync(Host, { key: 'b45fde88c0f0fba7257b6a59b492712d69d32bf2' }, hAsync("nav", { key: '561e2fe81a681fc07774c55b40dd965f954a079d', role: "navigation", "aria-label": "Main Menu" }, hAsync("div", { key: '86e726276cd7faea95feb4cff092dba37461cfaf', class: "navbar" }, hAsync("div", { key: '6d3e83d98f2142068afb297c7c3bd5840faaa08d', class: "logo" }, hAsync("a", { key: '80f957300165e5a47e7cb34ad7ff3992d7534cdb', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }, hAsync("img", { key: 'b9f4a63de99cffe3b4b41a2fab4c519877e8f3ed', src: getAssetPath('/assets/images/philco/Philcologo-white.png'), alt: "PhilCo" }))), hAsync("biggive-misc-icon", { key: 'ff57124a994362d665de3fe123d5926569e6cbbe', class: "bx bx-menu", "background-colour": "transparent", "icon-colour": "white", icon: "MenuOpen", onClick: this.openMobileMenu }), hAsync("div", { key: 'e8b464e532385e9caed1eadf02a30ec6434f5e1c', class: "nav-links" }, hAsync("div", { key: '63db4717fe677a9cd87dc1a831190669809a7f18', class: "sidebar-logo" }, hAsync("a", { key: '0b30ce0efca1bb626d724d8b6ff22c5a50192943', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }), hAsync("biggive-misc-icon", { key: '14ab27431e8234fe7a1e1890b882e8afbdfd6507', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "white", icon: "MenuClose", onClick: this.closeMobileMenu })), hAsync("div", { key: 'a9dc2d531c5e0642fe2df801548ade98f9fd2bee', id: "nav-primary" }, hAsync("ul", { key: '7b2548c5ae1454ba9da230c9aa7f4ed106152b10', class: "links", slot: "nav-primary" }, hAsync("li", { key: 'a3ab64f5604f59549dbb796ba861904b6eab0363' }, hAsync("a", { key: '2c097f17569f4bce91cbeaba796ed43f818752f8', href: makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco') }, "Why become a Philco")), hAsync("li", { key: 'eeab5b9b5a117d10b6bc1217203b6245f1fdd633' }, hAsync("a", { key: '2b0e3985dc8fb47d88c0cff15a445c1a1153226a', href: makeURL('Philco', this.philcoUrlPrefix, 'news') }, "News")), hAsync("li", { key: 'd3792f7eede889d6a738659a8da04da9f40630a6', class: "signup" }, hAsync("biggive-button", { key: '30c9b2b713669563607be142b62391c1d1086f51', label: "Sign up", "site-design": "philco", "colour-scheme": "philco-white", rounded: true, url: makeURL('Philco', this.philcoUrlPrefix, 'sign-up'), size: "small" })))))))));
6503
+ return (hAsync(Host, { key: 'b45fde88c0f0fba7257b6a59b492712d69d32bf2' }, hAsync("nav", { key: '561e2fe81a681fc07774c55b40dd965f954a079d', role: "navigation", "aria-label": "Main Menu" }, hAsync("div", { key: '86e726276cd7faea95feb4cff092dba37461cfaf', class: "navbar" }, hAsync("div", { key: '6d3e83d98f2142068afb297c7c3bd5840faaa08d', class: "logo" }, hAsync("a", { key: '80f957300165e5a47e7cb34ad7ff3992d7534cdb', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }, hAsync("img", { key: 'b9f4a63de99cffe3b4b41a2fab4c519877e8f3ed', src: getAssetPath('/assets/images/philco/Philcologo-white.png'), alt: "PhilCo" }))), hAsync("biggive-misc-icon", { key: 'ff57124a994362d665de3fe123d5926569e6cbbe', class: "bx bx-menu", "background-colour": "transparent", "icon-colour": "white", icon: "MenuOpen", onClick: this.openMobileMenu }), hAsync("div", { key: 'e8b464e532385e9caed1eadf02a30ec6434f5e1c', class: "nav-links" }, hAsync("div", { key: '63db4717fe677a9cd87dc1a831190669809a7f18', class: "sidebar-logo" }, hAsync("a", { key: '0b30ce0efca1bb626d724d8b6ff22c5a50192943', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }), hAsync("biggive-misc-icon", { key: '14ab27431e8234fe7a1e1890b882e8afbdfd6507', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "white", icon: "MenuClose", onClick: this.closeMobileMenu })), hAsync("div", { key: 'a9dc2d531c5e0642fe2df801548ade98f9fd2bee', id: "nav-primary" }, hAsync("ul", { key: '7b2548c5ae1454ba9da230c9aa7f4ed106152b10', class: "links", slot: "nav-primary" }, hAsync("li", { key: 'a3ab64f5604f59549dbb796ba861904b6eab0363' }, hAsync("a", { key: '2c097f17569f4bce91cbeaba796ed43f818752f8', href: makeURL('Philco', this.philcoUrlPrefix, 'why-become-a-philco') }, "Why become a Philco")), hAsync("li", { key: 'eeab5b9b5a117d10b6bc1217203b6245f1fdd633' }, hAsync("a", { key: '2b0e3985dc8fb47d88c0cff15a445c1a1153226a', href: makeURL('Philco', this.philcoUrlPrefix, 'news') }, "News")), hAsync("li", { key: 'd3792f7eede889d6a738659a8da04da9f40630a6', class: "signup" }, hAsync("biggive-button", { key: 'def027dace3a3211dd2bef520695edde699b36b8', label: "Sign up", "site-design": "philco", "colour-scheme": "philco-white", rounded: true, url: makeURL('Philco', this.philcoUrlPrefix, 'sign-up') })))))))));
6504
6504
  }
6505
6505
  get host() { return getElement(this); }
6506
6506
  static get style() { return philcoMainMenuCss; }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@biggive/components",
3
3
  "_comment": "Version number below is automatically replaced during CircleCI build.",
4
- "version": "202506181018.0.0",
4
+ "version": "202506190906.0.0",
5
5
  "description": "Big Give Components",
6
6
  "main": "dist/index.cjs.js",
7
7
  "module": "dist/index.js",
package/dist/biggive/p-738f98cf.entry.js DELETED
@@ -1,2 +0,0 @@
1
- import{r as a,d as i,h as n,c as e,e as o,a as l}from"./p-DZr5lYtw.js";import{m as t}from"./p-BXkyQAX3.js";const s='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{font-family:"Bitter", serif;font-size:16px;margin:0;padding:0;box-sizing:border-box}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}nav{top:0;left:0;width:100%;height:70px;background:#1d1d1B;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px;background-color:#1d1d1B;color:#FFFFFF}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:#FFFFFF;font-size:17px;font-weight:500}nav .navbar .logo{min-width:10px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .logo a{font-size:30px;color:#FFFFFF;text-decoration:none;font-weight:600;display:grid}nav .navbar .logo a img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:none}@media (max-width: 1200px){nav .navbar .logo{min-width:100px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .nav-links .links li{padding:0 7px}nav .navbar .nav-links .links li a{font-size:15px}nav .navbar .nav-links .links li.signup{height:40px;padding-top:5px;margin-left:-10px}}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0px 25px}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:#1d1d1B;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo a #mobileLogo{width:130px}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .mobile-social-icon-wrap{margin-top:20px}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6}nav .navbar .nav-links .links li a{width:100%;display:block}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}';const d=class{constructor(n){a(this,n);this.logoutClicked=i(this,"logoutClicked");this.openMobileMenu=()=>{const a=this.host.shadowRoot.querySelector(".nav-links");a.style.left="0"};this.closeMobileMenu=()=>{const a=this.host.shadowRoot.querySelector(".nav-links");a.style.left="-100%"}}async closeMobileMenuFromOutside(){const a=this.host.shadowRoot.querySelector(".nav-links");a.style.left="-100%"}componentDidLoad(){this.host.classList.add("fixed")}render(){const a="/";return n(o,{key:"b45fde88c0f0fba7257b6a59b492712d69d32bf2"},n("nav",{key:"561e2fe81a681fc07774c55b40dd965f954a079d",role:"navigation","aria-label":"Main Menu"},n("div",{key:"86e726276cd7faea95feb4cff092dba37461cfaf",class:"navbar"},n("div",{key:"6d3e83d98f2142068afb297c7c3bd5840faaa08d",class:"logo"},n("a",{key:"80f957300165e5a47e7cb34ad7ff3992d7534cdb",href:this.philcoUrlPrefix+a,"aria-label":"Home"},n("img",{key:"b9f4a63de99cffe3b4b41a2fab4c519877e8f3ed",src:e("/assets/images/philco/Philcologo-white.png"),alt:"PhilCo"}))),n("biggive-misc-icon",{key:"ff57124a994362d665de3fe123d5926569e6cbbe",class:"bx bx-menu","background-colour":"transparent","icon-colour":"white",icon:"MenuOpen",onClick:this.openMobileMenu}),n("div",{key:"e8b464e532385e9caed1eadf02a30ec6434f5e1c",class:"nav-links"},n("div",{key:"63db4717fe677a9cd87dc1a831190669809a7f18",class:"sidebar-logo"},n("a",{key:"0b30ce0efca1bb626d724d8b6ff22c5a50192943",href:this.philcoUrlPrefix+a,"aria-label":"Home"}),n("biggive-misc-icon",{key:"14ab27431e8234fe7a1e1890b882e8afbdfd6507",class:"bx bx-x","background-colour":"transparent","icon-colour":"white",icon:"MenuClose",onClick:this.closeMobileMenu})),n("div",{key:"a9dc2d531c5e0642fe2df801548ade98f9fd2bee",id:"nav-primary"},n("ul",{key:"7b2548c5ae1454ba9da230c9aa7f4ed106152b10",class:"links",slot:"nav-primary"},n("li",{key:"a3ab64f5604f59549dbb796ba861904b6eab0363"},n("a",{key:"2c097f17569f4bce91cbeaba796ed43f818752f8",href:t("Philco",this.philcoUrlPrefix,"why-become-a-philco")},"Why become a Philco")),n("li",{key:"eeab5b9b5a117d10b6bc1217203b6245f1fdd633"},n("a",{key:"2b0e3985dc8fb47d88c0cff15a445c1a1153226a",href:t("Philco",this.philcoUrlPrefix,"news")},"News")),n("li",{key:"d3792f7eede889d6a738659a8da04da9f40630a6",class:"signup"},n("biggive-button",{key:"30c9b2b713669563607be142b62391c1d1086f51",label:"Sign up","site-design":"philco","colour-scheme":"philco-white",rounded:true,url:t("Philco",this.philcoUrlPrefix,"sign-up"),size:"small"}))))))))}get host(){return l(this)}};d.style=s;export{d as philco_main_menu};
2
- //# sourceMappingURL=p-738f98cf.entry.js.map
package/dist/biggive/p-738f98cf.entry.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"names":["philcoMainMenuCss","PhilcoMainMenu","constructor","hostRef","this","openMobileMenu","mobileMenu","host","shadowRoot","querySelector","style","left","closeMobileMenu","closeMobileMenuFromOutside","componentDidLoad","classList","add","render","homePageLink","h","Host","key","role","class","href","philcoUrlPrefix","src","getAssetPath","alt","icon","onClick","id","slot","makeURL","label","rounded","url","size"],"sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n @include philco-body-font();\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 * $spacer-2;\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: $colour-philco-gray-90;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n background-color: $colour-philco-gray-90;\n color: $colour-philco-white;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: $colour-philco-white;\n font-size: 17px;\n font-weight: 500;\n }\n }\n }\n }\n\n .logo {\n min-width: 10px;\n width: 100px;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n a {\n font-size: 30px;\n color: $colour-philco-white;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (max-width: 1200px) {\n nav {\n .navbar {\n .logo {\n min-width: 100px;\n width: 100px;\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n\n .nav-links {\n .links {\n li {\n padding: 0 7px;\n\n a {\n font-size: 15px;\n }\n\n &.signup {\n height: 40px;\n padding-top: 5px;\n margin-left: -10px;\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0px 25px;\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: $colour-philco-gray-90;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n\n #mobileLogo {\n width: 130px;\n }\n\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .mobile-social-icon-wrap {\n margin-top: 20px;\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n\n a {\n width: 100%;\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n","import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n @Element() host: HTMLPhilcoMainMenuElement;\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() philcoUrlPrefix: string;\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 closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" 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('Philco', this.philcoUrlPrefix, 'why-become-a-philco')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Philco', this.philcoUrlPrefix, 'news')}>News</a>\n </li>\n <li class=\"signup\">\n <biggive-button\n label=\"Sign up\"\n site-design=\"philco\"\n colour-scheme=\"philco-white\"\n rounded={true}\n url={makeURL('Philco', this.philcoUrlPrefix, 'sign-up')}\n size=\"small\"\n ></biggive-button>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"mappings":"2GAAA,MAAMA,EAAoB,q5F,MCQbC,EAAc,MAL3B,WAAAC,CAAAC,G,qDA4BUC,KAAcC,eAAG,KACvB,MAAMC,EAAaF,KAAKG,KAAKC,WAAYC,cAA2B,cACpEH,EAAYI,MAAMC,KAAO,GAAG,EAGtBP,KAAeQ,gBAAG,KACxB,MAAMN,EAAaF,KAAKG,KAAKC,WAAYC,cAA2B,cACpEH,EAAYI,MAAMC,KAAO,OAAO,CAmDnC,CA/DC,gCAAME,GACJ,MAAMP,EAAaF,KAAKG,KAAKC,WAAYC,cAA2B,cACpEH,EAAYI,MAAMC,KAAO,O,CAa3B,gBAAAG,GACEV,KAAKG,KAAKQ,UAAUC,IAAI,Q,CAG1B,MAAAC,GACE,MAAMC,EAAe,IAErB,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,KAAK,aAAY,aAAY,aAChCH,EAAK,OAAAE,IAAA,2CAAAE,MAAM,UACTJ,EAAK,OAAAE,IAAA,2CAAAE,MAAM,QACTJ,EAAG,KAAAE,IAAA,2CAAAG,KAAMpB,KAAKqB,gBAAkBP,EAAY,aAAa,QACvDC,EAAA,OAAAE,IAAA,2CAAKK,IAAKC,EAAa,8CAA+CC,IAAI,aAG9ET,EAAA,qBAAAE,IAAA,2CAAmBE,MAAM,aAA+B,kCAAa,cAAa,QAAQM,KAAK,WAAWC,QAAS1B,KAAKC,iBACxHc,EAAK,OAAAE,IAAA,2CAAAE,MAAM,aACTJ,EAAK,OAAAE,IAAA,2CAAAE,MAAM,gBACTJ,EAAG,KAAAE,IAAA,2CAAAG,KAAMpB,KAAKqB,gBAAkBP,EAAyB,sBACzDC,EAAA,qBAAAE,IAAA,2CAAmBE,MAAM,UAAS,oBAAmB,cAAa,cAAa,QAAQM,KAAK,YAAYC,QAAS1B,KAAKQ,mBAExHO,EAAK,OAAAE,IAAA,2CAAAU,GAAG,eACNZ,EAAA,MAAAE,IAAA,2CAAIE,MAAM,QAAQS,KAAK,eACrBb,EAAA,MAAAE,IAAA,4CACEF,EAAA,KAAAE,IAAA,2CAAGG,KAAMS,EAAQ,SAAU7B,KAAKqB,gBAAiB,wBAAsB,wBAEzEN,EAAA,MAAAE,IAAA,4CACEF,EAAA,KAAAE,IAAA,2CAAGG,KAAMS,EAAQ,SAAU7B,KAAKqB,gBAAiB,SAAO,SAE1DN,EAAI,MAAAE,IAAA,2CAAAE,MAAM,UACRJ,EAAA,kBAAAE,IAAA,2CACEa,MAAM,UACM,uBAAQ,gBACN,eACdC,QAAS,KACTC,IAAKH,EAAQ,SAAU7B,KAAKqB,gBAAiB,WAC7CY,KAAK,gB","ignoreList":[]}