@postnord/pn-marketweb-components 3.3.5 → 3.3.6

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 (28) hide show
  1. package/cjs/pn-language-selector_9.cjs.entry.js +3 -3
  2. package/cjs/pn-language-selector_9.cjs.entry.js.map +1 -1
  3. package/cjs/pn-marketweb-siteheader.cjs.entry.js +14 -7
  4. package/cjs/pn-marketweb-siteheader.cjs.entry.js.map +1 -1
  5. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js +14 -7
  6. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js.map +1 -1
  7. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js +30 -0
  8. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js.map +1 -1
  9. package/collection/components/navigation/pn-mainnav/pn-mainnav-level.js +3 -3
  10. package/collection/components/navigation/pn-mainnav/pn-mainnav-level.js.map +1 -1
  11. package/components/pn-mainnav-level2.js +3 -3
  12. package/components/pn-mainnav-level2.js.map +1 -1
  13. package/components/pn-marketweb-siteheader.js +14 -7
  14. package/components/pn-marketweb-siteheader.js.map +1 -1
  15. package/esm/pn-language-selector_9.entry.js +3 -3
  16. package/esm/pn-language-selector_9.entry.js.map +1 -1
  17. package/esm/pn-marketweb-siteheader.entry.js +14 -7
  18. package/esm/pn-marketweb-siteheader.entry.js.map +1 -1
  19. package/package.json +1 -1
  20. package/pn-market-web-components/p-4475c326.entry.js +2 -0
  21. package/pn-market-web-components/{p-4ea1409d.entry.js.map → p-4475c326.entry.js.map} +1 -1
  22. package/pn-market-web-components/{p-b765e4a9.entry.js → p-644858d3.entry.js} +2 -2
  23. package/pn-market-web-components/p-644858d3.entry.js.map +1 -0
  24. package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
  25. package/types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.d.ts +1 -0
  26. package/types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.d.ts +1 -0
  27. package/pn-market-web-components/p-4ea1409d.entry.js +0 -2
  28. package/pn-market-web-components/p-b765e4a9.entry.js.map +0 -1
package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"pn-marketweb-siteheader.js","sourceRoot":"","sources":["../../../../src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from '@stencil/core';\n\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport {\n LanguageSelector,\n LanguageSelectorItem,\n LoginDialog,\n MenuItem,\n MenuSiteDefinition,\n PromotedMenuItem,\n SiteHeaderI18N,\n SiteHeaderSearch,\n SiteSelector,\n} from './pn-marketweb-siteheader-types';\nimport { translations } from './translations';\n\n/**\n * @slot topleft - Text\n * @slot logo - Text\n * @slot toprightstart - Text\n * @slot toprightend - Text\n * @slot siteheader-menu-top-button - Text\n * @slot menu-footer-cta - Text\n * @slot header-bottom-button - Text\n */\n@Component({\n tag: 'pn-marketweb-siteheader',\n styleUrl: 'pn-marketweb-siteheader.scss',\n})\nexport class PnMarketwebSiteheader {\n @Element() hostElement: Element;\n endpointPath = '/api/navigation/header';\n\n /** Specifies which market we want to show (se,dk,fi,no,com) */\n @Prop({ mutable: true, reflect: true }) market: string = null; //se\n /** Specifies which language we want to show (sv,da,fi,no,en) */\n @Prop({ mutable: true, reflect: true }) language: string = null; //sv\n /** Specifies the current site id (guid) */\n @Prop() siteid: string = null;\n /** Specifies which environment we're fetching data from. (production, preproduction, integration, localhost) */\n @Prop({ mutable: true, reflect: true }) environment: string = null; //sv\n /** Access token passed from backend */\n @Prop() userToken: string = '';\n /** User Fullname */\n @Prop() userFullname: string = '';\n /** User Logged in state from the backend */\n @Prop({ reflect: true }) userLoggedin: boolean = false;\n /** Specifies which endpoint domain we should load from */\n @Prop() endpoint: string = null;\n /** Hides the site selector if set to true*/\n @Prop({ mutable: true, reflect: true }) hideSiteSelector: boolean = false;\n /** Hides the \"home\" menu item in the navigation if set to true*/\n @Prop({ mutable: true, reflect: true }) hideHomeMenuItem: boolean = false;\n /** Hides the language selector if set to true*/\n @Prop({ mutable: true, reflect: true }) hideLanguageSelector: boolean = false;\n /** Hides the search form if set to true*/\n @Prop({ mutable: true, reflect: true }) hideSearch: boolean = false;\n /** Hides the login if set to true*/\n @Prop({ mutable: true, reflect: true }) hideLogin: boolean = false;\n /** If this is selected we will show the new profile selection dropdown instead of the login version */\n @Prop({ mutable: true, reflect: true }) showProfileSelection: boolean = false;\n /** if this is selected we will show the unified-login button aswell as a new look for dropdown menu */\n @Prop() showUnifiedLogin: boolean = false;\n\n /** Adjusts the menus URLs */\n @Prop() siteDomainInUrls: boolean = false;\n\n /** Autocomplete endpoint */\n @Prop() AutocompleteEndpoint: string = '';\n /** Forward session to backend */\n @Prop() sessionForward: boolean = false;\n /** If the component should use cached requests */\n @Prop() cache: boolean = false;\n /** Header search placeholder */\n @Prop() searchPlaceholder: string = '';\n\n /** Event based only language switch */\n @Prop({}) spaMode: boolean = false;\n\n /** Continiously check if a user is logged in **/\n @Prop({}) checkUserLoggedInStateInterval: number = 0;\n\n @Prop({}) pageId?: string = '';\n\n @State() i18n: SiteHeaderI18N = {\n searchlabel: '',\n searchplaceholder: '',\n searchbuttontext: '',\n menuHomeButton: '',\n menuGoBackButton: '',\n mainMenuButton: '',\n menuStartButton: '',\n profileSelectionFlyoutHeading: '',\n unifiedLoginButton: '',\n unifiedMyPagesButton: '',\n } as SiteHeaderI18N;\n @State() gotData: boolean = false;\n @State() fetchingData: boolean = false;\n @State() homePageLink: string = '/';\n\n // Menu state\n @State() menuItems: MenuItem[] = [];\n @State() siteDefinition: MenuSiteDefinition;\n\n // Search\n @State() search: SiteHeaderSearch = { AutocompleteEndpoint: this.AutocompleteEndpoint };\n\n // Site selector\n @State() siteSelector: SiteSelector = null;\n\n // Language Selector\n @State() languageSelector: LanguageSelector = null;\n @State() languageOptions: LanguageSelectorItem[] = [];\n\n // Login dialog\n @State() loginDialog: LoginDialog = null;\n\n @State() minimizeSearch: boolean = false;\n\n @State() loggedIn: boolean = false;\n\n // FetchHelper\n fetchHelper = new FetchHelper('siteheader');\n\n // // Login manager\n // @State() loginManager: MarketWebLoginManager = null;\n\n // Events\n @Event() changeLanguage: EventEmitter;\n // Events\n @Event() changeMarket: EventEmitter;\n\n componentWillLoad() {\n this.setInitialValues().then(() => {\n this.init();\n });\n }\n\n async setInitialValues(href = window.location.href) {\n const marketWebContextService = new MarketWebContextService(href);\n if (!this.market) {\n const resolvedMarket = await marketWebContextService.getMarket();\n this.market = resolvedMarket;\n }\n if (!this.language) {\n const resolvedMarket = await marketWebContextService.getLanguage();\n this.language = resolvedMarket;\n }\n if (!this.environment) {\n this.environment = await marketWebContextService.getEnvironmentName();\n }\n\n if (!this.endpoint && this.environment?.indexOf('local') === -1) {\n this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);\n }\n if (!this.endpoint) {\n this.endpoint = '';\n }\n }\n\n async init() {\n this.setTranslations();\n await this.fetchData();\n window.setTimeout(() => {\n this.checkMenuOverflow();\n }, 50);\n }\n\n setTranslations() {\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n if (this.searchPlaceholder) {\n this.i18n.searchplaceholder = this.searchPlaceholder;\n }\n }\n\n @Listen('setLanguage')\n onLanguageSelectorChange(e) {\n this.language = e.detail;\n window.dispatchEvent(new CustomEvent('marketweb-languagechange', { detail: this.language }));\n }\n\n @Watch('language')\n onLanguageChange() {\n this.setTranslations();\n this.changeLanguage.emit(this.language);\n this.fetchData();\n }\n\n @Watch('market')\n onMarketChange() {\n this.changeMarket.emit(this.market);\n this.fetchData();\n }\n\n async fetchData() {\n if (this.endpoint === null || !this.market || !this.language) {\n // console.warn(`One or more values where not specified.\\nEndpoint: ${this.endpoint}\\nMarket: ${this.market}\\nLanguage: ${this.language}`)\n return;\n }\n this.fetchingData = true;\n const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n const fetchUrl = `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}&currentPage=${this.pageId}`;\n\n const data = (await this.fetchHelper.fetchJson(\n fetchUrl,\n {\n mode: 'cors',\n },\n this.cache,\n )) as any;\n\n // const data2 = JSON.parse('{\"query\":{\"market\":\"se\",\"language\":\"sv\",\"currentPage\":\"\"},\"sitedefinition\":{\"name\":\"Postnord Sweden\",\"url\":\"https://localhost:51547/\"},\"search\":{\"formActionUrl\":\"https://localhost:51547/sok/\",\"useAutocompleteInHeaderSearch\":true,\"hideSearchFromHeader\":false,\"preferredSiteId\":\"06bb4e57-cf10-4374-9e4d-34ae987eff2e\"},\"languageSelectorViewModel\":{\"currentLanguageNativeName \":\"Svenska\",\"languages\":[{\"twoLetterISOLanguageName\":\"en\",\"nativeName\":\"English\",\"isCurrent\":false},{\"twoLetterISOLanguageName\":\"sv\",\"nativeName\":\"Svenska\",\"isCurrent\":true},{\"twoLetterISOLanguageName\":\"da\",\"nativeName\":\"Dansk\",\"isCurrent\":false},{\"twoLetterISOLanguageName\":\"tr\",\"nativeName\":\"Türkçe\",\"isCurrent\":false}],\"hideLanguageSelectorFromHeader\":false},\"siteSelectorViewModel\":{\"siteSelectorButtonText\":\"postnord.se\",\"siteSelectorTitle\":\"PostNord\",\"currentSiteTitle\":\"postnord.se\",\"currentSiteDescription\":\"Tjänster och verktyg för att skicka och ta emot din post\",\"siteSelections\":[{\"linkText\":\"Portal\",\"linkDescription\":\"Hantera dina försändelser\",\"pageLink\":\"https://portal.postnord.com/\",\"openInNewWindow\":false,\"href\":\"https://portal.postnord.com/\"},{\"linkText\":\"postnord.com\",\"linkDescription\":\"Information om PostNord Koncernen\",\"pageLink\":\"/link/7d10839b295946bbb54bebcb289f3aff.aspx\",\"openInNewWindow\":false,\"href\":\"https://com-inte.postnord.com/sv/\"}],\"hideSiteSelectorFromHeader\":false},\"loginViewModel\":{\"loginMenuLinks\":[{\"linkText\":\"Handla online\",\"pageLink\":\"/login?language=sv&returnUrl=https://se-inte.postnord.com/handla-online\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":\"regularlink\",\"href\":\"/login?language=sv&returnUrl=https://se-inte.postnord.com/handla-online\"},{\"linkText\":\"Business portal\",\"pageLink\":\"https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=https://se-inte.postnord.com\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":\"regularlink\",\"href\":\"https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=https://se-inte.postnord.com\"},{\"linkText\":\"Ombudsbutiken\",\"pageLink\":\"https://se-inte.postnord.com/login?returnUrl=https://se-inte.postnord.com/handla-online&type=agent\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":\"regularlink\",\"href\":\"https://se-inte.postnord.com/login?returnUrl=https://se-inte.postnord.com/handla-online&type=agent\"}],\"loggedInLinks\":[{\"linkText\":\"Logga ut\",\"pageLink\":\"http://window.location.href/?logout\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":null,\"href\":\"http://window.location.href/?logout\"}],\"overrideLoginMenu\":false,\"loginMenuLinkText\":\"Logga in\",\"countryCode\":\"SE\",\"locale\":\"sv\",\"loginUrl\":\"https://portal.postnord.com/login?language=sv\",\"registerUrl\":\"https://portal.postnord.com/createaccount?market=SE\",\"loggedInButtonText\":\"My PostNord\",\"loginTitle\":\"Logga in direkt på:\",\"loginLinkText\":\"Logga in\",\"createLoginLinkText\":\"Skapa nytt konto\",\"hideLoginFromHeader\":false,\"showProfileSelection\":true,\"checkUserLoginStateInterval\":20000,\"showUnifiedLogin\":true,\"loginInfo\":\"\",\"eshopStartPageUrl\":\"/handla-online/\"},\"mainMenu\":{\"menuItems\":[{\"name\":\"Privat\",\"href\":\"/privat2/\",\"id\":\"102118\",\"selected\":false,\"open\":false,\"children\":[{\"name\":\"Skicka\",\"href\":\"/privat2/skicka/\",\"id\":\"102119\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"skicka102119\",\"level\":2},{\"name\":\"Ta emot\",\"href\":\"/privat2/ta-emot/\",\"id\":\"102135\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"taemot102135\",\"level\":2},{\"name\":\"Priser och villkor\",\"href\":\"/privat2/priser-och-villkor/\",\"id\":\"102162\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"priserochvillkor102162\",\"level\":2},{\"name\":\"Förberedelser\",\"href\":\"/privat2/forberedelser/\",\"id\":\"102173\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"frberedelser102173\",\"level\":2}],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"Populärt\",\"promotedMenuItems\":[{\"linkText\":\"PostNord App\",\"pageLink\":\"/link/05dcebb0c20b4b56806f4736d83b773d.aspx\",\"href\":\"https://localhost:51547/vara-verktyg/postnord-app/\",\"openInNewWindow\":false},{\"linkText\":\"Digitalt frimärke\",\"pageLink\":\"https://portal.postnord.com/skickadirekt/m/?productId=800\",\"href\":\"https://portal.postnord.com/skickadirekt/m/?productId=800\",\"openInNewWindow\":false},{\"linkText\":\"Köp frakt\",\"pageLink\":\"https://portal.postnord.com/skickadirekt/m/\",\"href\":\"https://portal.postnord.com/skickadirekt/m/\",\"openInNewWindow\":false},{\"linkText\":\"Sök utdelningsdag\",\"pageLink\":\"/link/701d85d2a8924b7a8da0dd86f049debe.aspx\",\"href\":\"https://localhost:51547/vara-verktyg/sok-utdelningsdag/\",\"openInNewWindow\":false},{\"linkText\":\"Paketbox\",\"pageLink\":\"/link/aca5b66a6f6c45ae97ecd7d5f176d512.aspx\",\"href\":\"https://localhost:51547/privat/ta-emot/hamta/hamta-paket-i-paketbox/\",\"openInNewWindow\":false},{\"linkText\":\"Skicka brev och paket\",\"pageLink\":\"/link/8b60c612e9824ccb905fc260c50f69f5.aspx\",\"href\":\"https://localhost:51547/privat/skicka/brev-och-paket/\",\"openInNewWindow\":false}],\"hasChildren\":true,\"linkTarget\":\"\",\"trackingId\":\"privat102118\",\"level\":1},{\"name\":\"Företag\",\"href\":\"/foretag2/\",\"id\":\"102743\",\"selected\":false,\"open\":false,\"children\":[{\"name\":\"Skicka\",\"href\":\"/foretag2/skicka/\",\"id\":\"102744\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"skicka102744\",\"level\":2},{\"name\":\"Ta emot\",\"href\":\"/foretag2/ta-emot/\",\"id\":\"102826\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"taemot102826\",\"level\":2},{\"name\":\"Priser och villkor\",\"href\":\"/foretag2/priser-och-villkor/\",\"id\":\"102845\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"priserochvillkor102845\",\"level\":2},{\"name\":\"Förberedelser\",\"href\":\"/foretag2/forberedelser/\",\"id\":\"102855\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"frberedelser102855\",\"level\":2},{\"name\":\"Företagslösningar\",\"href\":\"/foretag2/foretagslosningar/\",\"id\":\"102883\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"fretagslsningar102883\",\"level\":2}],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"Populärt\",\"promotedMenuItems\":[{\"linkText\":\"Bli avtalskund\",\"pageLink\":\"/link/1fb879eb737747f2afc442df11ff99b5.aspx\",\"href\":\"https://localhost:51547/kundservice/bli-avtalskund/\",\"openInNewWindow\":false},{\"linkText\":\"PEX Bud\",\"pageLink\":\"/link/b1209ba46788420a8e9b5c7f06e570ad.aspx?productId=800\",\"href\":\"https://localhost:51547/foretag/skicka-forsandelser/pex-bud/?productId=800\",\"openInNewWindow\":false},{\"linkText\":\"Köp frakt\",\"pageLink\":\"https://portal.postnord.com/shippingtoolpro\",\"href\":\"https://portal.postnord.com/shippingtoolpro\",\"openInNewWindow\":true},{\"linkText\":\"Portal Business\",\"pageLink\":\"/link/c97df117dc9c427f90b1e95c1fa8caae.aspx\",\"href\":\"https://localhost:51547/vara-verktyg/postnord-portal/\",\"openInNewWindow\":false},{\"linkText\":\"Skicka brev och paket\",\"pageLink\":\"/link/a65c6b42681f4230b927f776bfc8662a.aspx\",\"href\":\"https://localhost:51547/foretag/skicka-forsandelser/brev-och-vykort/\",\"openInNewWindow\":false}],\"hasChildren\":true,\"linkTarget\":\"\",\"trackingId\":\"fretag102743\",\"level\":1},{\"name\":\"Handla online\",\"href\":\"/handla-online/\",\"id\":\"57674\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"handlaonline57674\",\"level\":1},{\"name\":\"Kundservice\",\"href\":\"/kundservice-faq/\",\"id\":\"167\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"kundservice167\",\"level\":1},{\"name\":\"Handla online temp redirect\",\"href\":\"/handla-online-new/\",\"id\":\"74849\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"handlaonlinetempredirect74849\",\"level\":1}]}}');\n // console.log(data2);\n await this.setStateFromData(data);\n }\n\n getLanguageVersionUrl(item: LanguageSelectorItem) {\n if (this.spaMode) {\n return null;\n }\n const alternativeTag = document.querySelector(`link[rel=\"alternate\"][hreflang=\"${item.twoLetterISOLanguageName}\"]`);\n\n if (alternativeTag) {\n return alternativeTag.getAttribute('href');\n }\n const siteUrl = this.siteDefinition.url;\n // Add trailing slash to domain if it's missing\n return siteUrl + (siteUrl.lastIndexOf('/') !== siteUrl.length - 1 ? '/' : '') + item.twoLetterISOLanguageName;\n }\n\n async setStateFromData(data: any) {\n if (typeof data !== 'object') {\n console.warn('Data was not valid', data);\n }\n\n // Set site definition\n this.siteDefinition = data.sitedefinition;\n if (headerState.loginManager) {\n headerState.loginManager.setSiteUrl(this.siteDefinition.url);\n }\n\n let updatedMenuItems = [];\n // Set navigation information\n if (this.siteDomainInUrls) {\n updatedMenuItems = (data.mainMenu.menuItems as MenuItem[]).map(item => {\n return this.adjustMenuItemUrls(item);\n });\n } else {\n updatedMenuItems = data.mainMenu.menuItems as MenuItem[];\n }\n\n // Create the \"Home\" link\n if ((!updatedMenuItems[0] || updatedMenuItems[0]?.name !== this.i18n.menuHomeButton) && !this.hideHomeMenuItem) {\n updatedMenuItems.unshift({\n href: this.siteDefinition.url,\n name: this.i18n.menuHomeButton,\n id: 'homelink',\n open: false,\n selected: false,\n children: [],\n } as MenuItem);\n }\n this.menuItems = updatedMenuItems;\n // Set search\n this.search = { ...data.search, ...{ AutocompleteEndpoint: this.AutocompleteEndpoint } };\n\n // Set site selector\n this.siteSelector = data.siteSelectorViewModel;\n\n // Set language selector\n this.languageSelector = data.languageSelectorViewModel;\n this.setLanguageOptions();\n\n let loginDialog = data.loginViewModel as LoginDialog;\n\n if (loginDialog && this.siteDomainInUrls) {\n loginDialog.loggedInLinks = loginDialog.loggedInLinks.map(item => {\n item.href = this.adjustHref(item.href);\n return item;\n });\n loginDialog.loginMenuLinks = loginDialog.loginMenuLinks.map(item => {\n item.href = this.adjustHref(item.href);\n return item;\n });\n }\n\n this.loginDialog = loginDialog;\n\n await this.spaModeAdjustments();\n this.gotData = true;\n this.fetchingData = true;\n this.homePageLink = this.siteDefinition?.url ?? document.location.hostname;\n\n window.setTimeout(() => {\n this.checkMenuOverflow();\n }, 100);\n }\n\n adjustMenuItemUrls(item: MenuItem) {\n item.href = this.adjustHref(item.href);\n if (item.children && item.children.length > 0) {\n let adjustedItems = item.children.map(item => {\n return this.adjustMenuItemUrls(item);\n });\n item.children = adjustedItems;\n }\n return item as MenuItem;\n }\n\n adjustHref(href: string) {\n if (href.indexOf('http') === 0 || this.siteDomainInUrls) {\n return href;\n }\n const domainUrl =\n this.siteDefinition.url.lastIndexOf('/') === this.siteDefinition.url.length - 1\n ? this.siteDefinition.url.substring(0, this.siteDefinition.url.length - 1)\n : this.siteDefinition.url;\n href = domainUrl + href;\n return href;\n }\n\n setLanguageOptions() {\n if (!this.languageSelector || !this.languageSelector.languages) {\n return;\n }\n const hrefLangsTags = Array.prototype.slice.call(document.querySelectorAll('link[rel=\"alternate\"][hreflang]')) ?? [];\n const hrefLangs = hrefLangsTags.map(tag => {\n let hrefLangValue = tag.getAttribute('hreflang');\n if (hrefLangValue.indexOf('en-') !== -1 || hrefLangValue.indexOf('en_') !== -1) {\n hrefLangValue = hrefLangValue.substring(0, 2);\n }\n return hrefLangValue;\n });\n let languageOptions = []; // Reset language options\n\n this.languageSelector.languages.map((languageOption: LanguageSelectorItem) => {\n // In case there are language links present on the page we only show languages that have those tags\n if (hrefLangs && hrefLangs.length > 0) {\n if (hrefLangs.includes(languageOption.twoLetterISOLanguageName)) {\n languageOptions.push(languageOption);\n }\n } else {\n languageOptions.push(languageOption);\n }\n });\n this.languageOptions = languageOptions; // Replace existing language options so we don't trigger a event change on every push.\n }\n\n async spaModeAdjustments() {\n if (!this.spaMode) {\n return;\n }\n\n return;\n }\n\n @Listen('loginStateChange')\n onLoginStateChange(e) {\n if (e.detail?.loggedIn && e.detail?.token) {\n this.loggedIn = e.detail?.loggedIn === true;\n if (this.sessionForward) {\n try {\n //fetch('/api/userprofile/sync?token=' + e.detail.token);\n } catch (e) {}\n }\n }\n }\n\n promotedItemId(item: PromotedMenuItem) {\n return 'promo-' + item.linkText.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '');\n }\n\n @Listen('resize', { target: 'window' })\n handleResize() {\n requestAnimationFrame(() => {\n this.checkMenuOverflow();\n });\n }\n\n checkMenuOverflow() {\n const row = this.hostElement.querySelectorAll('.siteheader-row')[1] as HTMLElement;\n if (!row) {\n return;\n }\n const firstMenuLevel = row.querySelector('pn-mainnav-level') as HTMLElement;\n if (!firstMenuLevel) {\n return;\n }\n const parent = firstMenuLevel.parentElement;\n\n if (parent.tagName.toLocaleLowerCase() !== 'nav') {\n return;\n }\n const parentWidth = parent.scrollWidth;\n const elmWidth = firstMenuLevel.clientWidth;\n const isOverFlowed = parentWidth < elmWidth;\n\n if (isOverFlowed && this.minimizeSearch === false) {\n this.minimizeSearch = true;\n }\n }\n\n adjustSiteSelectorUrl(href: string) {\n if (!this.loggedIn) {\n return href;\n }\n const loginDomains = ['portal.postnord.com'];\n const matchedHref = loginDomains.filter(domain => {\n return href.indexOf(domain) !== -1;\n });\n if (matchedHref.length === 0) {\n return href;\n }\n if (headerState.loginManager) {\n return headerState.loginManager.getLoginUrl(href);\n }\n return href;\n }\n\n render() {\n return (\n <Host language={this.language} market={this.market} environment={this.environment}>\n <header>\n <div class=\"siteheader-row\">\n <div class=\"siteheader-topleft\">\n <slot name=\"topleft\"></slot>\n {this.gotData && this.siteSelector && !this.hideSiteSelector && (\n <pn-site-selector language={this.language} buttontext={this.siteSelector?.currentSiteTitle ?? 'postnord'}>\n {this.gotData && this.siteSelector?.currentSiteTitle && (\n <pn-site-selector-item heading={this.siteSelector.currentSiteTitle + ' '} description={this.siteSelector.currentSiteDescription}></pn-site-selector-item>\n )}\n {this.gotData &&\n this.siteSelector?.siteSelections &&\n this.siteSelector.siteSelections.map(site => (\n <pn-site-selector-item\n heading={site.linkText + ' '}\n description={site.linkDescription}\n url={this.adjustSiteSelectorUrl(site.href)}\n newwindow={site.openInNewWindow}\n ></pn-site-selector-item>\n ))}\n </pn-site-selector>\n )}\n </div>\n <div class=\"siteheader-logocontainer\">\n <a href={this.homePageLink} title=\"Home\" class=\"siteheader-logolink\">\n <slot name=\"logo\">\n <svg class=\"siteheader-logo\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12.7rem\" height=\"2.4rem\" viewBox=\"0 0 141.73 26.65\">\n <path\n d=\"M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z\"\n fill=\"#00A0D6\"\n transform=\"translate(0 0)\"\n ></path>\n </svg>\n </slot>\n </a>\n </div>\n <div class=\"siteheader-topright\">\n <slot name=\"toprightstart\"></slot>\n {this.gotData && this.loginDialog && !this.hideLogin && (\n <pn-marketweb-siteheader-login\n token={this.userToken}\n siteUrl={this.siteDefinition.url}\n fullname={this.userFullname}\n loggedin={this.userLoggedin}\n loginDialog={this.loginDialog}\n endpoint={this.endpoint}\n i18n={this.i18n}\n showProfileSelection={this.showProfileSelection}\n showUnifiedLogin={this.showUnifiedLogin}\n check-user-logged-in-state-interval={this.checkUserLoggedInStateInterval}\n ></pn-marketweb-siteheader-login>\n )}\n\n {this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (\n <pn-language-selector value={this.language}>\n {this.languageOptions.map(language => (\n <pn-language-selector-option\n name={language.nativeName}\n code={language.twoLetterISOLanguageName}\n selected={language.isCurrent}\n url={this.getLanguageVersionUrl(language)}\n ></pn-language-selector-option>\n ))}\n </pn-language-selector>\n )}\n <slot name=\"toprightend\"></slot>\n <div class=\"siteheader-menu-top-search\">\n <pn-marketweb-siteheader-search\n language={this.language}\n siteid={this.siteid}\n search={this.search}\n hide-search={this.hideSearch}\n i18n={this.i18n}\n icononly={true}\n ></pn-marketweb-siteheader-search>\n </div>\n </div>\n </div>\n <slot name=\"siteheader-menu-top-button\"></slot>\n <div class=\"siteheader-row\">\n <div class=\"siteheader-menu\">\n {this.gotData && this.menuItems && (\n <pn-mainnav\n market={this.market}\n language={this.language}\n onMenuOpenChange={e => {\n document.body.setAttribute('data-siteheader-menuopen', e.detail + '');\n }}\n >\n <pn-mainnav-level>\n <pn-mainnav-list>\n {this.menuItems.map(item => (\n <pn-mainnav-link name={item.name} href={item.href} itemid={item.id} target={item.linkTarget ?? '_self'} linkid={item.trackingId}>\n {((item.promotedMenuItems && item.promotedMenuItems.length > 0) || (item.children && item.children.length > 0)) && (\n <pn-mainnav-level label={item.name}>\n {item.children.length > 0 && (\n <pn-mainnav-list heading={item.navigationHeading ?? ''}>\n {item.children.map(childitem => (\n <pn-mainnav-link\n name={childitem.name}\n href={childitem.href}\n target={childitem.linkTarget ?? '_self'}\n linkid={childitem.trackingId}\n ></pn-mainnav-link>\n ))}\n </pn-mainnav-list>\n )}\n {item.promotedMenuItems && item.promotedMenuItems.length > 0 && (\n <pn-mainnav-list heading={item.promotedMenuItemsHeader}>\n {item.promotedMenuItems.map(childitem => (\n <pn-mainnav-link\n href={childitem.href}\n name={childitem.linkText}\n target={childitem.openInNewWindow ? '_blank' : '_self'}\n linkid={this.promotedItemId(childitem) + item.id}\n ></pn-mainnav-link>\n ))}\n </pn-mainnav-list>\n )}\n </pn-mainnav-level>\n )}\n </pn-mainnav-link>\n ))}\n </pn-mainnav-list>\n <div slot=\"footer\" class=\"siteheader-menu-footer\">\n <slot name=\"menu-footer-cta\"></slot>\n {this.gotData && this.loginDialog && !this.hideLogin && (\n <pn-marketweb-siteheader-login\n emitEvents={false}\n siteUrl={this.siteDefinition.url}\n loginDialog={this.loginDialog}\n endpoint={this.endpoint}\n fullname={this.userFullname}\n loggedin={this.userLoggedin}\n i18n={this.i18n}\n showProfileSelection={this.showProfileSelection}\n showUnifiedLogin={this.showUnifiedLogin}\n environment={this.environment}\n ></pn-marketweb-siteheader-login>\n )}\n\n {this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (\n <pn-language-selector value={this.language}>\n {this.languageOptions.map(language => (\n <pn-language-selector-option\n name={language.nativeName}\n code={language.twoLetterISOLanguageName}\n selected={language.isCurrent}\n url={this.getLanguageVersionUrl(language)}\n ></pn-language-selector-option>\n ))}\n </pn-language-selector>\n )}\n {!this.hideSiteSelector && (\n <pn-site-selector language={this.language}>\n {this.gotData && this.siteSelector?.currentSiteTitle && (\n <pn-site-selector-item heading={this.siteSelector.currentSiteTitle} description={this.siteSelector.currentSiteDescription}></pn-site-selector-item>\n )}\n {this.gotData &&\n this.siteSelector?.siteSelections &&\n this.siteSelector.siteSelections.map(site => (\n <pn-site-selector-item\n heading={site.linkText}\n description={site.linkDescription}\n url={site.pageLink}\n newwindow={site.openInNewWindow}\n ></pn-site-selector-item>\n ))}\n </pn-site-selector>\n )}\n </div>\n <div slot=\"top\" class=\"siteheader-menu-top\">\n <pn-marketweb-siteheader-search\n language={this.language}\n siteid={this.siteid}\n search={this.search}\n hide-search={this.hideSearch}\n i18n={this.i18n}\n ></pn-marketweb-siteheader-search>\n </div>\n </pn-mainnav-level>\n </pn-mainnav>\n )}\n </div>\n\n <pn-marketweb-siteheader-search\n language={this.language}\n siteid={this.siteid}\n primary={true}\n search={this.search}\n hide-search={this.hideSearch}\n show-only-link={this.minimizeSearch}\n i18n={this.i18n}\n ></pn-marketweb-siteheader-search>\n <slot name=\"header-bottom-button\"></slot>\n </div>\n </header>\n </Host>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"pn-marketweb-siteheader.js","sourceRoot":"","sources":["../../../../src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from '@stencil/core';\n\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport {\n LanguageSelector,\n LanguageSelectorItem,\n LoginDialog,\n MenuItem,\n MenuSiteDefinition,\n PromotedMenuItem,\n SiteHeaderI18N,\n SiteHeaderSearch,\n SiteSelector,\n} from './pn-marketweb-siteheader-types';\nimport { translations } from './translations';\n\n/**\n * @slot topleft - Text\n * @slot logo - Text\n * @slot toprightstart - Text\n * @slot toprightend - Text\n * @slot siteheader-menu-top-button - Text\n * @slot menu-footer-cta - Text\n * @slot header-bottom-button - Text\n */\n@Component({\n tag: 'pn-marketweb-siteheader',\n styleUrl: 'pn-marketweb-siteheader.scss',\n})\nexport class PnMarketwebSiteheader {\n @Element() hostElement: Element;\n endpointPath = '/api/navigation/header';\n\n /** Specifies which market we want to show (se,dk,fi,no,com) */\n @Prop({ mutable: true, reflect: true }) market: string = null; //se\n /** Specifies which language we want to show (sv,da,fi,no,en) */\n @Prop({ mutable: true, reflect: true }) language: string = null; //sv\n /** Specifies the current site id (guid) */\n @Prop() siteid: string = null;\n /** Specifies which environment we're fetching data from. (production, preproduction, integration, localhost) */\n @Prop({ mutable: true, reflect: true }) environment: string = null; //sv\n /** Access token passed from backend */\n @Prop() userToken: string = '';\n /** User Fullname */\n @Prop() userFullname: string = '';\n /** User Logged in state from the backend */\n @Prop({ reflect: true }) userLoggedin: boolean = false;\n /** Specifies which endpoint domain we should load from */\n @Prop() endpoint: string = null;\n /** Hides the site selector if set to true*/\n @Prop({ mutable: true, reflect: true }) hideSiteSelector: boolean = false;\n /** Hides the \"home\" menu item in the navigation if set to true*/\n @Prop({ mutable: true, reflect: true }) hideHomeMenuItem: boolean = false;\n /** Hides the language selector if set to true*/\n @Prop({ mutable: true, reflect: true }) hideLanguageSelector: boolean = false;\n /** Hides the search form if set to true*/\n @Prop({ mutable: true, reflect: true }) hideSearch: boolean = false;\n /** Hides the login if set to true*/\n @Prop({ mutable: true, reflect: true }) hideLogin: boolean = false;\n /** If this is selected we will show the new profile selection dropdown instead of the login version */\n @Prop({ mutable: true, reflect: true }) showProfileSelection: boolean = false;\n /** if this is selected we will show the unified-login button aswell as a new look for dropdown menu */\n @Prop() showUnifiedLogin: boolean = false;\n\n /** Adjusts the menus URLs */\n @Prop() siteDomainInUrls: boolean = false;\n\n /** Autocomplete endpoint */\n @Prop() AutocompleteEndpoint: string = '';\n /** Forward session to backend */\n @Prop() sessionForward: boolean = false;\n /** If the component should use cached requests */\n @Prop() cache: boolean = false;\n /** Header search placeholder */\n @Prop() searchPlaceholder: string = '';\n\n /** Event based only language switch */\n @Prop({}) spaMode: boolean = false;\n\n /** Continiously check if a user is logged in **/\n @Prop({}) checkUserLoggedInStateInterval: number = 0;\n\n @Prop({}) pageId?: string = '';\n\n @State() i18n: SiteHeaderI18N = {\n searchlabel: '',\n searchplaceholder: '',\n searchbuttontext: '',\n menuHomeButton: '',\n menuGoBackButton: '',\n mainMenuButton: '',\n menuStartButton: '',\n profileSelectionFlyoutHeading: '',\n unifiedLoginButton: '',\n unifiedMyPagesButton: '',\n } as SiteHeaderI18N;\n @State() gotData: boolean = false;\n @State() fetchingData: boolean = false;\n @State() homePageLink: string = '/';\n\n // Menu state\n @State() menuItems: MenuItem[] = [];\n @State() siteDefinition: MenuSiteDefinition;\n\n // Search\n @State() search: SiteHeaderSearch = { AutocompleteEndpoint: this.AutocompleteEndpoint };\n\n // Site selector\n @State() siteSelector: SiteSelector = null;\n\n // Language Selector\n @State() languageSelector: LanguageSelector = null;\n @State() languageOptions: LanguageSelectorItem[] = [];\n\n // Login dialog\n @State() loginDialog: LoginDialog = null;\n\n @State() minimizeSearch: boolean = false;\n\n @State() loggedIn: boolean = false;\n\n // FetchHelper\n fetchHelper = new FetchHelper('siteheader');\n\n // // Login manager\n // @State() loginManager: MarketWebLoginManager = null;\n\n // Events\n @Event() changeLanguage: EventEmitter;\n // Events\n @Event() changeMarket: EventEmitter;\n\n componentWillLoad() {\n this.setInitialValues().then(() => {\n this.init();\n });\n }\n\n async setInitialValues(href = window.location.href) {\n const marketWebContextService = new MarketWebContextService(href);\n if (!this.market) {\n const resolvedMarket = await marketWebContextService.getMarket();\n this.market = resolvedMarket;\n }\n if (!this.language) {\n const resolvedMarket = await marketWebContextService.getLanguage();\n this.language = resolvedMarket;\n }\n if (!this.environment) {\n this.environment = await marketWebContextService.getEnvironmentName();\n }\n\n if (!this.endpoint && this.environment?.indexOf('local') === -1) {\n this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);\n }\n if (!this.endpoint) {\n this.endpoint = '';\n }\n }\n\n async init() {\n this.setTranslations();\n await this.fetchData();\n window.setTimeout(() => {\n this.checkMenuOverflow();\n }, 50);\n }\n\n setTranslations() {\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n if (this.searchPlaceholder) {\n this.i18n.searchplaceholder = this.searchPlaceholder;\n }\n }\n\n @Listen('setLanguage')\n onLanguageSelectorChange(e) {\n this.language = e.detail;\n window.dispatchEvent(new CustomEvent('marketweb-languagechange', { detail: this.language }));\n }\n\n @Watch('language')\n onLanguageChange() {\n this.setTranslations();\n this.changeLanguage.emit(this.language);\n this.fetchData();\n }\n\n @Watch('market')\n onMarketChange() {\n this.changeMarket.emit(this.market);\n this.fetchData();\n }\n\n async fetchData() {\n if (this.endpoint === null || !this.market || !this.language) {\n // console.warn(`One or more values where not specified.\\nEndpoint: ${this.endpoint}\\nMarket: ${this.market}\\nLanguage: ${this.language}`)\n return;\n }\n this.fetchingData = true;\n const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n const fetchUrl = `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}&currentPage=${this.pageId}`;\n\n const data = (await this.fetchHelper.fetchJson(\n fetchUrl,\n {\n mode: 'cors',\n },\n this.cache,\n )) as any;\n\n // const data2 = JSON.parse('{\"query\":{\"market\":\"se\",\"language\":\"sv\",\"currentPage\":\"\"},\"sitedefinition\":{\"name\":\"Postnord Sweden\",\"url\":\"https://localhost:51547/\"},\"search\":{\"formActionUrl\":\"https://localhost:51547/sok/\",\"useAutocompleteInHeaderSearch\":true,\"hideSearchFromHeader\":false,\"preferredSiteId\":\"06bb4e57-cf10-4374-9e4d-34ae987eff2e\"},\"languageSelectorViewModel\":{\"currentLanguageNativeName \":\"Svenska\",\"languages\":[{\"twoLetterISOLanguageName\":\"en\",\"nativeName\":\"English\",\"isCurrent\":false},{\"twoLetterISOLanguageName\":\"sv\",\"nativeName\":\"Svenska\",\"isCurrent\":true},{\"twoLetterISOLanguageName\":\"da\",\"nativeName\":\"Dansk\",\"isCurrent\":false},{\"twoLetterISOLanguageName\":\"tr\",\"nativeName\":\"Türkçe\",\"isCurrent\":false}],\"hideLanguageSelectorFromHeader\":false},\"siteSelectorViewModel\":{\"siteSelectorButtonText\":\"postnord.se\",\"siteSelectorTitle\":\"PostNord\",\"currentSiteTitle\":\"postnord.se\",\"currentSiteDescription\":\"Tjänster och verktyg för att skicka och ta emot din post\",\"siteSelections\":[{\"linkText\":\"Portal\",\"linkDescription\":\"Hantera dina försändelser\",\"pageLink\":\"https://portal.postnord.com/\",\"openInNewWindow\":false,\"href\":\"https://portal.postnord.com/\"},{\"linkText\":\"postnord.com\",\"linkDescription\":\"Information om PostNord Koncernen\",\"pageLink\":\"/link/7d10839b295946bbb54bebcb289f3aff.aspx\",\"openInNewWindow\":false,\"href\":\"https://com-inte.postnord.com/sv/\"}],\"hideSiteSelectorFromHeader\":false},\"loginViewModel\":{\"loginMenuLinks\":[{\"linkText\":\"Handla online\",\"pageLink\":\"/login?language=sv&returnUrl=https://se-inte.postnord.com/handla-online\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":\"regularlink\",\"href\":\"/login?language=sv&returnUrl=https://se-inte.postnord.com/handla-online\"},{\"linkText\":\"Business portal\",\"pageLink\":\"https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=https://se-inte.postnord.com\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":\"regularlink\",\"href\":\"https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=https://se-inte.postnord.com\"},{\"linkText\":\"Ombudsbutiken\",\"pageLink\":\"https://se-inte.postnord.com/login?returnUrl=https://se-inte.postnord.com/handla-online&type=agent\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":\"regularlink\",\"href\":\"https://se-inte.postnord.com/login?returnUrl=https://se-inte.postnord.com/handla-online&type=agent\"}],\"loggedInLinks\":[{\"linkText\":\"Logga ut\",\"pageLink\":\"http://window.location.href/?logout\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":null,\"href\":\"http://window.location.href/?logout\"}],\"overrideLoginMenu\":false,\"loginMenuLinkText\":\"Logga in\",\"countryCode\":\"SE\",\"locale\":\"sv\",\"loginUrl\":\"https://portal.postnord.com/login?language=sv\",\"registerUrl\":\"https://portal.postnord.com/createaccount?market=SE\",\"loggedInButtonText\":\"My PostNord\",\"loginTitle\":\"Logga in direkt på:\",\"loginLinkText\":\"Logga in\",\"createLoginLinkText\":\"Skapa nytt konto\",\"hideLoginFromHeader\":false,\"showProfileSelection\":true,\"checkUserLoginStateInterval\":20000,\"showUnifiedLogin\":true,\"loginInfo\":\"\",\"eshopStartPageUrl\":\"/handla-online/\"},\"mainMenu\":{\"menuItems\":[{\"name\":\"Privat\",\"href\":\"/privat2/\",\"id\":\"102118\",\"selected\":false,\"open\":false,\"children\":[{\"name\":\"Skicka\",\"href\":\"/privat2/skicka/\",\"id\":\"102119\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"skicka102119\",\"level\":2},{\"name\":\"Ta emot\",\"href\":\"/privat2/ta-emot/\",\"id\":\"102135\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"taemot102135\",\"level\":2},{\"name\":\"Priser och villkor\",\"href\":\"/privat2/priser-och-villkor/\",\"id\":\"102162\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"priserochvillkor102162\",\"level\":2},{\"name\":\"Förberedelser\",\"href\":\"/privat2/forberedelser/\",\"id\":\"102173\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"frberedelser102173\",\"level\":2}],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"Populärt\",\"promotedMenuItems\":[{\"linkText\":\"PostNord App\",\"pageLink\":\"/link/05dcebb0c20b4b56806f4736d83b773d.aspx\",\"href\":\"https://localhost:51547/vara-verktyg/postnord-app/\",\"openInNewWindow\":false},{\"linkText\":\"Digitalt frimärke\",\"pageLink\":\"https://portal.postnord.com/skickadirekt/m/?productId=800\",\"href\":\"https://portal.postnord.com/skickadirekt/m/?productId=800\",\"openInNewWindow\":false},{\"linkText\":\"Köp frakt\",\"pageLink\":\"https://portal.postnord.com/skickadirekt/m/\",\"href\":\"https://portal.postnord.com/skickadirekt/m/\",\"openInNewWindow\":false},{\"linkText\":\"Sök utdelningsdag\",\"pageLink\":\"/link/701d85d2a8924b7a8da0dd86f049debe.aspx\",\"href\":\"https://localhost:51547/vara-verktyg/sok-utdelningsdag/\",\"openInNewWindow\":false},{\"linkText\":\"Paketbox\",\"pageLink\":\"/link/aca5b66a6f6c45ae97ecd7d5f176d512.aspx\",\"href\":\"https://localhost:51547/privat/ta-emot/hamta/hamta-paket-i-paketbox/\",\"openInNewWindow\":false},{\"linkText\":\"Skicka brev och paket\",\"pageLink\":\"/link/8b60c612e9824ccb905fc260c50f69f5.aspx\",\"href\":\"https://localhost:51547/privat/skicka/brev-och-paket/\",\"openInNewWindow\":false}],\"hasChildren\":true,\"linkTarget\":\"\",\"trackingId\":\"privat102118\",\"level\":1},{\"name\":\"Företag\",\"href\":\"/foretag2/\",\"id\":\"102743\",\"selected\":false,\"open\":false,\"children\":[{\"name\":\"Skicka\",\"href\":\"/foretag2/skicka/\",\"id\":\"102744\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"skicka102744\",\"level\":2},{\"name\":\"Ta emot\",\"href\":\"/foretag2/ta-emot/\",\"id\":\"102826\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"taemot102826\",\"level\":2},{\"name\":\"Priser och villkor\",\"href\":\"/foretag2/priser-och-villkor/\",\"id\":\"102845\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"priserochvillkor102845\",\"level\":2},{\"name\":\"Förberedelser\",\"href\":\"/foretag2/forberedelser/\",\"id\":\"102855\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"frberedelser102855\",\"level\":2},{\"name\":\"Företagslösningar\",\"href\":\"/foretag2/foretagslosningar/\",\"id\":\"102883\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"fretagslsningar102883\",\"level\":2}],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"Populärt\",\"promotedMenuItems\":[{\"linkText\":\"Bli avtalskund\",\"pageLink\":\"/link/1fb879eb737747f2afc442df11ff99b5.aspx\",\"href\":\"https://localhost:51547/kundservice/bli-avtalskund/\",\"openInNewWindow\":false},{\"linkText\":\"PEX Bud\",\"pageLink\":\"/link/b1209ba46788420a8e9b5c7f06e570ad.aspx?productId=800\",\"href\":\"https://localhost:51547/foretag/skicka-forsandelser/pex-bud/?productId=800\",\"openInNewWindow\":false},{\"linkText\":\"Köp frakt\",\"pageLink\":\"https://portal.postnord.com/shippingtoolpro\",\"href\":\"https://portal.postnord.com/shippingtoolpro\",\"openInNewWindow\":true},{\"linkText\":\"Portal Business\",\"pageLink\":\"/link/c97df117dc9c427f90b1e95c1fa8caae.aspx\",\"href\":\"https://localhost:51547/vara-verktyg/postnord-portal/\",\"openInNewWindow\":false},{\"linkText\":\"Skicka brev och paket\",\"pageLink\":\"/link/a65c6b42681f4230b927f776bfc8662a.aspx\",\"href\":\"https://localhost:51547/foretag/skicka-forsandelser/brev-och-vykort/\",\"openInNewWindow\":false}],\"hasChildren\":true,\"linkTarget\":\"\",\"trackingId\":\"fretag102743\",\"level\":1},{\"name\":\"Handla online\",\"href\":\"/handla-online/\",\"id\":\"57674\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"handlaonline57674\",\"level\":1},{\"name\":\"Kundservice\",\"href\":\"/kundservice-faq/\",\"id\":\"167\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"kundservice167\",\"level\":1},{\"name\":\"Handla online temp redirect\",\"href\":\"/handla-online-new/\",\"id\":\"74849\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"handlaonlinetempredirect74849\",\"level\":1}]}}');\n // console.log(data2);\n await this.setStateFromData(data);\n }\n\n getLanguageVersionUrl(item: LanguageSelectorItem) {\n if (this.spaMode) {\n return null;\n }\n const alternativeTag = document.querySelector(`link[rel=\"alternate\"][hreflang=\"${item.twoLetterISOLanguageName}\"]`);\n\n if (alternativeTag) {\n return alternativeTag.getAttribute('href');\n }\n const siteUrl = this.siteDefinition.url;\n // Add trailing slash to domain if it's missing\n return siteUrl + (siteUrl.lastIndexOf('/') !== siteUrl.length - 1 ? '/' : '') + item.twoLetterISOLanguageName;\n }\n\n async setStateFromData(data: any) {\n if (typeof data !== 'object') {\n console.warn('Data was not valid', data);\n }\n\n // Set site definition\n this.siteDefinition = data.sitedefinition;\n if (headerState.loginManager) {\n headerState.loginManager.setSiteUrl(this.siteDefinition.url);\n }\n\n let updatedMenuItems = [];\n // Set navigation information\n if (this.siteDomainInUrls) {\n updatedMenuItems = (data.mainMenu.menuItems as MenuItem[]).map(item => {\n return this.adjustMenuItemUrls(item);\n });\n } else {\n updatedMenuItems = data.mainMenu.menuItems as MenuItem[];\n }\n\n // Create the \"Home\" link\n if ((!updatedMenuItems[0] || updatedMenuItems[0]?.name !== this.i18n.menuHomeButton) && !this.hideHomeMenuItem) {\n updatedMenuItems.unshift({\n href: this.siteDefinition.url,\n name: this.i18n.menuHomeButton,\n id: 'homelink',\n open: false,\n selected: false,\n children: [],\n } as MenuItem);\n }\n this.menuItems = updatedMenuItems;\n // Set search\n this.search = { ...data.search, ...{ AutocompleteEndpoint: this.AutocompleteEndpoint } };\n\n // Set site selector\n this.siteSelector = data.siteSelectorViewModel;\n\n // Set language selector\n this.languageSelector = data.languageSelectorViewModel;\n this.setLanguageOptions();\n\n let loginDialog = data.loginViewModel as LoginDialog;\n\n if (loginDialog && this.siteDomainInUrls) {\n loginDialog.loggedInLinks = loginDialog.loggedInLinks.map(item => {\n item.href = this.adjustHref(item.href);\n return item;\n });\n loginDialog.loginMenuLinks = loginDialog.loginMenuLinks.map(item => {\n item.href = this.adjustHref(item.href);\n return item;\n });\n }\n\n this.loginDialog = loginDialog;\n\n await this.spaModeAdjustments();\n this.gotData = true;\n this.fetchingData = true;\n this.homePageLink = this.siteDefinition?.url ?? document.location.hostname;\n\n window.setTimeout(() => {\n this.checkMenuOverflow();\n }, 100);\n }\n\n adjustMenuItemUrls(item: MenuItem) {\n item.href = this.adjustHref(item.href);\n if (item.children && item.children.length > 0) {\n let adjustedItems = item.children.map(item => {\n return this.adjustMenuItemUrls(item);\n });\n item.children = adjustedItems;\n }\n return item as MenuItem;\n }\n\n adjustHref(href: string) {\n if (href.indexOf('http') === 0) {\n return href;\n }\n const domainUrl =\n this.siteDefinition.url.lastIndexOf('/') === this.siteDefinition.url.length - 1\n ? this.siteDefinition.url.substring(0, this.siteDefinition.url.length - 1)\n : this.siteDefinition.url;\n\n return this.removeDoubleLanguage(domainUrl + href);\n }\n\n removeDoubleLanguage(url: string) {\n let languageSegment = this.language.toLocaleLowerCase() + \"/\";\n let doubleLanguageSegment = \"/\" + languageSegment + languageSegment;\n\n if(url.includes(doubleLanguageSegment)){\n return url.replace(doubleLanguageSegment, \"/\" + languageSegment);\n }\n\n return url;\n }\n\n setLanguageOptions() {\n if (!this.languageSelector || !this.languageSelector.languages) {\n return;\n }\n const hrefLangsTags = Array.prototype.slice.call(document.querySelectorAll('link[rel=\"alternate\"][hreflang]')) ?? [];\n const hrefLangs = hrefLangsTags.map(tag => {\n let hrefLangValue = tag.getAttribute('hreflang');\n if (hrefLangValue.indexOf('en-') !== -1 || hrefLangValue.indexOf('en_') !== -1) {\n hrefLangValue = hrefLangValue.substring(0, 2);\n }\n return hrefLangValue;\n });\n let languageOptions = []; // Reset language options\n\n this.languageSelector.languages.map((languageOption: LanguageSelectorItem) => {\n // In case there are language links present on the page we only show languages that have those tags\n if (hrefLangs && hrefLangs.length > 0) {\n if (hrefLangs.includes(languageOption.twoLetterISOLanguageName)) {\n languageOptions.push(languageOption);\n }\n } else {\n languageOptions.push(languageOption);\n }\n });\n this.languageOptions = languageOptions; // Replace existing language options so we don't trigger a event change on every push.\n }\n\n async spaModeAdjustments() {\n if (!this.spaMode) {\n return;\n }\n\n return;\n }\n\n @Listen('loginStateChange')\n onLoginStateChange(e) {\n if (e.detail?.loggedIn && e.detail?.token) {\n this.loggedIn = e.detail?.loggedIn === true;\n if (this.sessionForward) {\n try {\n //fetch('/api/userprofile/sync?token=' + e.detail.token);\n } catch (e) {}\n }\n }\n }\n\n promotedItemId(item: PromotedMenuItem) {\n return 'promo-' + item.linkText.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '');\n }\n\n @Listen('resize', { target: 'window' })\n handleResize() {\n requestAnimationFrame(() => {\n this.checkMenuOverflow();\n });\n }\n\n checkMenuOverflow() {\n const row = this.hostElement.querySelectorAll('.siteheader-row')[1] as HTMLElement;\n if (!row) {\n return;\n }\n const firstMenuLevel = row.querySelector('pn-mainnav-level') as HTMLElement;\n if (!firstMenuLevel) {\n return;\n }\n const parent = firstMenuLevel.parentElement;\n\n if (parent.tagName.toLocaleLowerCase() !== 'nav') {\n return;\n }\n const parentWidth = parent.scrollWidth;\n const elmWidth = firstMenuLevel.clientWidth;\n const isOverFlowed = parentWidth < elmWidth;\n\n if (isOverFlowed && this.minimizeSearch === false) {\n this.minimizeSearch = true;\n }\n }\n\n adjustSiteSelectorUrl(href: string) {\n if (!this.loggedIn) {\n return href;\n }\n const loginDomains = ['portal.postnord.com'];\n const matchedHref = loginDomains.filter(domain => {\n return href.indexOf(domain) !== -1;\n });\n if (matchedHref.length === 0) {\n return href;\n }\n if (headerState.loginManager) {\n return headerState.loginManager.getLoginUrl(href);\n }\n return href;\n }\n\n render() {\n return (\n <Host language={this.language} market={this.market} environment={this.environment}>\n <header>\n <div class=\"siteheader-row\">\n <div class=\"siteheader-topleft\">\n <slot name=\"topleft\"></slot>\n {this.gotData && this.siteSelector && !this.hideSiteSelector && (\n <pn-site-selector language={this.language} buttontext={this.siteSelector?.currentSiteTitle ?? 'postnord'}>\n {this.gotData && this.siteSelector?.currentSiteTitle && (\n <pn-site-selector-item heading={this.siteSelector.currentSiteTitle + ' '} description={this.siteSelector.currentSiteDescription}></pn-site-selector-item>\n )}\n {this.gotData &&\n this.siteSelector?.siteSelections &&\n this.siteSelector.siteSelections.map(site => (\n <pn-site-selector-item\n heading={site.linkText + ' '}\n description={site.linkDescription}\n url={this.adjustSiteSelectorUrl(site.href)}\n newwindow={site.openInNewWindow}\n ></pn-site-selector-item>\n ))}\n </pn-site-selector>\n )}\n </div>\n <div class=\"siteheader-logocontainer\">\n <a href={this.homePageLink} title=\"Home\" class=\"siteheader-logolink\">\n <slot name=\"logo\">\n <svg class=\"siteheader-logo\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12.7rem\" height=\"2.4rem\" viewBox=\"0 0 141.73 26.65\">\n <path\n d=\"M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z\"\n fill=\"#00A0D6\"\n transform=\"translate(0 0)\"\n ></path>\n </svg>\n </slot>\n </a>\n </div>\n <div class=\"siteheader-topright\">\n <slot name=\"toprightstart\"></slot>\n {this.gotData && this.loginDialog && !this.hideLogin && (\n <pn-marketweb-siteheader-login\n token={this.userToken}\n siteUrl={this.siteDefinition.url}\n fullname={this.userFullname}\n loggedin={this.userLoggedin}\n loginDialog={this.loginDialog}\n endpoint={this.endpoint}\n i18n={this.i18n}\n showProfileSelection={this.showProfileSelection}\n showUnifiedLogin={this.showUnifiedLogin}\n check-user-logged-in-state-interval={this.checkUserLoggedInStateInterval}\n ></pn-marketweb-siteheader-login>\n )}\n\n {this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (\n <pn-language-selector value={this.language}>\n {this.languageOptions.map(language => (\n <pn-language-selector-option\n name={language.nativeName}\n code={language.twoLetterISOLanguageName}\n selected={language.isCurrent}\n url={this.getLanguageVersionUrl(language)}\n ></pn-language-selector-option>\n ))}\n </pn-language-selector>\n )}\n <slot name=\"toprightend\"></slot>\n <div class=\"siteheader-menu-top-search\">\n <pn-marketweb-siteheader-search\n language={this.language}\n siteid={this.siteid}\n search={this.search}\n hide-search={this.hideSearch}\n i18n={this.i18n}\n icononly={true}\n ></pn-marketweb-siteheader-search>\n </div>\n </div>\n </div>\n <slot name=\"siteheader-menu-top-button\"></slot>\n <div class=\"siteheader-row\">\n <div class=\"siteheader-menu\">\n {this.gotData && this.menuItems && (\n <pn-mainnav\n market={this.market}\n language={this.language}\n onMenuOpenChange={e => {\n document.body.setAttribute('data-siteheader-menuopen', e.detail + '');\n }}\n >\n <pn-mainnav-level>\n <pn-mainnav-list>\n {this.menuItems.map(item => (\n <pn-mainnav-link name={item.name} href={item.href} itemid={item.id} target={item.linkTarget ?? '_self'} linkid={item.trackingId}>\n {((item.promotedMenuItems && item.promotedMenuItems.length > 0) || (item.children && item.children.length > 0)) && (\n <pn-mainnav-level label={item.name}>\n {item.children.length > 0 && (\n <pn-mainnav-list heading={item.navigationHeading ?? ''}>\n {item.children.map(childitem => (\n <pn-mainnav-link\n name={childitem.name}\n href={childitem.href}\n target={childitem.linkTarget ?? '_self'}\n linkid={childitem.trackingId}\n ></pn-mainnav-link>\n ))}\n </pn-mainnav-list>\n )}\n {item.promotedMenuItems && item.promotedMenuItems.length > 0 && (\n <pn-mainnav-list heading={item.promotedMenuItemsHeader}>\n {item.promotedMenuItems.map(childitem => (\n <pn-mainnav-link\n href={childitem.href}\n name={childitem.linkText}\n target={childitem.openInNewWindow ? '_blank' : '_self'}\n linkid={this.promotedItemId(childitem) + item.id}\n ></pn-mainnav-link>\n ))}\n </pn-mainnav-list>\n )}\n </pn-mainnav-level>\n )}\n </pn-mainnav-link>\n ))}\n </pn-mainnav-list>\n <div slot=\"footer\" class=\"siteheader-menu-footer\">\n <slot name=\"menu-footer-cta\"></slot>\n {this.gotData && this.loginDialog && !this.hideLogin && (\n <pn-marketweb-siteheader-login\n emitEvents={false}\n siteUrl={this.siteDefinition.url}\n loginDialog={this.loginDialog}\n endpoint={this.endpoint}\n fullname={this.userFullname}\n loggedin={this.userLoggedin}\n i18n={this.i18n}\n showProfileSelection={this.showProfileSelection}\n showUnifiedLogin={this.showUnifiedLogin}\n environment={this.environment}\n ></pn-marketweb-siteheader-login>\n )}\n\n {this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (\n <pn-language-selector value={this.language}>\n {this.languageOptions.map(language => (\n <pn-language-selector-option\n name={language.nativeName}\n code={language.twoLetterISOLanguageName}\n selected={language.isCurrent}\n url={this.getLanguageVersionUrl(language)}\n ></pn-language-selector-option>\n ))}\n </pn-language-selector>\n )}\n {!this.hideSiteSelector && (\n <pn-site-selector language={this.language}>\n {this.gotData && this.siteSelector?.currentSiteTitle && (\n <pn-site-selector-item heading={this.siteSelector.currentSiteTitle} description={this.siteSelector.currentSiteDescription}></pn-site-selector-item>\n )}\n {this.gotData &&\n this.siteSelector?.siteSelections &&\n this.siteSelector.siteSelections.map(site => (\n <pn-site-selector-item\n heading={site.linkText}\n description={site.linkDescription}\n url={site.pageLink}\n newwindow={site.openInNewWindow}\n ></pn-site-selector-item>\n ))}\n </pn-site-selector>\n )}\n </div>\n <div slot=\"top\" class=\"siteheader-menu-top\">\n <pn-marketweb-siteheader-search\n language={this.language}\n siteid={this.siteid}\n search={this.search}\n hide-search={this.hideSearch}\n i18n={this.i18n}\n ></pn-marketweb-siteheader-search>\n </div>\n </pn-mainnav-level>\n </pn-mainnav>\n )}\n </div>\n\n <pn-marketweb-siteheader-search\n language={this.language}\n siteid={this.siteid}\n primary={true}\n search={this.search}\n hide-search={this.hideSearch}\n show-only-link={this.minimizeSearch}\n i18n={this.i18n}\n ></pn-marketweb-siteheader-search>\n <slot name=\"header-bottom-button\"></slot>\n </div>\n </header>\n </Host>\n );\n }\n}\n"]}
package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js CHANGED
@@ -19,6 +19,7 @@ const meta = {
19
19
  hideHomeMenuItem: false,
20
20
  cache: false,
21
21
  pageId: '',
22
+ siteDomainInUrls: false,
22
23
  },
23
24
  argTypes: {
24
25
  market: {
@@ -35,6 +36,9 @@ const meta = {
35
36
  '',
36
37
  'https://localhost:51547',
37
38
  'https://local.postnord.com',
39
+ 'https://se-inte.postnord.com',
40
+ 'https://se-prep.postnord.com',
41
+ 'https://se-prod.postnord.com',
38
42
  'https://com-inte.postnord.com',
39
43
  'https://com-prep.postnord.com',
40
44
  'https://com-prod.postnord.com',
@@ -316,4 +320,30 @@ UnifiedLogin.args = {
316
320
  //endpoint: 'https://localhost:51547',
317
321
  token: usertoken,
318
322
  };
323
+ const KopFraktTemplate = ({ ...args }) => {
324
+ return `
325
+ <pn-marketweb-siteheader
326
+ language="${args.language}"
327
+ market="${args.market}"
328
+ environment="${args.environment}"
329
+ endpoint="${args.endpoint}"
330
+ hide-site-selector="${args.hideSiteSelector}"
331
+ hide-search=""
332
+ spa-mode="${args.spaMode}"
333
+ hide-login=""
334
+ site-domain-in-urls="${args.siteDomainInUrls}"></pn-marketweb-siteheader>
335
+ `;
336
+ };
337
+ export const KopFrakt = KopFraktTemplate.bind({});
338
+ KopFrakt.args = {
339
+ language: 'en',
340
+ market: 'se',
341
+ environment: 'integration',
342
+ endpoint: 'https://se-integration.postnord.com',
343
+ hideSiteSelector: false,
344
+ hideSearch: '',
345
+ spaMode: 'true',
346
+ hideLogin: '',
347
+ siteDomainInUrls: 'true',
348
+ };
319
349
  //# sourceMappingURL=pn-marketweb-siteheader.stories.js.map
package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"pn-marketweb-siteheader.stories.js","sourceRoot":"","sources":["../../../../src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\n\nimport { open_in_new, shop } from 'pn-design-assets/pn-assets/icons';\n\nconst usertoken = '6ae6bde345eb68fc0102f4ba256f31e9151db31dc2ea4c23a51917c';\n\nconst meta: Meta<HTMLPnMarketwebSiteheaderElement> = {\n title: 'Components/Layout/Market web site Header',\n parameters: {\n layout: 'padded',\n },\n args: {\n market: 'se',\n language: 'sv',\n siteid: '',\n hideSiteSelector: false,\n hideLanguageSelector: false,\n hideSearch: false,\n hideLogin: false,\n checkUserLoggedInStateInterval: 0,\n showUnifiedLogin: false,\n sessionForward: false,\n hideHomeMenuItem: false,\n cache: false,\n pageId: '',\n },\n argTypes: {\n market: {\n control: 'select',\n options: ['se', 'dk', 'fi', 'no', 'com', 'tpl'],\n },\n language: {\n control: 'select',\n options: ['en', 'sv', 'da', 'fi', 'no', 'zh', 'it', 'nl'],\n },\n endpoint: {\n control: 'select',\n options: [\n '',\n 'https://localhost:51547',\n 'https://local.postnord.com',\n 'https://com-inte.postnord.com',\n 'https://com-prep.postnord.com',\n 'https://com-prod.postnord.com',\n 'https://www.postnord.com',\n ],\n },\n },\n};\n\ntype Story = StoryObj<HTMLPnMarketwebSiteheaderElement>;\n\nexport default meta;\n\nconst shoppingCartContent = `\n <a href=\"\" class=\"header-cart\" slot=\"toprightend\" style=\"align-self:center;position:relative;text-decoration:none;\">\n <span>Varukorg</span>\n <pn-icon icon='${shop}' color=\"blue700\" class=\"pn-icon\"></pn-icon>\n </a>`;\n\nconst customLogoContent = `<div slot=\"logo\">\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 141.73 41.74\" width=\"12.7rem\" height=\"3.7rem\" >\n <g fill=\"#00a0d6\">\n <path d=\"M108.84 13.35c0 6.34-5.17 9-10.03 9s-9.82-2.6-9.82-8.73 5.08-9 10.03-9 9.82 2.63 9.82 8.73Zm-6.56.18c0-2.09-1.36-3.51-3.38-3.51s-3.42 1.42-3.42 3.51c0 1.96 1.39 3.41 3.42 3.41s3.38-1.45 3.38-3.41Zm-82.97 0c0 4.83-3.32 8.82-8.49 8.82-3.17 0-4.65-1.57-4.65-1.57v5.86H0V5.17h6.17V6.8s1.6-2.18 5.11-2.18c5.14 0 8.04 3.96 8.04 8.91Zm-6.53 0c0-2.09-1.36-3.51-3.38-3.51s-3.42 1.42-3.42 3.51c0 1.96 1.39 3.41 3.42 3.41s3.38-1.45 3.38-3.41Zm103.69.27c0-2.54 1.54-3.32 3.6-3.32 1.27 0 2.08.3 2.08.3l.15-5.68s-.39-.18-1.45-.18c-3.45 0-4.38 2.18-4.38 2.18V5.17h-6.17v16.67h6.17v-8.03ZM141.73 0v21.84h-6.16v-1.63s-1.6 2.18-5.11 2.18c-5.14 0-8.04-3.96-8.04-8.91s3.32-8.82 8.49-8.82c3.17 0 4.65 1.57 4.65 1.57V1.21L141.72 0Zm-5.98 13.48c0-1.96-1.39-3.41-3.41-3.41s-3.38 1.45-3.38 3.41c0 2.08 1.36 3.5 3.38 3.5s3.41-1.42 3.41-3.5Zm-54.4-8.86c-3.6 0-4.9 2.18-4.9 2.18V5.17h-6.16v16.67h6.16v-8.55c0-2.11.79-3.08 2.69-3.08s2.18 1.57 2.18 3.57v8.07h6.22V11.6c0-4.59-2.2-6.98-6.19-6.98Zm-17.29-3.2H57.9v20.42h6.16V10.36h2.9l2.81-5.2h-5.71V1.42Zm-13.81 9.79c-2-.3-2.87-.3-2.87-1.09 0-.66.81-.94 2.42-.94 2.72 0 5.11.91 5.11.91L56 5.41s-2.63-.75-6.13-.75c-5.89 0-8.98 2.27-8.98 5.89 0 2.81 1.66 4.47 6.53 5.11 2.06.27 2.81.39 2.81 1.15s-.82.97-2.24.97c-3.08 0-5.98-1.3-5.98-1.3l-1.24 4.83s2.9 1.03 6.68 1.03c6.35 0 9.28-2.24 9.28-5.89 0-2.9-1.57-4.47-6.47-5.23Zm-10.06 2.14c0 6.34-5.17 9-10.03 9s-9.82-2.6-9.82-8.73 5.08-9 10.03-9 9.82 2.63 9.82 8.73Zm-6.56.18c0-2.09-1.36-3.51-3.38-3.51s-3.41 1.42-3.41 3.51c0 1.96 1.39 3.41 3.41 3.41s3.38-1.45 3.38-3.41ZM113.7 41.74V30.53h-3.63v-2.09h10.24v2.09h-3.65v11.21h-2.96ZM121.94 28.44h4.41c3.36 0 5.28 1.33 5.28 4.24s-1.94 4.25-5.36 4.25h-1.37v4.81h-2.96v-13.3Zm2.96 6.5h1.37c1.8 0 2.37-.82 2.37-2.22s-.49-2.15-2.37-2.15h-1.37v4.37ZM133.27 41.74v-13.3h2.96v11.21h5.49v2.09h-8.45Z\"></path>\n </g>\n</svg>`;\n\nconst renderSiteHeader = (args, htmlContent) => {\n const siteHeader = document.createElement('pn-marketweb-siteheader');\n\n Object.keys(args).forEach(key => args[key] && siteHeader.setAttribute(key, args[key]));\n\n siteHeader.innerHTML += htmlContent;\n\n return siteHeader;\n};\n\nexport const Primary: Story = {\n name: 'Primary',\n parameters: {\n docs: {\n description: {\n story: '',\n },\n },\n },\n render: args => renderSiteHeader(args, shoppingCartContent),\n args: {\n endpoint: 'https://localhost:51547',\n },\n};\n\n/** Old login dropdown. */\nexport const OldLoginDropdown: Story = {\n name: 'Old login dropdown',\n render: Primary.render,\n args: {\n siteid: '06bb4e57-cf10-4374-9e4d-34ae987eff2e',\n pageId: '9',\n },\n};\n\n/** Use your own custom logo */\nexport const CustomLogo: Story = {\n name: 'Custom logo',\n render: args => renderSiteHeader(args, customLogoContent),\n};\n\n/** Use different environments. */\nexport const EnvironmentOptions: Story = {\n name: 'Environment options',\n render: Primary.render,\n args: {\n environment: 'integration',\n },\n};\n\n/** Spa */\nexport const SPAModeOptions: Story = {\n name: 'SPAModeOptions',\n render: args => {\n const div = document.createElement('div')\n\n const header = renderSiteHeader(args, shoppingCartContent)\n\n div.appendChild(header)\n div.innerHTML += `\n <link rel=\"alternate\" hreflang=\"en-us\" href=\"https://postnord--hcdk.sandbox.my.site.com/dkprivate/s/?language=en_US\" data-owner=\"setSEOProperties\">\n <link rel=\"alternate\" hreflang=\"da\" href=\"https://postnord--hcdk.sandbox.my.site.com/dkprivate/s/?language=da\" data-owner=\"setSEOProperties\">\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n if (!window[\"haslangchange\"]) {\n console.log('SPA Mode - attached global market web header language change eventlistener')\n\n window.addEventListener('marketweb-languagechange', (e) => {\n console.log('marketweb-languagechange e', e)\n });\n window[\"haslangchange\"] = true;\n }\n });\n </script>\n `;\n\n return div\n },\n args: {\n environment: 'integration',\n endpoint: 'https://localhost:51547/',\n siteDomainInUrls: true,\n pageId: '9',\n }\n};\n\n\n/** Use localhost. */\nexport const LocalhostOptions: Story = {\n name: 'Environment options',\n render: Primary.render,\n args: {\n endpoint: 'https://localhost:51547/',\n },\n};\n\nconst LoggedInTemplate = ({ ...args }) => {\n return `\n <div style=\"background:#ddd;min-height:100vh;\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-token=\"${args.token}\"\n check-user-logged-in-state-interval=\"${args.checkUserLoggedInStateInterval + ''}\"\n >\n </pn-marketweb-siteheader>\n</div>\n`;\n};\n\nexport const LoggedIn = LoggedInTemplate.bind({});\nLoggedIn.args = {\n market: 'se',\n language: 'sv',\n endpoint: 'https://com-inte.postnord.com',\n //endpoint: 'https://localhost:51547',\n token: usertoken,\n};\n\nexport const LoggedInWithStatusCheck = LoggedInTemplate.bind({});\nLoggedInWithStatusCheck.args = {\n market: 'se',\n language: 'sv',\n endpoint: 'https://com-inte.postnord.com',\n checkUserLoggedInStateInterval: 10000,\n //endpoint: 'https://localhost:51547',\n token: usertoken,\n};\n\nconst LoggedInProfileSelectionTemplate = ({ ...args }) => {\n return `\n <div style=\"background:#ddd;min-height:100vh;\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-token=\"${args.token}\"\n check-user-logged-in-state-interval=\"10000\"\n show-profile-selection=\"true\"\n >\n </pn-marketweb-siteheader>\n</div>\n`;\n};\n\nexport const LoggedInProfileSelection = LoggedInProfileSelectionTemplate.bind({});\nLoggedInProfileSelection.args = {\n market: 'se',\n language: 'sv',\n // endpoint: 'https://com-inte.postnord.com',\n endpoint: 'https://localhost:51547/',\n token: usertoken,\n};\n\nconst BusinessUserLoggedInTemplate = ({ ...args }) => {\n return `\n <div style=\"background:#ddd;min-height:100vh;\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-fullname=\"${args.name}\"\n user-loggedin=\"${args.loggedin}\"\n >\n </pn-marketweb-siteheader>\n</div>\n`;\n};\n\nexport const BusinessUserLoggedIn = BusinessUserLoggedInTemplate.bind({});\nBusinessUserLoggedIn.args = {\n market: 'com',\n language: 'zh',\n endpoint: 'https://com-inte.postnord.com',\n name: 'custom user name',\n loggedin: true,\n};\n\nconst DotComSiteHeaderTemplate = ({ ...args }) => {\n return `\n <header data-header-theme=\"dotcom\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-fullname=\"${args.name}\"\n user-loggedin=\"${args.loggedin}\"\n show-unified-login=${args.unified}\n show-profile-selection=${args.showProfileSelection}\n >\n <pn-button slot=\"toprightend\" href=\"http:www.google.se\" small=\"true\">Get started</pn-button>\n <pn-button slot=\"menu-footer-cta\" href=\"http:www.google.se\" small=\"true\">Get started</pn-button>\n </pn-marketweb-siteheader>\n </header>`;\n};\n\nexport const DotComSiteHeader = DotComSiteHeaderTemplate.bind({});\nDotComSiteHeader.args = {\n market: 'com',\n language: 'it',\n endpoint: 'https://com-inte.postnord.com',\n name: 'DotCom User',\n loggedin: true,\n loginInfo: encodeURIComponent('Hello i am a <a href=\"#\">link!</a>'),\n unified: true,\n showProfileSelection: false,\n};\n\nconst TPLSiteHeaderTemplate = ({ ...args }) => {\n return `\n <header data-header-theme=\"tpl\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-fullname=\"${args.name}\"\n user-loggedin=\"${args.loggedin}\"\n hide-language-selector=\"${args.hideLanguageSelector}\"\n hide-login=\"${args.hideLogin}\"\n search-placeholder=\"${args.placeholder}\"\n hide-home-menu-item=\"${args.hideHomeMenuItem}\">\n <pn-button slot=\"header-bottom-button\" href=\"http:www.google.se\" small=\"true\" icon='${open_in_new}'>${args.buttonText}</pn-button>\n <pn-button slot=\"siteheader-menu-top-button\" href=\"http:www.google.se\" small=\"true\" icon='${open_in_new}'>${args.buttonText}</pn-button>\n <pn-button slot=\"menu-footer-cta\" href=\"http:www.google.se\" small=\"true\" icon='${open_in_new}'>${args.buttonText}</pn-button>\n </pn-marketweb-siteheader>\n </header>`;\n};\n\nexport const TPLSiteHeader = TPLSiteHeaderTemplate.bind({});\nTPLSiteHeader.args = {\n market: 'se',\n language: 'sv',\n endpoint: 'https://tpl-inte.postnord.com',\n name: 'TPL User',\n hideLogin: true,\n hideHomeMenuItem: true,\n hideLanguageSelector: false,\n loggedin: false,\n buttonText: 'Kontrolltornet',\n placeholder: 'placeholder',\n};\n\nconst ATLoginTestTemplate = () => {\n return `\n <script>\n window['pnTopbar'] = { session_id : 'b54237185e06db83b1d6467895ba774328d6d3a8dd6b22f7305af65' };\n </script>\n <header>\n <pn-marketweb-siteheader\n endpoint=\"https://com-inte.postnord.com\"\n hide-search=\"\"\n spa-mode=\"true\"\n market=\"se\"\n language=\"sv\"\n login=\"https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=https://atportal.postnord.com\"\n environment=\"integration\"\n site-domain-in-urls=\"true\"\n hide-site-selector=\"false\" >\n </pn-marketweb-siteheader>\n </header>`;\n};\nexport const ATLoginTest = ATLoginTestTemplate.bind({});\n\nconst UnifiedLoginTemplate = ({ ...args }) => {\n return `\n <div style=\"background:#ddd;min-height:100vh;\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-token=\"${args.token}\"\n check-user-logged-in-state-interval=\"${args.checkUserLoggedInStateInterval + ''}\"\n show-unified-login=\"${args.showUnifiedLogin}\"\n >\n </pn-marketweb-siteheader>\n</div>\n`;\n};\n\nexport const UnifiedLogin = UnifiedLoginTemplate.bind({});\nUnifiedLogin.args = {\n market: 'se',\n language: 'sv',\n endpoint: 'https://com-inte.postnord.com',\n //endpoint: 'https://localhost:51547',\n token: usertoken,\n};"]}
1
+ {"version":3,"file":"pn-marketweb-siteheader.stories.js","sourceRoot":"","sources":["../../../../src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\n\nimport { open_in_new, shop } from 'pn-design-assets/pn-assets/icons';\n\nconst usertoken = '6ae6bde345eb68fc0102f4ba256f31e9151db31dc2ea4c23a51917c';\n\nconst meta: Meta<HTMLPnMarketwebSiteheaderElement> = {\n title: 'Components/Layout/Market web site Header',\n parameters: {\n layout: 'padded',\n },\n args: {\n market: 'se',\n language: 'sv',\n siteid: '',\n hideSiteSelector: false,\n hideLanguageSelector: false,\n hideSearch: false,\n hideLogin: false,\n checkUserLoggedInStateInterval: 0,\n showUnifiedLogin: false,\n sessionForward: false,\n hideHomeMenuItem: false,\n cache: false,\n pageId: '',\n siteDomainInUrls: false,\n },\n argTypes: {\n market: {\n control: 'select',\n options: ['se', 'dk', 'fi', 'no', 'com', 'tpl'],\n },\n language: {\n control: 'select',\n options: ['en', 'sv', 'da', 'fi', 'no', 'zh', 'it', 'nl'],\n },\n endpoint: {\n control: 'select',\n options: [\n '',\n 'https://localhost:51547',\n 'https://local.postnord.com',\n 'https://se-inte.postnord.com',\n 'https://se-prep.postnord.com',\n 'https://se-prod.postnord.com',\n 'https://com-inte.postnord.com',\n 'https://com-prep.postnord.com',\n 'https://com-prod.postnord.com',\n 'https://www.postnord.com',\n ],\n },\n },\n};\n\ntype Story = StoryObj<HTMLPnMarketwebSiteheaderElement>;\n\nexport default meta;\n\nconst shoppingCartContent = `\n <a href=\"\" class=\"header-cart\" slot=\"toprightend\" style=\"align-self:center;position:relative;text-decoration:none;\">\n <span>Varukorg</span>\n <pn-icon icon='${shop}' color=\"blue700\" class=\"pn-icon\"></pn-icon>\n </a>`;\n\nconst customLogoContent = `<div slot=\"logo\">\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 141.73 41.74\" width=\"12.7rem\" height=\"3.7rem\" >\n <g fill=\"#00a0d6\">\n <path d=\"M108.84 13.35c0 6.34-5.17 9-10.03 9s-9.82-2.6-9.82-8.73 5.08-9 10.03-9 9.82 2.63 9.82 8.73Zm-6.56.18c0-2.09-1.36-3.51-3.38-3.51s-3.42 1.42-3.42 3.51c0 1.96 1.39 3.41 3.42 3.41s3.38-1.45 3.38-3.41Zm-82.97 0c0 4.83-3.32 8.82-8.49 8.82-3.17 0-4.65-1.57-4.65-1.57v5.86H0V5.17h6.17V6.8s1.6-2.18 5.11-2.18c5.14 0 8.04 3.96 8.04 8.91Zm-6.53 0c0-2.09-1.36-3.51-3.38-3.51s-3.42 1.42-3.42 3.51c0 1.96 1.39 3.41 3.42 3.41s3.38-1.45 3.38-3.41Zm103.69.27c0-2.54 1.54-3.32 3.6-3.32 1.27 0 2.08.3 2.08.3l.15-5.68s-.39-.18-1.45-.18c-3.45 0-4.38 2.18-4.38 2.18V5.17h-6.17v16.67h6.17v-8.03ZM141.73 0v21.84h-6.16v-1.63s-1.6 2.18-5.11 2.18c-5.14 0-8.04-3.96-8.04-8.91s3.32-8.82 8.49-8.82c3.17 0 4.65 1.57 4.65 1.57V1.21L141.72 0Zm-5.98 13.48c0-1.96-1.39-3.41-3.41-3.41s-3.38 1.45-3.38 3.41c0 2.08 1.36 3.5 3.38 3.5s3.41-1.42 3.41-3.5Zm-54.4-8.86c-3.6 0-4.9 2.18-4.9 2.18V5.17h-6.16v16.67h6.16v-8.55c0-2.11.79-3.08 2.69-3.08s2.18 1.57 2.18 3.57v8.07h6.22V11.6c0-4.59-2.2-6.98-6.19-6.98Zm-17.29-3.2H57.9v20.42h6.16V10.36h2.9l2.81-5.2h-5.71V1.42Zm-13.81 9.79c-2-.3-2.87-.3-2.87-1.09 0-.66.81-.94 2.42-.94 2.72 0 5.11.91 5.11.91L56 5.41s-2.63-.75-6.13-.75c-5.89 0-8.98 2.27-8.98 5.89 0 2.81 1.66 4.47 6.53 5.11 2.06.27 2.81.39 2.81 1.15s-.82.97-2.24.97c-3.08 0-5.98-1.3-5.98-1.3l-1.24 4.83s2.9 1.03 6.68 1.03c6.35 0 9.28-2.24 9.28-5.89 0-2.9-1.57-4.47-6.47-5.23Zm-10.06 2.14c0 6.34-5.17 9-10.03 9s-9.82-2.6-9.82-8.73 5.08-9 10.03-9 9.82 2.63 9.82 8.73Zm-6.56.18c0-2.09-1.36-3.51-3.38-3.51s-3.41 1.42-3.41 3.51c0 1.96 1.39 3.41 3.41 3.41s3.38-1.45 3.38-3.41ZM113.7 41.74V30.53h-3.63v-2.09h10.24v2.09h-3.65v11.21h-2.96ZM121.94 28.44h4.41c3.36 0 5.28 1.33 5.28 4.24s-1.94 4.25-5.36 4.25h-1.37v4.81h-2.96v-13.3Zm2.96 6.5h1.37c1.8 0 2.37-.82 2.37-2.22s-.49-2.15-2.37-2.15h-1.37v4.37ZM133.27 41.74v-13.3h2.96v11.21h5.49v2.09h-8.45Z\"></path>\n </g>\n</svg>`;\n\nconst renderSiteHeader = (args, htmlContent) => {\n const siteHeader = document.createElement('pn-marketweb-siteheader');\n\n Object.keys(args).forEach(key => args[key] && siteHeader.setAttribute(key, args[key]));\n\n siteHeader.innerHTML += htmlContent;\n\n return siteHeader;\n};\n\nexport const Primary: Story = {\n name: 'Primary',\n parameters: {\n docs: {\n description: {\n story: '',\n },\n },\n },\n render: args => renderSiteHeader(args, shoppingCartContent),\n args: {\n endpoint: 'https://localhost:51547',\n },\n};\n\n/** Old login dropdown. */\nexport const OldLoginDropdown: Story = {\n name: 'Old login dropdown',\n render: Primary.render,\n args: {\n siteid: '06bb4e57-cf10-4374-9e4d-34ae987eff2e',\n pageId: '9',\n },\n};\n\n/** Use your own custom logo */\nexport const CustomLogo: Story = {\n name: 'Custom logo',\n render: args => renderSiteHeader(args, customLogoContent),\n};\n\n/** Use different environments. */\nexport const EnvironmentOptions: Story = {\n name: 'Environment options',\n render: Primary.render,\n args: {\n environment: 'integration',\n },\n};\n\n/** Spa */\nexport const SPAModeOptions: Story = {\n name: 'SPAModeOptions',\n render: args => {\n const div = document.createElement('div')\n\n const header = renderSiteHeader(args, shoppingCartContent)\n\n div.appendChild(header)\n div.innerHTML += `\n <link rel=\"alternate\" hreflang=\"en-us\" href=\"https://postnord--hcdk.sandbox.my.site.com/dkprivate/s/?language=en_US\" data-owner=\"setSEOProperties\">\n <link rel=\"alternate\" hreflang=\"da\" href=\"https://postnord--hcdk.sandbox.my.site.com/dkprivate/s/?language=da\" data-owner=\"setSEOProperties\">\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n if (!window[\"haslangchange\"]) {\n console.log('SPA Mode - attached global market web header language change eventlistener')\n\n window.addEventListener('marketweb-languagechange', (e) => {\n console.log('marketweb-languagechange e', e)\n });\n window[\"haslangchange\"] = true;\n }\n });\n </script>\n `;\n\n return div\n },\n args: {\n environment: 'integration',\n endpoint: 'https://localhost:51547/',\n siteDomainInUrls: true,\n pageId: '9',\n }\n};\n\n\n/** Use localhost. */\nexport const LocalhostOptions: Story = {\n name: 'Environment options',\n render: Primary.render,\n args: {\n endpoint: 'https://localhost:51547/',\n },\n};\n\nconst LoggedInTemplate = ({ ...args }) => {\n return `\n <div style=\"background:#ddd;min-height:100vh;\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-token=\"${args.token}\"\n check-user-logged-in-state-interval=\"${args.checkUserLoggedInStateInterval + ''}\"\n >\n </pn-marketweb-siteheader>\n</div>\n`;\n};\n\nexport const LoggedIn = LoggedInTemplate.bind({});\nLoggedIn.args = {\n market: 'se',\n language: 'sv',\n endpoint: 'https://com-inte.postnord.com',\n //endpoint: 'https://localhost:51547',\n token: usertoken,\n};\n\nexport const LoggedInWithStatusCheck = LoggedInTemplate.bind({});\nLoggedInWithStatusCheck.args = {\n market: 'se',\n language: 'sv',\n endpoint: 'https://com-inte.postnord.com',\n checkUserLoggedInStateInterval: 10000,\n //endpoint: 'https://localhost:51547',\n token: usertoken,\n};\n\nconst LoggedInProfileSelectionTemplate = ({ ...args }) => {\n return `\n <div style=\"background:#ddd;min-height:100vh;\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-token=\"${args.token}\"\n check-user-logged-in-state-interval=\"10000\"\n show-profile-selection=\"true\"\n >\n </pn-marketweb-siteheader>\n</div>\n`;\n};\n\nexport const LoggedInProfileSelection = LoggedInProfileSelectionTemplate.bind({});\nLoggedInProfileSelection.args = {\n market: 'se',\n language: 'sv',\n // endpoint: 'https://com-inte.postnord.com',\n endpoint: 'https://localhost:51547/',\n token: usertoken,\n};\n\nconst BusinessUserLoggedInTemplate = ({ ...args }) => {\n return `\n <div style=\"background:#ddd;min-height:100vh;\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-fullname=\"${args.name}\"\n user-loggedin=\"${args.loggedin}\"\n >\n </pn-marketweb-siteheader>\n</div>\n`;\n};\n\nexport const BusinessUserLoggedIn = BusinessUserLoggedInTemplate.bind({});\nBusinessUserLoggedIn.args = {\n market: 'com',\n language: 'zh',\n endpoint: 'https://com-inte.postnord.com',\n name: 'custom user name',\n loggedin: true,\n};\n\nconst DotComSiteHeaderTemplate = ({ ...args }) => {\n return `\n <header data-header-theme=\"dotcom\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-fullname=\"${args.name}\"\n user-loggedin=\"${args.loggedin}\"\n show-unified-login=${args.unified}\n show-profile-selection=${args.showProfileSelection}\n >\n <pn-button slot=\"toprightend\" href=\"http:www.google.se\" small=\"true\">Get started</pn-button>\n <pn-button slot=\"menu-footer-cta\" href=\"http:www.google.se\" small=\"true\">Get started</pn-button>\n </pn-marketweb-siteheader>\n </header>`;\n};\n\nexport const DotComSiteHeader = DotComSiteHeaderTemplate.bind({});\nDotComSiteHeader.args = {\n market: 'com',\n language: 'it',\n endpoint: 'https://com-inte.postnord.com',\n name: 'DotCom User',\n loggedin: true,\n loginInfo: encodeURIComponent('Hello i am a <a href=\"#\">link!</a>'),\n unified: true,\n showProfileSelection: false,\n};\n\nconst TPLSiteHeaderTemplate = ({ ...args }) => {\n return `\n <header data-header-theme=\"tpl\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-fullname=\"${args.name}\"\n user-loggedin=\"${args.loggedin}\"\n hide-language-selector=\"${args.hideLanguageSelector}\"\n hide-login=\"${args.hideLogin}\"\n search-placeholder=\"${args.placeholder}\"\n hide-home-menu-item=\"${args.hideHomeMenuItem}\">\n <pn-button slot=\"header-bottom-button\" href=\"http:www.google.se\" small=\"true\" icon='${open_in_new}'>${args.buttonText}</pn-button>\n <pn-button slot=\"siteheader-menu-top-button\" href=\"http:www.google.se\" small=\"true\" icon='${open_in_new}'>${args.buttonText}</pn-button>\n <pn-button slot=\"menu-footer-cta\" href=\"http:www.google.se\" small=\"true\" icon='${open_in_new}'>${args.buttonText}</pn-button>\n </pn-marketweb-siteheader>\n </header>`;\n};\n\nexport const TPLSiteHeader = TPLSiteHeaderTemplate.bind({});\nTPLSiteHeader.args = {\n market: 'se',\n language: 'sv',\n endpoint: 'https://tpl-inte.postnord.com',\n name: 'TPL User',\n hideLogin: true,\n hideHomeMenuItem: true,\n hideLanguageSelector: false,\n loggedin: false,\n buttonText: 'Kontrolltornet',\n placeholder: 'placeholder',\n};\n\nconst ATLoginTestTemplate = () => {\n return `\n <script>\n window['pnTopbar'] = { session_id : 'b54237185e06db83b1d6467895ba774328d6d3a8dd6b22f7305af65' };\n </script>\n <header>\n <pn-marketweb-siteheader\n endpoint=\"https://com-inte.postnord.com\"\n hide-search=\"\"\n spa-mode=\"true\"\n market=\"se\"\n language=\"sv\"\n login=\"https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=https://atportal.postnord.com\"\n environment=\"integration\"\n site-domain-in-urls=\"true\"\n hide-site-selector=\"false\" >\n </pn-marketweb-siteheader>\n </header>`;\n};\nexport const ATLoginTest = ATLoginTestTemplate.bind({});\n\nconst UnifiedLoginTemplate = ({ ...args }) => {\n return `\n <div style=\"background:#ddd;min-height:100vh;\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-token=\"${args.token}\"\n check-user-logged-in-state-interval=\"${args.checkUserLoggedInStateInterval + ''}\"\n show-unified-login=\"${args.showUnifiedLogin}\"\n >\n </pn-marketweb-siteheader>\n</div>\n`;\n};\n\nexport const UnifiedLogin = UnifiedLoginTemplate.bind({});\nUnifiedLogin.args = {\n market: 'se',\n language: 'sv',\n endpoint: 'https://com-inte.postnord.com',\n //endpoint: 'https://localhost:51547',\n token: usertoken,\n};\n\nconst KopFraktTemplate = ({ ...args }) => {\n return `\n <pn-marketweb-siteheader\n language=\"${args.language}\"\n market=\"${args.market}\"\n environment=\"${args.environment}\"\n endpoint=\"${args.endpoint}\"\n hide-site-selector=\"${args.hideSiteSelector}\"\n hide-search=\"\"\n spa-mode=\"${args.spaMode}\"\n hide-login=\"\"\n site-domain-in-urls=\"${args.siteDomainInUrls}\"></pn-marketweb-siteheader>\n `;\n};\n\nexport const KopFrakt = KopFraktTemplate.bind({});\nKopFrakt.args = {\n language: 'en',\n market: 'se',\n environment: 'integration',\n endpoint: 'https://se-integration.postnord.com',\n hideSiteSelector: false,\n hideSearch: '',\n spaMode: 'true',\n hideLogin: '',\n siteDomainInUrls: 'true',\n};"]}
package/collection/components/navigation/pn-mainnav/pn-mainnav-level.js CHANGED
@@ -28,7 +28,7 @@ export class PnMainnavLevel {
28
28
  }
29
29
  if (parentElm.tagName.toLowerCase() === 'pn-mainnav-link') {
30
30
  this.parentName = parentElm.getAttribute('name') + '';
31
- if (!this.label && this.parentName) {
31
+ if ((!this.label && this.parentName) || this.label !== this.parentName) {
32
32
  this.label = this.parentName;
33
33
  }
34
34
  this.parentHref = parentElm.getAttribute('href') + '';
@@ -68,10 +68,10 @@ export class PnMainnavLevel {
68
68
  state.currentLevel = this.level;
69
69
  }
70
70
  render() {
71
- return (h(Host, { key: 'fde26bf8c5fc7620ee0abb2c2b664bca6a1d2fba', role: "navigation", ...(this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {}), "data-level-listcount": this.listCount + '', "data-level-alignment": this.alignment, "data-level": this.level + '', ...(this.levelId ? { id: this.levelId } : {}) }, this.level > 1 ? (h("div", { class: "mainnav-level-header" }, h("label", { htmlFor: this.levelId }, state.i18n.menuGoBackButton), h("button", { class: "secondlevel-backbtn", onClick: () => {
71
+ return (h(Host, { key: 'b17f6289b08e866eae25c354328c8caa2aab90e8', role: "navigation", ...(this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {}), "data-level-listcount": this.listCount + '', "data-level-alignment": this.alignment, "data-level": this.level + '', ...(this.levelId ? { id: this.levelId } : {}) }, this.level > 1 ? (h("div", { class: "mainnav-level-header" }, h("label", { htmlFor: this.levelId }, state.i18n.menuGoBackButton), h("button", { class: "secondlevel-backbtn", onClick: () => {
72
72
  state.openLevel = '';
73
73
  state.currentLevel = 1;
74
- }, "aria-expanded": (state.openLevel === this.levelId) + '' }, h("pn-icon", { icon: arrow_left, color: "blue700" }), state.i18n.menuStartButton), this.parentHref && this.label ? h("pn-mainnav-link", { href: this.parentHref, name: this.label, linkid: this.parentLinkId }) : null)) : null, h("slot", { key: '6197834b14a963be33ce1e2ffe0c4b7c60894d1b', name: "top" }), h("slot", { key: 'e270ea74af3d2a6b0408f6c0b84d8773ee5b998e' }), h("slot", { key: 'ee590e32c5f8f1749562aa0efc1722ca790f65c4', name: "additional" }), h("slot", { key: '7048a26e9b56586fbcb30d9d4d7cb037e939ff93', name: "footer" })));
74
+ }, "aria-expanded": (state.openLevel === this.levelId) + '' }, h("pn-icon", { icon: arrow_left, color: "blue700" }), state.i18n.menuStartButton), this.parentHref && this.label ? h("pn-mainnav-link", { href: this.parentHref, name: this.label, linkid: this.parentLinkId }) : null)) : null, h("slot", { key: '91dc3e2fb54c04b3421e77dc2da775e30bd16ed3', name: "top" }), h("slot", { key: 'a5559d56167e3a63c9ee4409d7a9b8f572c016ab' }), h("slot", { key: '370e3749baa8d846a2b46ef530d193052357834a', name: "additional" }), h("slot", { key: '8990d0eccc05be615e57af1fb4dfcd5ecfab442a', name: "footer" })));
75
75
  }
76
76
  static get is() { return "pn-mainnav-level"; }
77
77
  static get originalStyleUrls() {
package/collection/components/navigation/pn-mainnav/pn-mainnav-level.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"pn-mainnav-level.js","sourceRoot":"","sources":["../../../../src/components/navigation/pn-mainnav/pn-mainnav-level.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, State, h, Host, Element, Watch, Prop } from '@stencil/core';\nimport { state, onChange } from './pn-mainnav-store';\nimport { arrow_left } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-mainnav-level',\n styleUrl: 'pn-mainnav-level.scss',\n shadow: false,\n})\nexport class PnMainnavLevel {\n @Element() hostElement: HTMLElement;\n @Prop({ reflect: true, mutable: true }) label: string = '';\n @State() level: number = 1;\n @State() levelId: string = '';\n @State() isOpen: boolean = false;\n @State() parentName: string = '';\n @State() parentHref: string = '';\n @State() parentLinkId: string = '';\n @State() listCount: number = 0;\n @State() alignment: string = 'right';\n\n async componentWillLoad() {\n this.setState();\n onChange('openLevel', () => {\n this.onChangeOpenLevel();\n });\n }\n\n @Watch('label')\n setState() {\n this.listCount = this.hostElement.querySelectorAll(':scope > pn-mainnav-list').length;\n const parentElm = this.hostElement.parentElement;\n if (parentElm.tagName.toLowerCase() !== 'nav') {\n this.level = 2;\n }\n if (parentElm.tagName.toLowerCase() === 'pn-mainnav-link') {\n this.parentName = parentElm.getAttribute('name') + '';\n if (!this.label && this.parentName) {\n this.label = this.parentName;\n }\n this.parentHref = parentElm.getAttribute('href') + '';\n this.parentLinkId = parentElm.getAttribute('linkid') + '';\n const parentLinkName = this.parentName.toLowerCase().replace(/\\W/gi, '_');\n this.levelId = `mainnav-lvl${this.level}-${parentLinkName}`;\n }\n }\n\n @Watch('isOpen')\n onOpen() {\n if (this.level === 2) {\n requestAnimationFrame(() => {\n const levelClientRect = this.hostElement.getClientRects()[0];\n if (!levelClientRect) {\n return;\n }\n\n const navElm = this.hostElement.parentElement.parentElement.parentElement.parentElement;\n if (navElm && navElm.tagName.toLowerCase() === 'nav') {\n const navClientRect = navElm.getClientRects()[0];\n if (!navClientRect) {\n return;\n }\n\n if (levelClientRect.right > window.innerWidth) {\n const levelParentRect = this.hostElement.parentElement.getClientRects()[0];\n if (levelParentRect.left - levelClientRect.width < 0) {\n this.alignment = 'center';\n } else {\n this.alignment = 'left';\n }\n }\n }\n });\n }\n }\n onChangeOpenLevel() {\n this.isOpen = state.openLevel === this.levelId;\n state.currentLevel = this.level;\n }\n\n render() {\n return (\n <Host\n role=\"navigation\"\n {...(this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {})}\n data-level-listcount={this.listCount + ''}\n data-level-alignment={this.alignment}\n data-level={this.level + ''}\n {...(this.levelId ? { id: this.levelId } : {})}\n >\n {this.level > 1 ? (\n <div class=\"mainnav-level-header\">\n <label htmlFor={this.levelId}>{state.i18n.menuGoBackButton}</label>\n <button\n class=\"secondlevel-backbtn\"\n onClick={() => {\n state.openLevel = '';\n state.currentLevel = 1;\n }}\n aria-expanded={(state.openLevel === this.levelId) + ''}\n >\n <pn-icon icon={arrow_left} color=\"blue700\" />\n {state.i18n.menuStartButton}\n </button>\n {this.parentHref && this.label ? <pn-mainnav-link href={this.parentHref} name={this.label} linkid={this.parentLinkId}></pn-mainnav-link> : null}\n </div>\n ) : null}\n <slot name=\"top\"></slot>\n <slot></slot>\n <slot name=\"additional\"></slot>\n <slot name=\"footer\"></slot>\n </Host>\n );\n }\n}\n"]}
1
+ {"version":3,"file":"pn-mainnav-level.js","sourceRoot":"","sources":["../../../../src/components/navigation/pn-mainnav/pn-mainnav-level.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAOjE,MAAM,OAAO,cAAc;;qBAE+B,EAAE;qBACjC,CAAC;uBACC,EAAE;sBACF,KAAK;0BACF,EAAE;0BACF,EAAE;4BACA,EAAE;yBACL,CAAC;yBACD,OAAO;;IATzB,WAAW,CAAc;IAWpC,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChB,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;YACzB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC;IAGD,QAAQ;QACN,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,0BAA0B,CAAC,CAAC,MAAM,CAAC;QACtF,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;QACjD,IAAI,SAAS,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,KAAK,EAAE,CAAC;YAC9C,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QACjB,CAAC;QACD,IAAI,SAAS,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,iBAAiB,EAAE,CAAC;YAC1D,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;YACtD,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,UAAU,EAAE,CAAC;gBACvE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC;YAC/B,CAAC;YACD,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;YACtD,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;YAC1D,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;YAC1E,IAAI,CAAC,OAAO,GAAG,cAAc,IAAI,CAAC,KAAK,IAAI,cAAc,EAAE,CAAC;QAC9D,CAAC;IACH,CAAC;IAGD,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE,CAAC;YACrB,qBAAqB,CAAC,GAAG,EAAE;gBACzB,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC;gBAC7D,IAAI,CAAC,eAAe,EAAE,CAAC;oBACrB,OAAO;gBACT,CAAC;gBAED,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,aAAa,CAAC,aAAa,CAAC;gBACxF,IAAI,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,KAAK,EAAE,CAAC;oBACrD,MAAM,aAAa,GAAG,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC;oBACjD,IAAI,CAAC,aAAa,EAAE,CAAC;wBACnB,OAAO;oBACT,CAAC;oBAED,IAAI,eAAe,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;wBAC9C,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC;wBAC3E,IAAI,eAAe,CAAC,IAAI,GAAG,eAAe,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;4BACrD,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;wBAC5B,CAAC;6BAAM,CAAC;4BACN,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;wBAC1B,CAAC;oBACH,CAAC;gBACH,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IACD,iBAAiB;QACf,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,CAAC;QAC/C,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC;IAClC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,IAAI,EAAC,YAAY,KACb,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,0BAC1D,IAAI,CAAC,SAAS,GAAG,EAAE,0BACnB,IAAI,CAAC,SAAS,gBACxB,IAAI,CAAC,KAAK,GAAG,EAAE,KACvB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAE7C,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAChB,WAAK,KAAK,EAAC,sBAAsB;gBAC/B,aAAO,OAAO,EAAE,IAAI,CAAC,OAAO,IAAG,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAS;gBACnE,cACE,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;wBACrB,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC;oBACzB,CAAC,mBACc,CAAC,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE;oBAEtD,eAAS,IAAI,EAAE,UAAU,EAAE,KAAK,EAAC,SAAS,GAAG;oBAC5C,KAAK,CAAC,IAAI,CAAC,eAAe,CACpB;gBACR,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,uBAAiB,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,YAAY,GAAoB,CAAC,CAAC,CAAC,IAAI,CAC3I,CACP,CAAC,CAAC,CAAC,IAAI;YACR,6DAAM,IAAI,EAAC,KAAK,GAAQ;YACxB,8DAAa;YACb,6DAAM,IAAI,EAAC,YAAY,GAAQ;YAC/B,6DAAM,IAAI,EAAC,QAAQ,GAAQ,CACtB,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, State, h, Host, Element, Watch, Prop } from '@stencil/core';\nimport { state, onChange } from './pn-mainnav-store';\nimport { arrow_left } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-mainnav-level',\n styleUrl: 'pn-mainnav-level.scss',\n shadow: false,\n})\nexport class PnMainnavLevel {\n @Element() hostElement: HTMLElement;\n @Prop({ reflect: true, mutable: true }) label: string = '';\n @State() level: number = 1;\n @State() levelId: string = '';\n @State() isOpen: boolean = false;\n @State() parentName: string = '';\n @State() parentHref: string = '';\n @State() parentLinkId: string = '';\n @State() listCount: number = 0;\n @State() alignment: string = 'right';\n\n async componentWillLoad() {\n this.setState();\n onChange('openLevel', () => {\n this.onChangeOpenLevel();\n });\n }\n\n @Watch('label')\n setState() {\n this.listCount = this.hostElement.querySelectorAll(':scope > pn-mainnav-list').length;\n const parentElm = this.hostElement.parentElement;\n if (parentElm.tagName.toLowerCase() !== 'nav') {\n this.level = 2;\n }\n if (parentElm.tagName.toLowerCase() === 'pn-mainnav-link') {\n this.parentName = parentElm.getAttribute('name') + '';\n if ((!this.label && this.parentName) || this.label !== this.parentName) {\n this.label = this.parentName;\n }\n this.parentHref = parentElm.getAttribute('href') + '';\n this.parentLinkId = parentElm.getAttribute('linkid') + '';\n const parentLinkName = this.parentName.toLowerCase().replace(/\\W/gi, '_');\n this.levelId = `mainnav-lvl${this.level}-${parentLinkName}`;\n }\n }\n\n @Watch('isOpen')\n onOpen() {\n if (this.level === 2) {\n requestAnimationFrame(() => {\n const levelClientRect = this.hostElement.getClientRects()[0];\n if (!levelClientRect) {\n return;\n }\n\n const navElm = this.hostElement.parentElement.parentElement.parentElement.parentElement;\n if (navElm && navElm.tagName.toLowerCase() === 'nav') {\n const navClientRect = navElm.getClientRects()[0];\n if (!navClientRect) {\n return;\n }\n\n if (levelClientRect.right > window.innerWidth) {\n const levelParentRect = this.hostElement.parentElement.getClientRects()[0];\n if (levelParentRect.left - levelClientRect.width < 0) {\n this.alignment = 'center';\n } else {\n this.alignment = 'left';\n }\n }\n }\n });\n }\n }\n onChangeOpenLevel() {\n this.isOpen = state.openLevel === this.levelId;\n state.currentLevel = this.level;\n }\n\n render() {\n return (\n <Host\n role=\"navigation\"\n {...(this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {})}\n data-level-listcount={this.listCount + ''}\n data-level-alignment={this.alignment}\n data-level={this.level + ''}\n {...(this.levelId ? { id: this.levelId } : {})}\n >\n {this.level > 1 ? (\n <div class=\"mainnav-level-header\">\n <label htmlFor={this.levelId}>{state.i18n.menuGoBackButton}</label>\n <button\n class=\"secondlevel-backbtn\"\n onClick={() => {\n state.openLevel = '';\n state.currentLevel = 1;\n }}\n aria-expanded={(state.openLevel === this.levelId) + ''}\n >\n <pn-icon icon={arrow_left} color=\"blue700\" />\n {state.i18n.menuStartButton}\n </button>\n {this.parentHref && this.label ? <pn-mainnav-link href={this.parentHref} name={this.label} linkid={this.parentLinkId}></pn-mainnav-link> : null}\n </div>\n ) : null}\n <slot name=\"top\"></slot>\n <slot></slot>\n <slot name=\"additional\"></slot>\n <slot name=\"footer\"></slot>\n </Host>\n );\n }\n}\n"]}
package/components/pn-mainnav-level2.js CHANGED
@@ -35,7 +35,7 @@ const PnMainnavLevel = /*@__PURE__*/ proxyCustomElement(class PnMainnavLevel ext
35
35
  }
36
36
  if (parentElm.tagName.toLowerCase() === 'pn-mainnav-link') {
37
37
  this.parentName = parentElm.getAttribute('name') + '';
38
- if (!this.label && this.parentName) {
38
+ if ((!this.label && this.parentName) || this.label !== this.parentName) {
39
39
  this.label = this.parentName;
40
40
  }
41
41
  this.parentHref = parentElm.getAttribute('href') + '';
@@ -75,10 +75,10 @@ const PnMainnavLevel = /*@__PURE__*/ proxyCustomElement(class PnMainnavLevel ext
75
75
  state.currentLevel = this.level;
76
76
  }
77
77
  render() {
78
- return (h(Host, { key: 'fde26bf8c5fc7620ee0abb2c2b664bca6a1d2fba', role: "navigation", ...(this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {}), "data-level-listcount": this.listCount + '', "data-level-alignment": this.alignment, "data-level": this.level + '', ...(this.levelId ? { id: this.levelId } : {}) }, this.level > 1 ? (h("div", { class: "mainnav-level-header" }, h("label", { htmlFor: this.levelId }, state.i18n.menuGoBackButton), h("button", { class: "secondlevel-backbtn", onClick: () => {
78
+ return (h(Host, { key: 'b17f6289b08e866eae25c354328c8caa2aab90e8', role: "navigation", ...(this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {}), "data-level-listcount": this.listCount + '', "data-level-alignment": this.alignment, "data-level": this.level + '', ...(this.levelId ? { id: this.levelId } : {}) }, this.level > 1 ? (h("div", { class: "mainnav-level-header" }, h("label", { htmlFor: this.levelId }, state.i18n.menuGoBackButton), h("button", { class: "secondlevel-backbtn", onClick: () => {
79
79
  state.openLevel = '';
80
80
  state.currentLevel = 1;
81
- }, "aria-expanded": (state.openLevel === this.levelId) + '' }, h("pn-icon", { icon: arrow_left, color: "blue700" }), state.i18n.menuStartButton), this.parentHref && this.label ? h("pn-mainnav-link", { href: this.parentHref, name: this.label, linkid: this.parentLinkId }) : null)) : null, h("slot", { key: '6197834b14a963be33ce1e2ffe0c4b7c60894d1b', name: "top" }), h("slot", { key: 'e270ea74af3d2a6b0408f6c0b84d8773ee5b998e' }), h("slot", { key: 'ee590e32c5f8f1749562aa0efc1722ca790f65c4', name: "additional" }), h("slot", { key: '7048a26e9b56586fbcb30d9d4d7cb037e939ff93', name: "footer" })));
81
+ }, "aria-expanded": (state.openLevel === this.levelId) + '' }, h("pn-icon", { icon: arrow_left, color: "blue700" }), state.i18n.menuStartButton), this.parentHref && this.label ? h("pn-mainnav-link", { href: this.parentHref, name: this.label, linkid: this.parentLinkId }) : null)) : null, h("slot", { key: '91dc3e2fb54c04b3421e77dc2da775e30bd16ed3', name: "top" }), h("slot", { key: 'a5559d56167e3a63c9ee4409d7a9b8f572c016ab' }), h("slot", { key: '370e3749baa8d846a2b46ef530d193052357834a', name: "additional" }), h("slot", { key: '8990d0eccc05be615e57af1fb4dfcd5ecfab442a', name: "footer" })));
82
82
  }
83
83
  static get watchers() { return {
84
84
  "label": ["setState"],
package/components/pn-mainnav-level2.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"pn-mainnav-level2.js","mappings":"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","names":[],"sources":["src/components/navigation/pn-mainnav/pn-mainnav-level.scss?tag=pn-mainnav-level","src/components/navigation/pn-mainnav/pn-mainnav-level.tsx"],"sourcesContent":["@import './pn-mainnav-common.scss';\n@import '../../../globals/main.scss';\n\npn-mainnav-level {\n display: block;\n &:not(.hydrated) {\n max-height: 5.6rem;\n overflow: hidden;\n }\n &[data-level='1'] {\n width: 100%;\n right: 0;\n overflow-y: scroll;\n overflow-x: hidden;\n flex: 1;\n\n @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n width: auto;\n overflow: initial;\n\n // Only works for blink/webkit\n &::-webkit-scrollbar {\n display: none;\n }\n }\n }\n &[data-level='2'] {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100vw;\n padding: 0;\n background-color: $white;\n z-index: 1;\n transform: translateX(100vw);\n transition: transform 0.2s 0s;\n transition-property: transform, visibility;\n overflow: scroll;\n visibility: hidden;\n\n @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n left: 0;\n top: calc(100% + 1rem);\n bottom: auto;\n border-radius: 1.6rem;\n width: auto;\n padding: 1.6rem 1.6rem 0 1.6rem;\n -webkit-box-shadow: $mainmenu-shadow-elevation8;\n -moz-box-shadow: $mainmenu-shadow-elevation8;\n box-shadow: $mainmenu-shadow-elevation8;\n height: auto;\n z-index: 3;\n display: none;\n\n &[data-menuitem-rightaligned='true'] {\n // right-align next-to-last menu-pop-up on desktop (last is hidden mobile-action-menu)\n right: 0;\n left: unset;\n }\n }\n\n @media screen and (max-height: $mobilenav-media-phoneheight) {\n -ms-overflow-style: none; // IE and Edge\n scrollbar-width: none; // Firefox\n\n &::-webkit-scrollbar {\n // Chrome, Safari and Opera\n display: none;\n }\n }\n\n &[aria-hidden='false'] {\n transform: translateX(0);\n visibility: visible;\n\n @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n display: block;\n overflow: visible;\n\n &:not([data-level-listcount='1']) {\n display: grid;\n grid-template-columns: minmax(12em, 20em) 1fr;\n grid-template-rows: auto auto;\n gap: 0px 1.6rem;\n grid-template-areas:\n 'top top'\n 'left right';\n }\n }\n }\n &[data-level-alignment='left'] {\n @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n right: 0;\n left: unset;\n }\n }\n &[data-level-alignment='center'] {\n @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n left: 50%;\n transform: translateX(-50%);\n }\n }\n a {\n color: $blue700;\n text-decoration: none;\n }\n }\n [slot='top'] {\n display: flex;\n @media screen and (min-width: $mobilenav-media-tablet) {\n display: none;\n }\n }\n\n [slot='footer'] {\n [data-menu-currentlevel='2'] & {\n display: none;\n overscroll-behavior: contain;\n }\n }\n}\n\n.mainnav-level-header {\n grid-area: top;\n > label {\n position: absolute;\n width: 0.1rem;\n height: 0.1rem;\n padding: 0;\n margin: -0.1rem;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n white-space: nowrap;\n }\n > button {\n display: block;\n position: relative;\n border: none;\n background-color: transparent;\n color: $blue700;\n padding: 2.4rem 0 2.4rem 6.2rem;\n width: 100%;\n text-align: left;\n\n @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n display: none;\n speak: none;\n }\n\n > pn-icon {\n speak: none;\n position: absolute;\n height: 2.4rem;\n width: 2.4rem;\n left: 3rem;\n top: 50%;\n transform: translateY(-50%);\n }\n }\n\n [data-level='2'] & {\n > pn-mainnav-link > a {\n font-size: 2.4rem;\n }\n }\n}\n","import { Component, State, h, Host, Element, Watch, Prop } from '@stencil/core';\nimport { state, onChange } from './pn-mainnav-store';\nimport { arrow_left } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-mainnav-level',\n styleUrl: 'pn-mainnav-level.scss',\n shadow: false,\n})\nexport class PnMainnavLevel {\n @Element() hostElement: HTMLElement;\n @Prop({ reflect: true, mutable: true }) label: string = '';\n @State() level: number = 1;\n @State() levelId: string = '';\n @State() isOpen: boolean = false;\n @State() parentName: string = '';\n @State() parentHref: string = '';\n @State() parentLinkId: string = '';\n @State() listCount: number = 0;\n @State() alignment: string = 'right';\n\n async componentWillLoad() {\n this.setState();\n onChange('openLevel', () => {\n this.onChangeOpenLevel();\n });\n }\n\n @Watch('label')\n setState() {\n this.listCount = this.hostElement.querySelectorAll(':scope > pn-mainnav-list').length;\n const parentElm = this.hostElement.parentElement;\n if (parentElm.tagName.toLowerCase() !== 'nav') {\n this.level = 2;\n }\n if (parentElm.tagName.toLowerCase() === 'pn-mainnav-link') {\n this.parentName = parentElm.getAttribute('name') + '';\n if (!this.label && this.parentName) {\n this.label = this.parentName;\n }\n this.parentHref = parentElm.getAttribute('href') + '';\n this.parentLinkId = parentElm.getAttribute('linkid') + '';\n const parentLinkName = this.parentName.toLowerCase().replace(/\\W/gi, '_');\n this.levelId = `mainnav-lvl${this.level}-${parentLinkName}`;\n }\n }\n\n @Watch('isOpen')\n onOpen() {\n if (this.level === 2) {\n requestAnimationFrame(() => {\n const levelClientRect = this.hostElement.getClientRects()[0];\n if (!levelClientRect) {\n return;\n }\n\n const navElm = this.hostElement.parentElement.parentElement.parentElement.parentElement;\n if (navElm && navElm.tagName.toLowerCase() === 'nav') {\n const navClientRect = navElm.getClientRects()[0];\n if (!navClientRect) {\n return;\n }\n\n if (levelClientRect.right > window.innerWidth) {\n const levelParentRect = this.hostElement.parentElement.getClientRects()[0];\n if (levelParentRect.left - levelClientRect.width < 0) {\n this.alignment = 'center';\n } else {\n this.alignment = 'left';\n }\n }\n }\n });\n }\n }\n onChangeOpenLevel() {\n this.isOpen = state.openLevel === this.levelId;\n state.currentLevel = this.level;\n }\n\n render() {\n return (\n <Host\n role=\"navigation\"\n {...(this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {})}\n data-level-listcount={this.listCount + ''}\n data-level-alignment={this.alignment}\n data-level={this.level + ''}\n {...(this.levelId ? { id: this.levelId } : {})}\n >\n {this.level > 1 ? (\n <div class=\"mainnav-level-header\">\n <label htmlFor={this.levelId}>{state.i18n.menuGoBackButton}</label>\n <button\n class=\"secondlevel-backbtn\"\n onClick={() => {\n state.openLevel = '';\n state.currentLevel = 1;\n }}\n aria-expanded={(state.openLevel === this.levelId) + ''}\n >\n <pn-icon icon={arrow_left} color=\"blue700\" />\n {state.i18n.menuStartButton}\n </button>\n {this.parentHref && this.label ? <pn-mainnav-link href={this.parentHref} name={this.label} linkid={this.parentLinkId}></pn-mainnav-link> : null}\n </div>\n ) : null}\n <slot name=\"top\"></slot>\n <slot></slot>\n <slot name=\"additional\"></slot>\n <slot name=\"footer\"></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"pn-mainnav-level2.js","mappings":"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","names":[],"sources":["src/components/navigation/pn-mainnav/pn-mainnav-level.scss?tag=pn-mainnav-level","src/components/navigation/pn-mainnav/pn-mainnav-level.tsx"],"sourcesContent":["@import './pn-mainnav-common.scss';\n@import '../../../globals/main.scss';\n\npn-mainnav-level {\n display: block;\n &:not(.hydrated) {\n max-height: 5.6rem;\n overflow: hidden;\n }\n &[data-level='1'] {\n width: 100%;\n right: 0;\n overflow-y: scroll;\n overflow-x: hidden;\n flex: 1;\n\n @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n width: auto;\n overflow: initial;\n\n // Only works for blink/webkit\n &::-webkit-scrollbar {\n display: none;\n }\n }\n }\n &[data-level='2'] {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100vw;\n padding: 0;\n background-color: $white;\n z-index: 1;\n transform: translateX(100vw);\n transition: transform 0.2s 0s;\n transition-property: transform, visibility;\n overflow: scroll;\n visibility: hidden;\n\n @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n left: 0;\n top: calc(100% + 1rem);\n bottom: auto;\n border-radius: 1.6rem;\n width: auto;\n padding: 1.6rem 1.6rem 0 1.6rem;\n -webkit-box-shadow: $mainmenu-shadow-elevation8;\n -moz-box-shadow: $mainmenu-shadow-elevation8;\n box-shadow: $mainmenu-shadow-elevation8;\n height: auto;\n z-index: 3;\n display: none;\n\n &[data-menuitem-rightaligned='true'] {\n // right-align next-to-last menu-pop-up on desktop (last is hidden mobile-action-menu)\n right: 0;\n left: unset;\n }\n }\n\n @media screen and (max-height: $mobilenav-media-phoneheight) {\n -ms-overflow-style: none; // IE and Edge\n scrollbar-width: none; // Firefox\n\n &::-webkit-scrollbar {\n // Chrome, Safari and Opera\n display: none;\n }\n }\n\n &[aria-hidden='false'] {\n transform: translateX(0);\n visibility: visible;\n\n @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n display: block;\n overflow: visible;\n\n &:not([data-level-listcount='1']) {\n display: grid;\n grid-template-columns: minmax(12em, 20em) 1fr;\n grid-template-rows: auto auto;\n gap: 0px 1.6rem;\n grid-template-areas:\n 'top top'\n 'left right';\n }\n }\n }\n &[data-level-alignment='left'] {\n @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n right: 0;\n left: unset;\n }\n }\n &[data-level-alignment='center'] {\n @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n left: 50%;\n transform: translateX(-50%);\n }\n }\n a {\n color: $blue700;\n text-decoration: none;\n }\n }\n [slot='top'] {\n display: flex;\n @media screen and (min-width: $mobilenav-media-tablet) {\n display: none;\n }\n }\n\n [slot='footer'] {\n [data-menu-currentlevel='2'] & {\n display: none;\n overscroll-behavior: contain;\n }\n }\n}\n\n.mainnav-level-header {\n grid-area: top;\n > label {\n position: absolute;\n width: 0.1rem;\n height: 0.1rem;\n padding: 0;\n margin: -0.1rem;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n white-space: nowrap;\n }\n > button {\n display: block;\n position: relative;\n border: none;\n background-color: transparent;\n color: $blue700;\n padding: 2.4rem 0 2.4rem 6.2rem;\n width: 100%;\n text-align: left;\n\n @media screen and (min-width: $mobilenav-media-abovemobilemode) {\n display: none;\n speak: none;\n }\n\n > pn-icon {\n speak: none;\n position: absolute;\n height: 2.4rem;\n width: 2.4rem;\n left: 3rem;\n top: 50%;\n transform: translateY(-50%);\n }\n }\n\n [data-level='2'] & {\n > pn-mainnav-link > a {\n font-size: 2.4rem;\n }\n }\n}\n","import { Component, State, h, Host, Element, Watch, Prop } from '@stencil/core';\nimport { state, onChange } from './pn-mainnav-store';\nimport { arrow_left } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-mainnav-level',\n styleUrl: 'pn-mainnav-level.scss',\n shadow: false,\n})\nexport class PnMainnavLevel {\n @Element() hostElement: HTMLElement;\n @Prop({ reflect: true, mutable: true }) label: string = '';\n @State() level: number = 1;\n @State() levelId: string = '';\n @State() isOpen: boolean = false;\n @State() parentName: string = '';\n @State() parentHref: string = '';\n @State() parentLinkId: string = '';\n @State() listCount: number = 0;\n @State() alignment: string = 'right';\n\n async componentWillLoad() {\n this.setState();\n onChange('openLevel', () => {\n this.onChangeOpenLevel();\n });\n }\n\n @Watch('label')\n setState() {\n this.listCount = this.hostElement.querySelectorAll(':scope > pn-mainnav-list').length;\n const parentElm = this.hostElement.parentElement;\n if (parentElm.tagName.toLowerCase() !== 'nav') {\n this.level = 2;\n }\n if (parentElm.tagName.toLowerCase() === 'pn-mainnav-link') {\n this.parentName = parentElm.getAttribute('name') + '';\n if ((!this.label && this.parentName) || this.label !== this.parentName) {\n this.label = this.parentName;\n }\n this.parentHref = parentElm.getAttribute('href') + '';\n this.parentLinkId = parentElm.getAttribute('linkid') + '';\n const parentLinkName = this.parentName.toLowerCase().replace(/\\W/gi, '_');\n this.levelId = `mainnav-lvl${this.level}-${parentLinkName}`;\n }\n }\n\n @Watch('isOpen')\n onOpen() {\n if (this.level === 2) {\n requestAnimationFrame(() => {\n const levelClientRect = this.hostElement.getClientRects()[0];\n if (!levelClientRect) {\n return;\n }\n\n const navElm = this.hostElement.parentElement.parentElement.parentElement.parentElement;\n if (navElm && navElm.tagName.toLowerCase() === 'nav') {\n const navClientRect = navElm.getClientRects()[0];\n if (!navClientRect) {\n return;\n }\n\n if (levelClientRect.right > window.innerWidth) {\n const levelParentRect = this.hostElement.parentElement.getClientRects()[0];\n if (levelParentRect.left - levelClientRect.width < 0) {\n this.alignment = 'center';\n } else {\n this.alignment = 'left';\n }\n }\n }\n });\n }\n }\n onChangeOpenLevel() {\n this.isOpen = state.openLevel === this.levelId;\n state.currentLevel = this.level;\n }\n\n render() {\n return (\n <Host\n role=\"navigation\"\n {...(this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {})}\n data-level-listcount={this.listCount + ''}\n data-level-alignment={this.alignment}\n data-level={this.level + ''}\n {...(this.levelId ? { id: this.levelId } : {})}\n >\n {this.level > 1 ? (\n <div class=\"mainnav-level-header\">\n <label htmlFor={this.levelId}>{state.i18n.menuGoBackButton}</label>\n <button\n class=\"secondlevel-backbtn\"\n onClick={() => {\n state.openLevel = '';\n state.currentLevel = 1;\n }}\n aria-expanded={(state.openLevel === this.levelId) + ''}\n >\n <pn-icon icon={arrow_left} color=\"blue700\" />\n {state.i18n.menuStartButton}\n </button>\n {this.parentHref && this.label ? <pn-mainnav-link href={this.parentHref} name={this.label} linkid={this.parentLinkId}></pn-mainnav-link> : null}\n </div>\n ) : null}\n <slot name=\"top\"></slot>\n <slot></slot>\n <slot name=\"additional\"></slot>\n <slot name=\"footer\"></slot>\n </Host>\n );\n }\n}\n"],"version":3}