@postnord/pn-marketweb-components 3.3.5 → 3.3.7

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 (50) hide show
  1. package/cjs/pn-dropdown-with-multi-input-rows.cjs.entry.js +3 -3
  2. package/cjs/pn-dropdown-with-multi-input-rows.cjs.entry.js.map +1 -1
  3. package/cjs/pn-language-selector_9.cjs.entry.js +3 -3
  4. package/cjs/pn-language-selector_9.cjs.entry.js.map +1 -1
  5. package/cjs/pn-marketweb-siteheader.cjs.entry.js +14 -7
  6. package/cjs/pn-marketweb-siteheader.cjs.entry.js.map +1 -1
  7. package/cjs/pn-teaser-card.cjs.entry.js +1 -1
  8. package/cjs/pn-teaser-card.cjs.entry.js.map +1 -1
  9. package/collection/components/cards/pn-teaser-card/pn-teaser-card.js +1 -1
  10. package/collection/components/cards/pn-teaser-card/pn-teaser-card.js.map +1 -1
  11. package/collection/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.js +3 -3
  12. package/collection/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.js.map +1 -1
  13. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js +14 -7
  14. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js.map +1 -1
  15. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js +30 -0
  16. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js.map +1 -1
  17. package/collection/components/navigation/pn-mainnav/pn-mainnav-level.js +3 -3
  18. package/collection/components/navigation/pn-mainnav/pn-mainnav-level.js.map +1 -1
  19. package/components/pn-dropdown-with-multi-input-rows.js +3 -3
  20. package/components/pn-dropdown-with-multi-input-rows.js.map +1 -1
  21. package/components/pn-mainnav-level2.js +3 -3
  22. package/components/pn-mainnav-level2.js.map +1 -1
  23. package/components/pn-marketweb-siteheader.js +14 -7
  24. package/components/pn-marketweb-siteheader.js.map +1 -1
  25. package/components/pn-teaser-card.js +1 -1
  26. package/components/pn-teaser-card.js.map +1 -1
  27. package/esm/pn-dropdown-with-multi-input-rows.entry.js +3 -3
  28. package/esm/pn-dropdown-with-multi-input-rows.entry.js.map +1 -1
  29. package/esm/pn-language-selector_9.entry.js +3 -3
  30. package/esm/pn-language-selector_9.entry.js.map +1 -1
  31. package/esm/pn-marketweb-siteheader.entry.js +14 -7
  32. package/esm/pn-marketweb-siteheader.entry.js.map +1 -1
  33. package/esm/pn-teaser-card.entry.js +1 -1
  34. package/esm/pn-teaser-card.entry.js.map +1 -1
  35. package/package.json +1 -1
  36. package/pn-market-web-components/p-1426fb9f.entry.js +2 -0
  37. package/pn-market-web-components/p-1426fb9f.entry.js.map +1 -0
  38. package/pn-market-web-components/p-4475c326.entry.js +2 -0
  39. package/pn-market-web-components/{p-4ea1409d.entry.js.map → p-4475c326.entry.js.map} +1 -1
  40. package/pn-market-web-components/{p-b765e4a9.entry.js → p-644858d3.entry.js} +2 -2
  41. package/pn-market-web-components/p-644858d3.entry.js.map +1 -0
  42. package/pn-market-web-components/{p-73db2c9c.entry.js → p-ab9dfa16.entry.js} +2 -2
  43. package/pn-market-web-components/{p-73db2c9c.entry.js.map → p-ab9dfa16.entry.js.map} +1 -1
  44. package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
  45. package/types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.d.ts +1 -0
  46. package/types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.d.ts +1 -0
  47. package/pn-market-web-components/p-4ea1409d.entry.js +0 -2
  48. package/pn-market-web-components/p-85f1e4c3.entry.js +0 -2
  49. package/pn-market-web-components/p-85f1e4c3.entry.js.map +0 -1
  50. package/pn-market-web-components/p-b765e4a9.entry.js.map +0 -1
package/components/pn-marketweb-siteheader.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"pn-marketweb-siteheader.js","mappings":"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","names":["PnMarketwebSiteheader","headerState"],"sources":["src/components/layout-components/pn-marketweb-siteheader/translations.ts","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.scss?tag=pn-marketweb-siteheader","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.tsx"],"sourcesContent":["export const translations = {\n 'sv': {\n searchlabel: 'Sök',\n searchplaceholder: 'Vad letar du efter?',\n searchbuttontext: 'Sök',\n menuHomeButton: 'Hem',\n menuGoBackButton: 'Gå tillbaka',\n mainMenuButton: 'Meny',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Inloggad som',\n unifiedLoginButton: 'Logga in',\n unifiedMyPagesButton: 'Mina sidor',\n },\n 'en': {\n searchlabel: 'Search',\n searchplaceholder: 'Search',\n searchbuttontext: 'Search',\n menuHomeButton: 'Home',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Logged in as',\n unifiedLoginButton: 'Log in',\n unifiedMyPagesButton: 'My pages',\n },\n 'da': {\n searchlabel: 'Søg',\n searchplaceholder: 'Søg',\n searchbuttontext: 'Søg',\n menuHomeButton: 'Hjem',\n menuGoBackButton: 'Gå tilbage',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Logget ind som',\n unifiedLoginButton: 'Log ind',\n unifiedMyPagesButton: 'Mine sider',\n },\n 'no': {\n searchlabel: 'Søk',\n searchplaceholder: 'Søk',\n searchbuttontext: 'Søk',\n menuHomeButton: 'Hjem',\n menuGoBackButton: 'Gå tilbake',\n mainMenuButton: 'Meny',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Logget på som',\n unifiedLoginButton: 'Logg inn',\n unifiedMyPagesButton: 'Sidene mine',\n },\n 'fi': {\n searchlabel: 'Hae',\n searchplaceholder: 'Hae',\n searchbuttontext: 'Hae',\n menuHomeButton: 'Koti',\n menuGoBackButton: 'Mene takaisin',\n mainMenuButton: 'Valikko',\n menuStartButton: 'Alkaa',\n profileSelectionFlyoutHeading: 'Kirjautunut sisään nimellä',\n unifiedLoginButton: 'Kirjaudu sisään',\n unifiedMyPagesButton: 'Minun sivujani',\n },\n 'de': {\n searchlabel: 'Suche',\n searchplaceholder: 'Wonach suchen Sie?',\n searchbuttontext: 'Suche',\n menuHomeButton: 'Start',\n menuGoBackButton: 'Geh zurück',\n mainMenuButton: 'Menü',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Eingeloggt als',\n unifiedLoginButton: 'Anmeldung',\n unifiedMyPagesButton: 'Meine Seiten',\n },\n 'zh': {\n searchlabel: '搜索',\n searchplaceholder: '搜索',\n searchbuttontext: '搜索',\n menuHomeButton: '主页',\n menuGoBackButton: '回去',\n mainMenuButton: '选择菜单',\n menuStartButton: '开始',\n },\n 'it': {\n searchlabel: 'Cerca',\n searchplaceholder: 'Cerca',\n searchbuttontext: 'Cerca',\n menuHomeButton: 'Home',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Logged in as',\n unifiedLoginButton: 'Log in',\n unifiedMyPagesButton: 'My pages',\n },\n 'nl': {\n searchlabel: 'Zoeken',\n searchplaceholder: 'Zoeken',\n searchbuttontext: 'Zoeken',\n menuHomeButton: 'Home',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Logged in as',\n unifiedLoginButton: 'Log in',\n unifiedMyPagesButton: 'My pages',\n },\n 'es': {\n searchplaceholder: 'Buscar',\n searchlabel: 'Buscar',\n searchbuttontext: 'Buscar',\n menuHomeButton: 'Inicio',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Logged in as',\n unifiedLoginButton: 'Log in',\n unifiedMyPagesButton: 'My pages',\n },\n 'fr': {\n searchplaceholder: 'Recherche',\n searchlabel: 'Recherche',\n searchbuttontext: 'Recherche',\n menuHomeButton: 'Accueil',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Logged in as',\n unifiedLoginButton: 'Log in',\n unifiedMyPagesButton: 'My pages',\n },\n 'tr': {\n searchlabel: 'Ara',\n searchplaceholder: 'Ara',\n searchbuttontext: 'Ara',\n menuHomeButton: 'Anasayfa',\n menuGoBackButton: 'Geri git',\n mainMenuButton: 'Menü',\n menuStartButton: 'Başlat',\n profileSelectionFlyoutHeading: 'Oturum açma adı',\n unifiedLoginButton: 'Oturum aç',\n unifiedMyPagesButton: 'Sayfalarım',\n },\n 'pt': {\n searchlabel: 'Search',\n searchplaceholder: 'Search',\n searchbuttontext: 'Search',\n menuHomeButton: 'Página inicial',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Logged in as',\n unifiedLoginButton: 'Log in',\n unifiedMyPagesButton: 'My pages',\n },\n 'pl': {\n searchlabel: 'Szukaj',\n searchplaceholder: 'Szukaj',\n searchbuttontext: 'Szukaj',\n menuHomeButton: 'Strona główna',\n menuGoBackButton: 'Powrót',\n mainMenuButton: 'Menu',\n menuStartButton: 'Początek',\n profileSelectionFlyoutHeading: 'Zalogowany(-a) jako',\n unifiedLoginButton: 'Logowanie',\n unifiedMyPagesButton: 'Moje strony',\n },\n 'pt-BR': {\n searchlabel: 'Buscar',\n searchplaceholder: 'Buscar',\n searchbuttontext: 'Buscar',\n menuHomeButton: 'Página inicial',\n menuGoBackButton: 'Voltar',\n mainMenuButton: 'Menu',\n menuStartButton: 'Iniciar',\n profileSelectionFlyoutHeading: 'Login efetuado como',\n unifiedLoginButton: 'Fazer login',\n unifiedMyPagesButton: 'Minhas páginas',\n },\n};\n","@import \"../../../globals/main.scss\";\n\n@import \"./pn-marketweb-siteheader-common.scss\";\n\nbody[data-siteheader-menuopen=\"true\"] {\n max-height: 100vh;\n overflow: hidden;\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n max-height: initial;\n overflow: initial;\n }\n}\n\npn-marketweb-siteheader {\n display: block;\n background: $white;\n header {\n position: relative;\n z-index: 1000;\n display: flex;\n flex-flow: column;\n box-shadow: $siteheader-shadow-elevation8;\n flex-direction: row;\n justify-content: space-between;\n @media screen and (min-width: $siteheader-media-tablet) {\n flex-direction: column;\n justify-content: initial;\n }\n }\n\n .siteheader-row {\n display: flex;\n flex-flow: row;\n align-items: center;\n\n width: 100%;\n padding: 0 1.6rem;\n\n min-height: 2em;\n &:not(:last-child) {\n border-bottom: 0.1rem solid $gray50;\n }\n @media screen and (min-width: $siteheader-media-tablet) {\n justify-content: space-between;\n min-height: 3.2em;\n }\n }\n\n .siteheader-topright {\n display: flex;\n flex-direction: row;\n }\n\n .siteheader-logocontainer {\n display: flex;\n align-items: center;\n position: relative;\n min-height: 3em;\n background: $white;\n z-index: 1;\n\n @media screen and (min-width: $siteheader-media-tablet) {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n }\n }\n .siteheader-logolink {\n height: 100%;\n max-height: 6.4rem;\n display: flex;\n align-items: center;\n &:hover,\n &:focus,\n &:active {\n box-shadow: none;\n }\n }\n\n .siteheader-logo {\n }\n\n .siteheader-row > pn-marketweb-siteheader-search {\n display: none;\n @media screen and (min-width: $siteheader-media-tablet) {\n display: block;\n max-width: 30rem;\n min-width: 23.3rem;\n width: 100%;\n }\n }\n\n .siteheader-row pn-button {\n button:hover {\n .pn-button-bg,\n .pn-button-bg::after {\n background-color: $blue50;\n }\n }\n }\n\n pn-spinner {\n display: none;\n }\n\n pn-button-dropdown:not(.hydrated) {\n .pn-button-dropdown-container {\n display: none;\n }\n }\n\n pn-button {\n button {\n font-weight: 400 !important;\n padding: 0.5rem !important;\n\n .pn-button-bg:after {\n border-radius: 0.8rem !important;\n }\n }\n }\n}\n\n.siteheader-topleft {\n pn-site-selector {\n padding: 1rem 0;\n display: none;\n @media screen and (min-width: $siteheader-media-tablet) {\n display: block;\n }\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n margin-left: 1.3rem;\n }\n .pn-button-dropdown-label,\n &:is(a) {\n font-size: 0;\n pn-icon {\n font-size: initial;\n margin-left: 0;\n }\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n font-size: initial;\n pn-icon {\n margin-left: 0.4em;\n }\n }\n }\n }\n}\n.siteheader-topright {\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n margin-right: 1.6rem;\n }\n > pn-language-selector,\n > pn-marketweb-siteheader-login,\n > a {\n //pn-language-selector {\n padding: 1rem 0;\n display: none;\n align-self: center;\n @media screen and (min-width: $siteheader-media-tablet) {\n display: block;\n margin-left: 1rem;\n }\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n margin-left: 1.6rem;\n }\n\n .pn-button-dropdown-label,\n &:is(a) {\n font-size: 0;\n pn-icon {\n font-size: initial;\n margin-left: 0;\n }\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n font-size: initial;\n pn-icon {\n margin-left: 0.4em;\n }\n }\n }\n }\n}\n\n.siteheader-menu {\n max-width: 100%;\n width: 100%;\n overflow: visible;\n overflow-x: clip;\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n margin-top: auto;\n overflow: visible;\n }\n pn-mainnav-link a[target] {\n &::after {\n content: none;\n }\n }\n\n pn-marketweb-siteheader-search {\n padding: 0.3rem 1.6rem;\n width: 100%;\n }\n [slot=\"top\"] pn-search-field {\n width: 100%;\n }\n}\n\n.siteheader-menu-footer {\n display: flex;\n flex-direction: column;\n align-items: center;\n > * {\n margin: 1.6rem;\n }\n}\n\nheader[data-header-theme=\"dotcom\"] {\n & > pn-marketweb-siteheader {\n pn-button a {\n text-decoration: none;\n &:hover {\n text-decoration: none;\n }\n }\n\n & > header {\n background-color: $blue900;\n box-shadow: none;\n\n .siteheader-row:not(:last-child) {\n border-bottom: 0.1rem solid $blue900;\n }\n\n .siteheader-row pn-button button:hover {\n .pn-button-bg,\n .pn-button-bg::after {\n background-color: $blue700 !important;\n }\n }\n\n .siteheader-topleft {\n pn-site-selector .pn-button-dropdown-label {\n color: $white;\n pn-icon {\n svg > path {\n fill: $white;\n }\n }\n }\n\n button.pn-button-dropdown-label {\n &:hover {\n background-color: $blue700;\n }\n &:active {\n background-color: $blue400;\n }\n &:focus {\n background-color: $blue400;\n }\n }\n\n .pn-button-dropdown-container {\n }\n }\n\n .siteheader-logocontainer {\n background-color: $blue900;\n svg.siteheader-logo > path {\n fill: $white;\n }\n }\n\n .siteheader-topright {\n .siteheader-logindialog {\n pn-marketweb-siteheader-login {\n }\n\n svg > path {\n fill: $white;\n }\n }\n\n pn-language-selector {\n pn-icon {\n svg > path {\n fill: $white !important;\n }\n }\n }\n\n button {\n color: $white;\n\n &:hover {\n background-color: $blue700;\n }\n &:active {\n background-color: $blue700;\n }\n &:focus {\n background-color: $blue700;\n }\n }\n\n [slot=\"toprightend\"] {\n @media screen and (max-width: $siteheader-media-tablet) {\n display: none;\n }\n align-self: center;\n margin-left: 1rem;\n }\n }\n\n .siteheader-menu {\n .mainnav-toggle {\n button {\n background-color: $blue700;\n }\n }\n .first-level_icon {\n svg > path {\n fill: $white;\n }\n }\n }\n\n .siteheader-search form pn-search-field {\n input {\n background-color: $white;\n color: $blue900;\n border: 0.1rem solid $white;\n padding: 0.65rem 1.5rem;\n\n &:hover {\n border-color: $white;\n }\n &::placeholder {\n color: $blue900;\n }\n }\n }\n\n //main-nav-level\n nav.mainnav {\n background-color: $blue900;\n\n @media screen and (min-width: $siteheader-media-tablet) {\n top: 6.4em;\n }\n\n pn-mainnav-level {\n [slot=\"top\"].siteheader-menu-top {\n pn-marketweb-siteheader-search {\n padding-bottom: 0.5rem;\n background-color: $blue900;\n\n .button-container {\n border-top: 1px solid $white;\n border-bottom: 1px solid $white;\n border-right: 1px solid $white;\n border-top-right-radius: 50%;\n border-bottom-right-radius: 50%;\n\n button.clear {\n border: 2px solid $white;\n border-radius: 50%;\n padding: 0.5rem;\n }\n }\n }\n }\n\n .mainnav-level-header {\n .secondlevel-backbtn {\n pn-icon {\n svg > path {\n fill: $white;\n }\n }\n }\n }\n\n pn-mainnav-level[data-level=\"2\"] {\n .mainnav-level-header {\n pn-mainnav-link > a {\n &:hover {\n background-color: $blue400;\n }\n }\n }\n }\n\n pn-mainnav-list > pn-mainnav-link {\n button,\n a {\n background-color: $blue900;\n border-bottom: 0.1rem solid rgba(0, 93, 146, 0.5);\n &:hover {\n text-decoration: none;\n }\n @media screen and (min-width: 1024px) {\n border-bottom: none;\n }\n }\n }\n }\n\n pn-mainnav-level[data-level=\"1\"] {\n pn-mainnav-list > pn-mainnav-link {\n @media screen and (max-width: 1023px) {\n &:first-child {\n border-top: 0.1rem solid rgba(0, 93, 146, 0.5);\n }\n }\n\n & a,\n & button {\n color: $white;\n &:focus {\n outline: none;\n }\n }\n }\n }\n pn-mainnav-level:not([data-level=\"1\"]) {\n background-color: $blue900;\n pn-mainnav-list {\n color: $white;\n pn-mainnav-link > a {\n &:hover {\n background-color: $blue400;\n text-decoration: none;\n }\n }\n }\n }\n\n pn-marketweb-siteheader-login-linklist {\n ul li a:not(.pn-button) {\n color: $blue700;\n }\n ul li a:hover {\n color: $white;\n }\n }\n }\n\n [data-level=\"1\"] pn-mainnav-link pn-icon.first-level_arrow {\n svg > path {\n fill: $white;\n }\n }\n\n .siteheader-menu-footer {\n button {\n color: $white;\n &:hover {\n background-color: $blue700;\n }\n &:active {\n background-color: $blue700;\n }\n &:focus {\n background-color: $blue700;\n }\n\n svg > path {\n fill: $white;\n }\n }\n\n [slot=\"menu-footer-cta\"] {\n @media screen and (min-width: $siteheader-media-tablet) {\n display: none;\n }\n }\n }\n }\n }\n}\n\n.siteheader-menu-top-search {\n display: none;\n}\n\nheader[data-header-theme=\"tpl\"],\nheader[data-header-theme=\"dotcom\"] {\n @media screen and (min-width: $siteheader-media-tablet) {\n pn-site-selector .pn-button-dropdown-label {\n border-radius: 48px;\n }\n }\n\n .siteheader-row pn-button.pn-button-dropdown-label {\n .pn-button[data-variant=\"borderless\"][data-appearance=\"light\"] .pn-button-bg::after {\n background-color: $blue700 !important;\n }\n\n .pn-button[data-appearance=\"light\"] pn-icon .pn-icon-svg path {\n fill: $white !important;\n }\n\n button {\n .pn-button-text {\n color: $white !important;\n }\n }\n\n\n }\n}\n\nheader[data-header-theme=\"tpl\"] {\n & > pn-marketweb-siteheader {\n pn-button a {\n text-decoration: none;\n\n &:hover {\n text-decoration: none;\n }\n }\n\n [slot=\"header-bottom-button\"] {\n @media screen and (max-width: $siteheader-media-tablet) {\n display: none;\n }\n\n a {\n color: $blue900;\n font-weight: 500;\n font-size: 1.6rem;\n padding: 0.8rem 2.4rem;\n\n .pn-button-bg {\n background-color: $coral200;\n }\n\n .pn-button-content pn-icon svg > path {\n fill: $blue900;\n\n @media screen and (min-width: $siteheader-media-tablet) {\n fill: $white;\n }\n }\n\n &:hover {\n color: $white;\n\n .pn-button-bg {\n background-color: $blue900;\n transition: backgrond-color linear 1s;\n }\n\n .pn-button-content pn-icon svg > path {\n fill: $white;\n }\n }\n }\n }\n @media screen and (min-width: $siteheader-media-tablet) {\n .siteheader-row pn-button button:hover {\n .pn-button-bg,\n .pn-button-bg::after {\n background-color: $blue900;\n transition: initial;\n }\n }\n }\n\n & > header {\n .siteheader-row:not(:last-child) {\n background-color: $blue900;\n border-bottom: 0.1rem solid $blue900;\n }\n\n @media screen and (max-width: $siteheader-media-tablet) {\n .siteheader-row:last-child {\n background-color: $blue900;\n }\n }\n\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n [data-level=\"1\"] pn-mainnav-link > button::before,\n [data-level=\"1\"] pn-mainnav-link > a::before {\n background-color: $coral200;\n }\n }\n\n [slot=\"siteheader-menu-top-button\"] {\n @media screen and (min-width: $siteheader-media-tablet) {\n display: none;\n }\n\n @media screen and (max-width: 415px) {\n display: none;\n }\n\n background: $blue900;\n display: flex;\n align-items: center;\n\n a {\n color: $blue900;\n font-weight: 500;\n\n .pn-button-bg {\n background-color: $coral200;\n }\n\n .pn-button-content pn-icon svg > path {\n fill: $blue900;\n\n @media screen and (min-width: $siteheader-media-tablet) {\n fill: $white;\n }\n }\n\n &:hover {\n color: $white;\n\n .pn-button-bg {\n background-color: $blue900;\n transition: backgrond-color linear 1s;\n }\n\n .pn-button-content pn-icon svg > path {\n fill: $white;\n }\n }\n }\n }\n\n a {\n color: $blue900;\n }\n\n pn-mainnav-link button {\n color: $blue900;\n\n pn-icon svg path {\n fill: $blue900;\n }\n }\n\n .siteheader-topleft {\n pn-site-selector .pn-button-dropdown-label {\n color: $white;\n\n pn-icon {\n svg > path {\n fill: $white;\n }\n }\n\n &:hover {\n background: $blue400;\n }\n }\n }\n\n button.pn-button-dropdown-label {\n &:hover {\n background-color: $blue900;\n }\n\n &:active {\n background-color: $blue900;\n }\n\n &:focus {\n background-color: $blue900;\n }\n }\n\n .siteheader-logocontainer {\n background-color: $blue900;\n\n svg.siteheader-logo > path {\n fill: $blue400;\n }\n }\n\n .siteheader-topright {\n .siteheader-logindialog {\n pn-marketweb-siteheader-login {\n }\n\n svg > path {\n fill: $white;\n }\n }\n\n pn-language-selector {\n pn-icon {\n svg > path {\n fill: $white !important;\n }\n }\n }\n\n button {\n color: $white;\n\n &:hover {\n background-color: $blue400;\n }\n\n &:active,\n &:focus {\n background-color: $blue900;\n }\n }\n\n margin-right: 0;\n align-self: center;\n margin-left: 1rem;\n }\n\n div.siteheader-menu-top-search {\n display: inline-block;\n margin-top: auto;\n margin-bottom: auto;\n width: fit-content;\n\n @media screen and (max-width: $siteheader-media-tablet) {\n display: none;\n }\n\n pn-search-field {\n justify-content: flex-end;\n min-width: inherit;\n }\n\n form {\n margin-right: 0;\n }\n\n form:not(:focus-within) .input-container {\n position: absolute;\n width: 100%;\n\n input {\n cursor: pointer;\n background-color: transparent;\n color: transparent;\n border: none;\n position: relative;\n z-index: 3;\n border-radius: 0;\n\n &::placeholder {\n color: transparent;\n }\n }\n }\n\n .input-container:focus-within {\n margin-left: 2rem;\n\n input {\n background-color: $white;\n color: $blue900;\n }\n }\n\n .siteheader-search pn-button button {\n width: fit-content;\n padding: 1rem 1.9rem;\n\n .pn-button-bg {\n background: $blue900;\n }\n }\n }\n\n @media screen and (min-width: $siteheader-media-tablet) {\n .siteheader-row:last-child pn-marketweb-siteheader-search {\n display: none;\n }\n }\n\n .siteheader-search form pn-search-field {\n input {\n background-color: $white;\n color: $blue900;\n\n &:hover {\n border-color: $white;\n }\n\n &::placeholder {\n color: $blue900;\n }\n }\n }\n\n .siteheader-menu-footer {\n [slot=\"menu-footer-cta\"] {\n display: none;\n }\n\n @media screen and (max-width: 415px) {\n [slot=\"menu-footer-cta\"] {\n display: block;\n color: $blue900;\n\n .pn-button-bg {\n background-color: $coral200;\n }\n\n .pn-button-content {\n font-weight: 500;\n color: $blue900;\n\n pn-icon svg > path {\n fill: $blue900;\n\n @media screen and (min-width: $siteheader-media-tablet) {\n fill: $white;\n }\n }\n }\n\n a:hover {\n color: $white;\n\n .pn-button-bg {\n background-color: $blue900;\n transition: backgrond-color linear 1s;\n }\n\n .pn-button-content pn-icon svg > path {\n fill: $white;\n }\n }\n }\n }\n\n @media screen and (max-width: 1024px) {\n pn-button-dropdown button:focus,\n pn-button-dropdown button:hover {\n color: $white;\n background-color: $blue400;\n box-shadow:\n 0 0 0 0.2rem #fff,\n 0 0 0 0.4rem $blue400;\n\n svg > path {\n fill: $white;\n }\n }\n }\n\n button {\n color: $white;\n\n &:hover {\n background-color: $blue700;\n }\n\n &:active {\n background-color: $blue400;\n }\n\n &:focus {\n background-color: $blue400;\n }\n\n svg > path {\n fill: $white;\n }\n\n @media screen and (max-width: 1024px) {\n color: $blue900;\n\n pn-icon svg > path {\n fill: $blue900;\n }\n }\n }\n\n [slot=\"menu-footer-cta\"] {\n @media screen and (min-width: $siteheader-media-tablet) {\n display: none;\n }\n }\n }\n }\n }\n}\n","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"],"version":3}
1
+ {"file":"pn-marketweb-siteheader.js","mappings":"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","names":["PnMarketwebSiteheader","headerState"],"sources":["src/components/layout-components/pn-marketweb-siteheader/translations.ts","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.scss?tag=pn-marketweb-siteheader","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.tsx"],"sourcesContent":["export const translations = {\n 'sv': {\n searchlabel: 'Sök',\n searchplaceholder: 'Vad letar du efter?',\n searchbuttontext: 'Sök',\n menuHomeButton: 'Hem',\n menuGoBackButton: 'Gå tillbaka',\n mainMenuButton: 'Meny',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Inloggad som',\n unifiedLoginButton: 'Logga in',\n unifiedMyPagesButton: 'Mina sidor',\n },\n 'en': {\n searchlabel: 'Search',\n searchplaceholder: 'Search',\n searchbuttontext: 'Search',\n menuHomeButton: 'Home',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Logged in as',\n unifiedLoginButton: 'Log in',\n unifiedMyPagesButton: 'My pages',\n },\n 'da': {\n searchlabel: 'Søg',\n searchplaceholder: 'Søg',\n searchbuttontext: 'Søg',\n menuHomeButton: 'Hjem',\n menuGoBackButton: 'Gå tilbage',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Logget ind som',\n unifiedLoginButton: 'Log ind',\n unifiedMyPagesButton: 'Mine sider',\n },\n 'no': {\n searchlabel: 'Søk',\n searchplaceholder: 'Søk',\n searchbuttontext: 'Søk',\n menuHomeButton: 'Hjem',\n menuGoBackButton: 'Gå tilbake',\n mainMenuButton: 'Meny',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Logget på som',\n unifiedLoginButton: 'Logg inn',\n unifiedMyPagesButton: 'Sidene mine',\n },\n 'fi': {\n searchlabel: 'Hae',\n searchplaceholder: 'Hae',\n searchbuttontext: 'Hae',\n menuHomeButton: 'Koti',\n menuGoBackButton: 'Mene takaisin',\n mainMenuButton: 'Valikko',\n menuStartButton: 'Alkaa',\n profileSelectionFlyoutHeading: 'Kirjautunut sisään nimellä',\n unifiedLoginButton: 'Kirjaudu sisään',\n unifiedMyPagesButton: 'Minun sivujani',\n },\n 'de': {\n searchlabel: 'Suche',\n searchplaceholder: 'Wonach suchen Sie?',\n searchbuttontext: 'Suche',\n menuHomeButton: 'Start',\n menuGoBackButton: 'Geh zurück',\n mainMenuButton: 'Menü',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Eingeloggt als',\n unifiedLoginButton: 'Anmeldung',\n unifiedMyPagesButton: 'Meine Seiten',\n },\n 'zh': {\n searchlabel: '搜索',\n searchplaceholder: '搜索',\n searchbuttontext: '搜索',\n menuHomeButton: '主页',\n menuGoBackButton: '回去',\n mainMenuButton: '选择菜单',\n menuStartButton: '开始',\n },\n 'it': {\n searchlabel: 'Cerca',\n searchplaceholder: 'Cerca',\n searchbuttontext: 'Cerca',\n menuHomeButton: 'Home',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Logged in as',\n unifiedLoginButton: 'Log in',\n unifiedMyPagesButton: 'My pages',\n },\n 'nl': {\n searchlabel: 'Zoeken',\n searchplaceholder: 'Zoeken',\n searchbuttontext: 'Zoeken',\n menuHomeButton: 'Home',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Logged in as',\n unifiedLoginButton: 'Log in',\n unifiedMyPagesButton: 'My pages',\n },\n 'es': {\n searchplaceholder: 'Buscar',\n searchlabel: 'Buscar',\n searchbuttontext: 'Buscar',\n menuHomeButton: 'Inicio',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Logged in as',\n unifiedLoginButton: 'Log in',\n unifiedMyPagesButton: 'My pages',\n },\n 'fr': {\n searchplaceholder: 'Recherche',\n searchlabel: 'Recherche',\n searchbuttontext: 'Recherche',\n menuHomeButton: 'Accueil',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Logged in as',\n unifiedLoginButton: 'Log in',\n unifiedMyPagesButton: 'My pages',\n },\n 'tr': {\n searchlabel: 'Ara',\n searchplaceholder: 'Ara',\n searchbuttontext: 'Ara',\n menuHomeButton: 'Anasayfa',\n menuGoBackButton: 'Geri git',\n mainMenuButton: 'Menü',\n menuStartButton: 'Başlat',\n profileSelectionFlyoutHeading: 'Oturum açma adı',\n unifiedLoginButton: 'Oturum aç',\n unifiedMyPagesButton: 'Sayfalarım',\n },\n 'pt': {\n searchlabel: 'Search',\n searchplaceholder: 'Search',\n searchbuttontext: 'Search',\n menuHomeButton: 'Página inicial',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n profileSelectionFlyoutHeading: 'Logged in as',\n unifiedLoginButton: 'Log in',\n unifiedMyPagesButton: 'My pages',\n },\n 'pl': {\n searchlabel: 'Szukaj',\n searchplaceholder: 'Szukaj',\n searchbuttontext: 'Szukaj',\n menuHomeButton: 'Strona główna',\n menuGoBackButton: 'Powrót',\n mainMenuButton: 'Menu',\n menuStartButton: 'Początek',\n profileSelectionFlyoutHeading: 'Zalogowany(-a) jako',\n unifiedLoginButton: 'Logowanie',\n unifiedMyPagesButton: 'Moje strony',\n },\n 'pt-BR': {\n searchlabel: 'Buscar',\n searchplaceholder: 'Buscar',\n searchbuttontext: 'Buscar',\n menuHomeButton: 'Página inicial',\n menuGoBackButton: 'Voltar',\n mainMenuButton: 'Menu',\n menuStartButton: 'Iniciar',\n profileSelectionFlyoutHeading: 'Login efetuado como',\n unifiedLoginButton: 'Fazer login',\n unifiedMyPagesButton: 'Minhas páginas',\n },\n};\n","@import \"../../../globals/main.scss\";\n\n@import \"./pn-marketweb-siteheader-common.scss\";\n\nbody[data-siteheader-menuopen=\"true\"] {\n max-height: 100vh;\n overflow: hidden;\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n max-height: initial;\n overflow: initial;\n }\n}\n\npn-marketweb-siteheader {\n display: block;\n background: $white;\n header {\n position: relative;\n z-index: 1000;\n display: flex;\n flex-flow: column;\n box-shadow: $siteheader-shadow-elevation8;\n flex-direction: row;\n justify-content: space-between;\n @media screen and (min-width: $siteheader-media-tablet) {\n flex-direction: column;\n justify-content: initial;\n }\n }\n\n .siteheader-row {\n display: flex;\n flex-flow: row;\n align-items: center;\n\n width: 100%;\n padding: 0 1.6rem;\n\n min-height: 2em;\n &:not(:last-child) {\n border-bottom: 0.1rem solid $gray50;\n }\n @media screen and (min-width: $siteheader-media-tablet) {\n justify-content: space-between;\n min-height: 3.2em;\n }\n }\n\n .siteheader-topright {\n display: flex;\n flex-direction: row;\n }\n\n .siteheader-logocontainer {\n display: flex;\n align-items: center;\n position: relative;\n min-height: 3em;\n background: $white;\n z-index: 1;\n\n @media screen and (min-width: $siteheader-media-tablet) {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n }\n }\n .siteheader-logolink {\n height: 100%;\n max-height: 6.4rem;\n display: flex;\n align-items: center;\n &:hover,\n &:focus,\n &:active {\n box-shadow: none;\n }\n }\n\n .siteheader-logo {\n }\n\n .siteheader-row > pn-marketweb-siteheader-search {\n display: none;\n @media screen and (min-width: $siteheader-media-tablet) {\n display: block;\n max-width: 30rem;\n min-width: 23.3rem;\n width: 100%;\n }\n }\n\n .siteheader-row pn-button {\n button:hover {\n .pn-button-bg,\n .pn-button-bg::after {\n background-color: $blue50;\n }\n }\n }\n\n pn-spinner {\n display: none;\n }\n\n pn-button-dropdown:not(.hydrated) {\n .pn-button-dropdown-container {\n display: none;\n }\n }\n\n pn-button {\n button {\n font-weight: 400 !important;\n padding: 0.5rem !important;\n\n .pn-button-bg:after {\n border-radius: 0.8rem !important;\n }\n }\n }\n}\n\n.siteheader-topleft {\n pn-site-selector {\n padding: 1rem 0;\n display: none;\n @media screen and (min-width: $siteheader-media-tablet) {\n display: block;\n }\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n margin-left: 1.3rem;\n }\n .pn-button-dropdown-label,\n &:is(a) {\n font-size: 0;\n pn-icon {\n font-size: initial;\n margin-left: 0;\n }\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n font-size: initial;\n pn-icon {\n margin-left: 0.4em;\n }\n }\n }\n }\n}\n.siteheader-topright {\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n margin-right: 1.6rem;\n }\n > pn-language-selector,\n > pn-marketweb-siteheader-login,\n > a {\n //pn-language-selector {\n padding: 1rem 0;\n display: none;\n align-self: center;\n @media screen and (min-width: $siteheader-media-tablet) {\n display: block;\n margin-left: 1rem;\n }\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n margin-left: 1.6rem;\n }\n\n .pn-button-dropdown-label,\n &:is(a) {\n font-size: 0;\n pn-icon {\n font-size: initial;\n margin-left: 0;\n }\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n font-size: initial;\n pn-icon {\n margin-left: 0.4em;\n }\n }\n }\n }\n}\n\n.siteheader-menu {\n max-width: 100%;\n width: 100%;\n overflow: visible;\n overflow-x: clip;\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n margin-top: auto;\n overflow: visible;\n }\n pn-mainnav-link a[target] {\n &::after {\n content: none;\n }\n }\n\n pn-marketweb-siteheader-search {\n padding: 0.3rem 1.6rem;\n width: 100%;\n }\n [slot=\"top\"] pn-search-field {\n width: 100%;\n }\n}\n\n.siteheader-menu-footer {\n display: flex;\n flex-direction: column;\n align-items: center;\n > * {\n margin: 1.6rem;\n }\n}\n\nheader[data-header-theme=\"dotcom\"] {\n & > pn-marketweb-siteheader {\n pn-button a {\n text-decoration: none;\n &:hover {\n text-decoration: none;\n }\n }\n\n & > header {\n background-color: $blue900;\n box-shadow: none;\n\n .siteheader-row:not(:last-child) {\n border-bottom: 0.1rem solid $blue900;\n }\n\n .siteheader-row pn-button button:hover {\n .pn-button-bg,\n .pn-button-bg::after {\n background-color: $blue700 !important;\n }\n }\n\n .siteheader-topleft {\n pn-site-selector .pn-button-dropdown-label {\n color: $white;\n pn-icon {\n svg > path {\n fill: $white;\n }\n }\n }\n\n button.pn-button-dropdown-label {\n &:hover {\n background-color: $blue700;\n }\n &:active {\n background-color: $blue400;\n }\n &:focus {\n background-color: $blue400;\n }\n }\n\n .pn-button-dropdown-container {\n }\n }\n\n .siteheader-logocontainer {\n background-color: $blue900;\n svg.siteheader-logo > path {\n fill: $white;\n }\n }\n\n .siteheader-topright {\n .siteheader-logindialog {\n pn-marketweb-siteheader-login {\n }\n\n svg > path {\n fill: $white;\n }\n }\n\n pn-language-selector {\n pn-icon {\n svg > path {\n fill: $white !important;\n }\n }\n }\n\n button {\n color: $white;\n\n &:hover {\n background-color: $blue700;\n }\n &:active {\n background-color: $blue700;\n }\n &:focus {\n background-color: $blue700;\n }\n }\n\n [slot=\"toprightend\"] {\n @media screen and (max-width: $siteheader-media-tablet) {\n display: none;\n }\n align-self: center;\n margin-left: 1rem;\n }\n }\n\n .siteheader-menu {\n .mainnav-toggle {\n button {\n background-color: $blue700;\n }\n }\n .first-level_icon {\n svg > path {\n fill: $white;\n }\n }\n }\n\n .siteheader-search form pn-search-field {\n input {\n background-color: $white;\n color: $blue900;\n border: 0.1rem solid $white;\n padding: 0.65rem 1.5rem;\n\n &:hover {\n border-color: $white;\n }\n &::placeholder {\n color: $blue900;\n }\n }\n }\n\n //main-nav-level\n nav.mainnav {\n background-color: $blue900;\n\n @media screen and (min-width: $siteheader-media-tablet) {\n top: 6.4em;\n }\n\n pn-mainnav-level {\n [slot=\"top\"].siteheader-menu-top {\n pn-marketweb-siteheader-search {\n padding-bottom: 0.5rem;\n background-color: $blue900;\n\n .button-container {\n border-top: 1px solid $white;\n border-bottom: 1px solid $white;\n border-right: 1px solid $white;\n border-top-right-radius: 50%;\n border-bottom-right-radius: 50%;\n\n button.clear {\n border: 2px solid $white;\n border-radius: 50%;\n padding: 0.5rem;\n }\n }\n }\n }\n\n .mainnav-level-header {\n .secondlevel-backbtn {\n pn-icon {\n svg > path {\n fill: $white;\n }\n }\n }\n }\n\n pn-mainnav-level[data-level=\"2\"] {\n .mainnav-level-header {\n pn-mainnav-link > a {\n &:hover {\n background-color: $blue400;\n }\n }\n }\n }\n\n pn-mainnav-list > pn-mainnav-link {\n button,\n a {\n background-color: $blue900;\n border-bottom: 0.1rem solid rgba(0, 93, 146, 0.5);\n &:hover {\n text-decoration: none;\n }\n @media screen and (min-width: 1024px) {\n border-bottom: none;\n }\n }\n }\n }\n\n pn-mainnav-level[data-level=\"1\"] {\n pn-mainnav-list > pn-mainnav-link {\n @media screen and (max-width: 1023px) {\n &:first-child {\n border-top: 0.1rem solid rgba(0, 93, 146, 0.5);\n }\n }\n\n & a,\n & button {\n color: $white;\n &:focus {\n outline: none;\n }\n }\n }\n }\n pn-mainnav-level:not([data-level=\"1\"]) {\n background-color: $blue900;\n pn-mainnav-list {\n color: $white;\n pn-mainnav-link > a {\n &:hover {\n background-color: $blue400;\n text-decoration: none;\n }\n }\n }\n }\n\n pn-marketweb-siteheader-login-linklist {\n ul li a:not(.pn-button) {\n color: $blue700;\n }\n ul li a:hover {\n color: $white;\n }\n }\n }\n\n [data-level=\"1\"] pn-mainnav-link pn-icon.first-level_arrow {\n svg > path {\n fill: $white;\n }\n }\n\n .siteheader-menu-footer {\n button {\n color: $white;\n &:hover {\n background-color: $blue700;\n }\n &:active {\n background-color: $blue700;\n }\n &:focus {\n background-color: $blue700;\n }\n\n svg > path {\n fill: $white;\n }\n }\n\n [slot=\"menu-footer-cta\"] {\n @media screen and (min-width: $siteheader-media-tablet) {\n display: none;\n }\n }\n }\n }\n }\n}\n\n.siteheader-menu-top-search {\n display: none;\n}\n\nheader[data-header-theme=\"tpl\"],\nheader[data-header-theme=\"dotcom\"] {\n @media screen and (min-width: $siteheader-media-tablet) {\n pn-site-selector .pn-button-dropdown-label {\n border-radius: 48px;\n }\n }\n\n .siteheader-row pn-button.pn-button-dropdown-label {\n .pn-button[data-variant=\"borderless\"][data-appearance=\"light\"] .pn-button-bg::after {\n background-color: $blue700 !important;\n }\n\n .pn-button[data-appearance=\"light\"] pn-icon .pn-icon-svg path {\n fill: $white !important;\n }\n\n button {\n .pn-button-text {\n color: $white !important;\n }\n }\n\n\n }\n}\n\nheader[data-header-theme=\"tpl\"] {\n & > pn-marketweb-siteheader {\n pn-button a {\n text-decoration: none;\n\n &:hover {\n text-decoration: none;\n }\n }\n\n [slot=\"header-bottom-button\"] {\n @media screen and (max-width: $siteheader-media-tablet) {\n display: none;\n }\n\n a {\n color: $blue900;\n font-weight: 500;\n font-size: 1.6rem;\n padding: 0.8rem 2.4rem;\n\n .pn-button-bg {\n background-color: $coral200;\n }\n\n .pn-button-content pn-icon svg > path {\n fill: $blue900;\n\n @media screen and (min-width: $siteheader-media-tablet) {\n fill: $white;\n }\n }\n\n &:hover {\n color: $white;\n\n .pn-button-bg {\n background-color: $blue900;\n transition: backgrond-color linear 1s;\n }\n\n .pn-button-content pn-icon svg > path {\n fill: $white;\n }\n }\n }\n }\n @media screen and (min-width: $siteheader-media-tablet) {\n .siteheader-row pn-button button:hover {\n .pn-button-bg,\n .pn-button-bg::after {\n background-color: $blue900;\n transition: initial;\n }\n }\n }\n\n & > header {\n .siteheader-row:not(:last-child) {\n background-color: $blue900;\n border-bottom: 0.1rem solid $blue900;\n }\n\n @media screen and (max-width: $siteheader-media-tablet) {\n .siteheader-row:last-child {\n background-color: $blue900;\n }\n }\n\n @media screen and (min-width: $siteheader-media-smalldesktop) {\n [data-level=\"1\"] pn-mainnav-link > button::before,\n [data-level=\"1\"] pn-mainnav-link > a::before {\n background-color: $coral200;\n }\n }\n\n [slot=\"siteheader-menu-top-button\"] {\n @media screen and (min-width: $siteheader-media-tablet) {\n display: none;\n }\n\n @media screen and (max-width: 415px) {\n display: none;\n }\n\n background: $blue900;\n display: flex;\n align-items: center;\n\n a {\n color: $blue900;\n font-weight: 500;\n\n .pn-button-bg {\n background-color: $coral200;\n }\n\n .pn-button-content pn-icon svg > path {\n fill: $blue900;\n\n @media screen and (min-width: $siteheader-media-tablet) {\n fill: $white;\n }\n }\n\n &:hover {\n color: $white;\n\n .pn-button-bg {\n background-color: $blue900;\n transition: backgrond-color linear 1s;\n }\n\n .pn-button-content pn-icon svg > path {\n fill: $white;\n }\n }\n }\n }\n\n a {\n color: $blue900;\n }\n\n pn-mainnav-link button {\n color: $blue900;\n\n pn-icon svg path {\n fill: $blue900;\n }\n }\n\n .siteheader-topleft {\n pn-site-selector .pn-button-dropdown-label {\n color: $white;\n\n pn-icon {\n svg > path {\n fill: $white;\n }\n }\n\n &:hover {\n background: $blue400;\n }\n }\n }\n\n button.pn-button-dropdown-label {\n &:hover {\n background-color: $blue900;\n }\n\n &:active {\n background-color: $blue900;\n }\n\n &:focus {\n background-color: $blue900;\n }\n }\n\n .siteheader-logocontainer {\n background-color: $blue900;\n\n svg.siteheader-logo > path {\n fill: $blue400;\n }\n }\n\n .siteheader-topright {\n .siteheader-logindialog {\n pn-marketweb-siteheader-login {\n }\n\n svg > path {\n fill: $white;\n }\n }\n\n pn-language-selector {\n pn-icon {\n svg > path {\n fill: $white !important;\n }\n }\n }\n\n button {\n color: $white;\n\n &:hover {\n background-color: $blue400;\n }\n\n &:active,\n &:focus {\n background-color: $blue900;\n }\n }\n\n margin-right: 0;\n align-self: center;\n margin-left: 1rem;\n }\n\n div.siteheader-menu-top-search {\n display: inline-block;\n margin-top: auto;\n margin-bottom: auto;\n width: fit-content;\n\n @media screen and (max-width: $siteheader-media-tablet) {\n display: none;\n }\n\n pn-search-field {\n justify-content: flex-end;\n min-width: inherit;\n }\n\n form {\n margin-right: 0;\n }\n\n form:not(:focus-within) .input-container {\n position: absolute;\n width: 100%;\n\n input {\n cursor: pointer;\n background-color: transparent;\n color: transparent;\n border: none;\n position: relative;\n z-index: 3;\n border-radius: 0;\n\n &::placeholder {\n color: transparent;\n }\n }\n }\n\n .input-container:focus-within {\n margin-left: 2rem;\n\n input {\n background-color: $white;\n color: $blue900;\n }\n }\n\n .siteheader-search pn-button button {\n width: fit-content;\n padding: 1rem 1.9rem;\n\n .pn-button-bg {\n background: $blue900;\n }\n }\n }\n\n @media screen and (min-width: $siteheader-media-tablet) {\n .siteheader-row:last-child pn-marketweb-siteheader-search {\n display: none;\n }\n }\n\n .siteheader-search form pn-search-field {\n input {\n background-color: $white;\n color: $blue900;\n\n &:hover {\n border-color: $white;\n }\n\n &::placeholder {\n color: $blue900;\n }\n }\n }\n\n .siteheader-menu-footer {\n [slot=\"menu-footer-cta\"] {\n display: none;\n }\n\n @media screen and (max-width: 415px) {\n [slot=\"menu-footer-cta\"] {\n display: block;\n color: $blue900;\n\n .pn-button-bg {\n background-color: $coral200;\n }\n\n .pn-button-content {\n font-weight: 500;\n color: $blue900;\n\n pn-icon svg > path {\n fill: $blue900;\n\n @media screen and (min-width: $siteheader-media-tablet) {\n fill: $white;\n }\n }\n }\n\n a:hover {\n color: $white;\n\n .pn-button-bg {\n background-color: $blue900;\n transition: backgrond-color linear 1s;\n }\n\n .pn-button-content pn-icon svg > path {\n fill: $white;\n }\n }\n }\n }\n\n @media screen and (max-width: 1024px) {\n pn-button-dropdown button:focus,\n pn-button-dropdown button:hover {\n color: $white;\n background-color: $blue400;\n box-shadow:\n 0 0 0 0.2rem #fff,\n 0 0 0 0.4rem $blue400;\n\n svg > path {\n fill: $white;\n }\n }\n }\n\n button {\n color: $white;\n\n &:hover {\n background-color: $blue700;\n }\n\n &:active {\n background-color: $blue400;\n }\n\n &:focus {\n background-color: $blue400;\n }\n\n svg > path {\n fill: $white;\n }\n\n @media screen and (max-width: 1024px) {\n color: $blue900;\n\n pn-icon svg > path {\n fill: $blue900;\n }\n }\n }\n\n [slot=\"menu-footer-cta\"] {\n @media screen and (min-width: $siteheader-media-tablet) {\n display: none;\n }\n }\n }\n }\n }\n}\n","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"],"version":3}
package/components/pn-teaser-card.js CHANGED
@@ -23,7 +23,7 @@ const PnTeaserCard$1 = /*@__PURE__*/ proxyCustomElement(class PnTeaserCard exten
23
23
  //render
24
24
  render() {
25
25
  const labelToCapitals = this.label?.toUpperCase();
26
- return (h(Host, { key: 'fdbbca9a340be605fab4928fd899e2ed7d6da987' }, h("slot", { key: '73c277568a6552fc2cdad9449c5805198f6c4c39', name: "clickable-block-wrapper" }), h("div", { key: '263a5919c76eb373958d3ef92aa90ed67656d25e', class: "pn-teaser-card__container" }, h("div", { key: '11cd5bc0d913acc378f960ec4d3baf0c7d3ecc99', class: `pn-teaser-card__container__image__container ${!this.hasIllustrationSlot ? 'pn-teaser-card__container__image__container--no-image' : ''}` }, h("slot", { key: '71893f8f45c0275c68c59768582a663737fd5eea', name: "illustration" })), h("div", { key: '99a874f3c2a22983edcab63a018050d47cbdc5d0', class: "pn-teaser-card__container__content" }, h("div", { key: '451ae56adec502481416822c169a01774fa262aa', class: "pn-teaser-card__container__content__text__container" }, labelToCapitals && h("span", { key: '2dfcef1bf94c1caea50c0f86263fea71713bf572', class: "pn-teaser-card__container__content__text__container__label" }, labelToCapitals), h("h2", { key: 'bd796379bb1bb106aea2de582df537a804f4c415', class: "pn-teaser-card__container__content__text__container__heading" }, this.heading), h("p", { key: 'ec25bea0041371fb67bb414cbc731d46234b118a', class: "pn-teaser-card__container__content__text__container__preamble" }, this.text)), this.hasCtaSlotContent && (h("div", { key: '6ebbe23c0584a63325e2faff4eb3979f804869aa', class: "pn-teaser-card__container__content__cta" }, h("slot", { key: '0a87639586c866e4e2439c67951362abe7a2f26d', name: "cta" })))))));
26
+ return (h(Host, { key: 'fdbbca9a340be605fab4928fd899e2ed7d6da987' }, h("slot", { key: '73c277568a6552fc2cdad9449c5805198f6c4c39', name: "clickable-block-wrapper" }), h("div", { key: '263a5919c76eb373958d3ef92aa90ed67656d25e', class: "pn-teaser-card__container" }, h("div", { key: '11cd5bc0d913acc378f960ec4d3baf0c7d3ecc99', class: `pn-teaser-card__container__image__container ${!this.hasIllustrationSlot ? 'pn-teaser-card__container__image__container--no-image' : ''}` }, h("slot", { key: '71893f8f45c0275c68c59768582a663737fd5eea', name: "illustration" })), h("div", { key: '99a874f3c2a22983edcab63a018050d47cbdc5d0', class: "pn-teaser-card__container__content" }, h("div", { key: '451ae56adec502481416822c169a01774fa262aa', class: "pn-teaser-card__container__content__text__container" }, labelToCapitals && h("span", { key: '2dfcef1bf94c1caea50c0f86263fea71713bf572', class: "pn-teaser-card__container__content__text__container__label" }, labelToCapitals), h("h3", { key: 'bd796379bb1bb106aea2de582df537a804f4c415', class: "pn-teaser-card__container__content__text__container__heading" }, this.heading), h("p", { key: 'ec25bea0041371fb67bb414cbc731d46234b118a', class: "pn-teaser-card__container__content__text__container__preamble" }, this.text)), this.hasCtaSlotContent && (h("div", { key: '6ebbe23c0584a63325e2faff4eb3979f804869aa', class: "pn-teaser-card__container__content__cta" }, h("slot", { key: '0a87639586c866e4e2439c67951362abe7a2f26d', name: "cta" })))))));
27
27
  }
28
28
  static get style() { return PnTeaserCardStyle0; }
29
29
  }, [4, "pn-teaser-card", {
package/components/pn-teaser-card.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"pn-teaser-card.js","mappings":";;AAAA,MAAM,eAAe,GAAG,g0RAAg0R,CAAC;AACz1R,2BAAe,eAAe;;MCKjBA,cAAY;;;;oBAGA,IAAI;uBACD,IAAI;qBACL,IAAI;6BACoB,OAAO;iCACH,MAAM;iCAErB,KAAK;mCACH,IAAI;;;IAE5C,iBAAiB;QACf,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QAC1E,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;KACtF;;IAGD,MAAM;QACJ,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC;QAElD,QACE,EAAC,IAAI,uDACH,6DAAM,IAAI,EAAC,yBAAyB,GAAG,EACvC,4DAAK,KAAK,EAAC,2BAA2B,IACpC,4DAAK,KAAK,EAAE,+CAA+C,CAAC,IAAI,CAAC,mBAAmB,GAAG,uDAAuD,GAAG,EAAE,EAAE,IACnJ,6DAAM,IAAI,EAAC,cAAc,GAAG,CACxB,EACN,4DAAK,KAAK,EAAC,oCAAoC,IAC7C,4DAAK,KAAK,EAAC,qDAAqD,IAC7D,eAAe,IAAI,6DAAM,KAAK,EAAC,4DAA4D,IAAE,eAAe,CAAQ,EACrH,2DAAI,KAAK,EAAC,8DAA8D,IAAE,IAAI,CAAC,OAAO,CAAM,EAC5F,0DAAG,KAAK,EAAC,+DAA+D,IAAE,IAAI,CAAC,IAAI,CAAK,CACpF,EACL,IAAI,CAAC,iBAAiB,KACrB,4DAAK,KAAK,EAAC,yCAAyC,IAClD,6DAAM,IAAI,EAAC,KAAK,GAAG,CACf,CACP,CACG,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PnTeaserCard"],"sources":["src/components/cards/pn-teaser-card/pn-teaser-card.scss?tag=pn-teaser-card","src/components/cards/pn-teaser-card/pn-teaser-card.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$teaser-card-media-tablet: 768px; // 768px\n$teaser-card-media-desktop: 1200px; //1200px\n$teaser-card-media-large-desktop: 1640px; //1640\n\n//making pn wrapping link clickable over card image\n.block.teasercardblock {\n a[data-block-clickable-link='true'] {\n z-index: 1;\n }\n}\n\n//mobile first\npn-teaser-card {\n width: 100%;\n height: 100%;\n display: flex;\n\n .pn-teaser-card__container {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n border-radius: 2.4rem;\n width: 100%;\n }\n\n .pn-teaser-card__container__image__container {\n width: 100%;\n position: relative;\n\n & > [slot='illustration'] {\n clip-path: ellipse(100% 90% at 50% 0%);\n height: 100%;\n overflow: hidden;\n border-top-left-radius: 2.4rem;\n border-top-right-radius: 2.4rem;\n\n & > picture > img {\n width: 100%;\n height: auto;\n transition: 0.4s ease-in-out;\n transform: scale(1);\n aspect-ratio: 16/9;\n object-fit: cover;\n object-position: 50% 0;\n }\n }\n }\n\n .pn-teaser-card__container__content {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex: 1 1 100%;\n gap: 3.2rem;\n padding: 2.4rem 2.4rem;\n padding-top: 0;\n }\n\n .pn-teaser-card__container__content__text__container__heading {\n font-weight: 700;\n font-size: 2.4rem;\n line-height: 2.64rem;\n margin-bottom: 0;\n }\n\n .pn-teaser-card__container__content__text__container__preamble {\n padding-top: 1.6rem;\n font-weight: 400;\n font-size: 1.6rem;\n line-height: 2.24rem;\n margin-bottom: 0;\n }\n\n .pn-teaser-card__container__content__text__container__label {\n display: block;\n margin-bottom: 1.6rem;\n font-weight: 400;\n font-size: 1.2rem;\n line-height: 140%;\n }\n\n .pn-teaser-card__container__content__cta {\n & > pn-button {\n align-self: flex-end;\n width: 100%;\n\n & a:hover {\n text-decoration: none;\n }\n\n & > button,\n & > a {\n & > .pn-button-bg {\n transition: 0.4s ease-in-out;\n }\n }\n\n @media screen and (min-width: $teaser-card-media-tablet) {\n width: fit-content;\n }\n }\n\n .secondary-link--animated {\n font-weight: 500;\n font-size: 1.6rem;\n text-decoration: none;\n color: $blue700;\n\n pn-icon svg {\n transition: 0.3s ease-in-out;\n position: relative;\n left: -0.3rem;\n\n path {\n fill: $blue700;\n }\n }\n\n &[target='_blank']:not(.pn-button):after {\n display: none;\n }\n }\n }\n}\n\n//colors\npn-teaser-card[data-card-color='coral'] {\n & > .pn-teaser-card__container {\n background-color: $coral50;\n }\n}\n\npn-teaser-card[data-card-color='green'] {\n & > .pn-teaser-card__container {\n background-color: $green50;\n }\n}\n\npn-teaser-card[data-card-color='blue'] {\n & > .pn-teaser-card__container {\n background-color: $blue25;\n }\n}\n\npn-teaser-card[data-card-color='blue50'] {\n & > .pn-teaser-card__container {\n background-color: $blue50;\n }\n}\n\npn-teaser-card[data-card-color='blue400'] {\n & > .pn-teaser-card__container {\n background-color: $blue400;\n\n .pn-teaser-card__container__content__text__container__label,\n .pn-teaser-card__container__content__text__container__heading,\n .pn-teaser-card__container__content__text__container__preamble,\n .pn-teaser-card__container__content__cta .secondary-link--animated {\n color: $white;\n }\n\n .secondary-link--animated {\n & > pn-icon > svg > path {\n fill: $white;\n }\n }\n }\n}\n\npn-teaser-card[data-card-color='blue900'] {\n & > .pn-teaser-card__container {\n background-color: $blue900;\n .pn-teaser-card__container__content__text__container__heading {\n color: $coral400;\n }\n\n .pn-teaser-card__container__content__text__container__label,\n .pn-teaser-card__container__content__text__container__preamble,\n .pn-teaser-card__container__content__cta .secondary-link--animated {\n color: $white;\n }\n\n .secondary-link--animated {\n & > pn-icon > svg > path {\n fill: $white;\n }\n }\n }\n}\n\npn-teaser-card[data-card-color='white'] {\n & > .pn-teaser-card__container {\n background-color: $white;\n }\n}\n\n//color override when in a listblock\n.teasercardlistblock {\n .teasercardblock.has-bg {\n background-color: transparent;\n background: transparent;\n }\n}\n\n// variants\n\n.onequarterwidth {\n .pn-teaser-card__container__content__text__container__label {\n @media screen and (min-width: $teaser-card-media-desktop) {\n margin-bottom: 0.8rem;\n }\n }\n}\n\n.onethirdwidth,\n.onequarterwidth {\n & > pn-teaser-card {\n .pn-teaser-card__container__image__container--no-image {\n padding-top: 2.4rem;\n }\n }\n\n .pn-teaser-card__container__content__cta {\n .secondary-link--animated {\n font-weight: 400;\n }\n }\n}\n\n.halfwidth {\n & > pn-teaser-card {\n .pn-teaser-card__container__content__cta {\n .secondary-link--animated {\n font-weight: 400;\n }\n }\n\n .pn-teaser-card__container__image__container--no-image {\n padding-top: 2.4rem;\n }\n\n @media screen and (min-width: 992px) {\n .pn-teaser-card__container__content__cta {\n .secondary-link--animated {\n font-weight: 500;\n }\n }\n }\n\n @media screen and (min-width: $teaser-card-media-desktop) {\n .pn-teaser-card__container__image__container--no-image {\n padding-top: 4rem;\n }\n\n .pn-teaser-card__container__content {\n padding: 0 4rem 4rem;\n }\n\n .pn-teaser-card__container__content__text__container__heading {\n font-weight: 700;\n font-size: 3.2rem;\n line-height: 3.52rem;\n }\n\n .pn-teaser-card__container__content__text__container__preamble {\n font-weight: 400;\n font-size: 2rem;\n line-height: 2.8rem;\n }\n }\n\n @media screen and (min-width: $teaser-card-media-large-desktop) {\n .pn-teaser-card__container__image__container--no-image {\n padding-top: 5.6rem;\n }\n\n .pn-teaser-card__container__content {\n padding: 0 5.6rem 5.6rem;\n }\n }\n }\n}\n\n.fullwidth {\n & > pn-teaser-card {\n .pn-teaser-card__container__content__cta {\n .secondary-link--animated {\n font-weight: 400;\n }\n }\n\n .pn-teaser-card__container__image__container--no-image {\n width: auto;\n padding-top: 2.4rem;\n }\n\n @media screen and (min-width: $teaser-card-media-tablet) {\n min-height: 35rem;\n\n .pn-teaser-card__container__content__cta {\n .secondary-link--animated {\n font-weight: 500;\n }\n }\n\n .pn-teaser-card__container {\n flex-direction: row;\n }\n\n .pn-teaser-card__container__content {\n align-self: center;\n gap: 2.4rem;\n padding: 3.2rem 3.2rem 3.2rem 2.4rem;\n }\n\n .pn-teaser-card__container__image__container {\n & > [slot='illustration'] {\n border-top-left-radius: 2.4rem;\n border-bottom-left-radius: 2.4rem;\n clip-path: ellipse(100% 100% at 0% 50%);\n\n & > picture > img {\n height: 100%;\n object-fit: cover;\n }\n }\n }\n }\n\n @media screen and (min-width: $teaser-card-media-desktop) {\n min-height: 52rem;\n\n .pn-teaser-card__container__content {\n padding: 4rem 4rem 4rem 3.2rem;\n }\n\n .pn-teaser-card__container__content__text__container__heading {\n font-weight: 700;\n font-size: 4.8rem;\n line-height: 5.28rem;\n }\n\n .pn-teaser-card__container__content__text__container__preamble {\n font-size: 2rem;\n line-height: 2.8rem;\n }\n }\n }\n\n pn-teaser-card[data-card-alignment='right'] {\n @media screen and (min-width: $teaser-card-media-tablet) {\n .pn-teaser-card__container {\n flex-direction: row-reverse;\n }\n\n .pn-teaser-card__container__content {\n padding: 3.2rem 2.4rem 3.2rem 3.2rem;\n }\n\n .pn-teaser-card__container__image__container {\n & > [slot='illustration'] {\n border-bottom-right-radius: 2.4rem;\n clip-path: ellipse(100% 100% at 100% 50%);\n }\n }\n }\n\n @media screen and (min-width: $teaser-card-media-desktop) {\n .pn-teaser-card__container__content {\n padding: 4rem 3.2rem 4rem 4rem;\n }\n }\n }\n}\n\n//effect class\npn-teaser-card.teaser-card--hover-effect {\n &:hover {\n cursor: pointer;\n .pn-teaser-card__container__image__container {\n & [slot='illustration'] {\n & picture > img {\n transform: scale(1.02);\n filter: brightness(0.85);\n }\n }\n }\n\n .secondary-link--animated {\n text-decoration: underline;\n\n pn-icon svg {\n left: 0;\n }\n }\n\n pn-button {\n button,\n a {\n .pn-button-bg {\n background-color: $blue900;\n }\n }\n }\n\n &[data-card-color='blue900'] {\n pn-button {\n button,\n a {\n .pn-button-bg {\n background-color: $blue400;\n }\n }\n }\n }\n }\n}\n","import { Component, Prop, h, Element, State, Host } from \"@stencil/core\";\n\n@Component({\n tag: 'pn-teaser-card',\n styleUrl: 'pn-teaser-card.scss'\n})\nexport class PnTeaserCard {\n @Element() hostElement: HTMLElement;\n //props\n @Prop() text: string = null;\n @Prop() heading: string = null;\n @Prop() label?: string = null;\n @Prop({ reflect: true }) dataCardColor: string = 'coral';\n @Prop({ reflect: true }) dataCardAlignment: string = 'left';\n\n @State() hasCtaSlotContent: boolean = false;\n @State() hasIllustrationSlot: boolean = true;\n\n componentWillLoad() {\n this.hasCtaSlotContent = !!this.hostElement.querySelector('[slot=\"cta\"]');\n this.hasIllustrationSlot = !!this.hostElement.querySelector('[slot=\"illustration\"]');\n }\n\n //render\n render() {\n const labelToCapitals = this.label?.toUpperCase();\n\n return (\n <Host>\n <slot name=\"clickable-block-wrapper\" />\n <div class=\"pn-teaser-card__container\">\n <div class={`pn-teaser-card__container__image__container ${!this.hasIllustrationSlot ? 'pn-teaser-card__container__image__container--no-image' : ''}`}>\n <slot name=\"illustration\" />\n </div>\n <div class=\"pn-teaser-card__container__content\">\n <div class=\"pn-teaser-card__container__content__text__container\">\n {labelToCapitals && <span class=\"pn-teaser-card__container__content__text__container__label\">{labelToCapitals}</span>}\n <h2 class=\"pn-teaser-card__container__content__text__container__heading\">{this.heading}</h2>\n <p class=\"pn-teaser-card__container__content__text__container__preamble\">{this.text}</p>\n </div>\n {this.hasCtaSlotContent && (\n <div class=\"pn-teaser-card__container__content__cta\">\n <slot name=\"cta\" />\n </div>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"pn-teaser-card.js","mappings":";;AAAA,MAAM,eAAe,GAAG,g0RAAg0R,CAAC;AACz1R,2BAAe,eAAe;;MCKjBA,cAAY;;;;oBAGA,IAAI;uBACD,IAAI;qBACL,IAAI;6BACoB,OAAO;iCACH,MAAM;iCAErB,KAAK;mCACH,IAAI;;;IAE5C,iBAAiB;QACf,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QAC1E,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;KACtF;;IAGD,MAAM;QACJ,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC;QAElD,QACE,EAAC,IAAI,uDACH,6DAAM,IAAI,EAAC,yBAAyB,GAAG,EACvC,4DAAK,KAAK,EAAC,2BAA2B,IACpC,4DAAK,KAAK,EAAE,+CAA+C,CAAC,IAAI,CAAC,mBAAmB,GAAG,uDAAuD,GAAG,EAAE,EAAE,IACnJ,6DAAM,IAAI,EAAC,cAAc,GAAG,CACxB,EACN,4DAAK,KAAK,EAAC,oCAAoC,IAC7C,4DAAK,KAAK,EAAC,qDAAqD,IAC7D,eAAe,IAAI,6DAAM,KAAK,EAAC,4DAA4D,IAAE,eAAe,CAAQ,EACrH,2DAAI,KAAK,EAAC,8DAA8D,IAAE,IAAI,CAAC,OAAO,CAAM,EAC5F,0DAAG,KAAK,EAAC,+DAA+D,IAAE,IAAI,CAAC,IAAI,CAAK,CACpF,EACL,IAAI,CAAC,iBAAiB,KACrB,4DAAK,KAAK,EAAC,yCAAyC,IAClD,6DAAM,IAAI,EAAC,KAAK,GAAG,CACf,CACP,CACG,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PnTeaserCard"],"sources":["src/components/cards/pn-teaser-card/pn-teaser-card.scss?tag=pn-teaser-card","src/components/cards/pn-teaser-card/pn-teaser-card.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$teaser-card-media-tablet: 768px; // 768px\n$teaser-card-media-desktop: 1200px; //1200px\n$teaser-card-media-large-desktop: 1640px; //1640\n\n//making pn wrapping link clickable over card image\n.block.teasercardblock {\n a[data-block-clickable-link='true'] {\n z-index: 1;\n }\n}\n\n//mobile first\npn-teaser-card {\n width: 100%;\n height: 100%;\n display: flex;\n\n .pn-teaser-card__container {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n border-radius: 2.4rem;\n width: 100%;\n }\n\n .pn-teaser-card__container__image__container {\n width: 100%;\n position: relative;\n\n & > [slot='illustration'] {\n clip-path: ellipse(100% 90% at 50% 0%);\n height: 100%;\n overflow: hidden;\n border-top-left-radius: 2.4rem;\n border-top-right-radius: 2.4rem;\n\n & > picture > img {\n width: 100%;\n height: auto;\n transition: 0.4s ease-in-out;\n transform: scale(1);\n aspect-ratio: 16/9;\n object-fit: cover;\n object-position: 50% 0;\n }\n }\n }\n\n .pn-teaser-card__container__content {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex: 1 1 100%;\n gap: 3.2rem;\n padding: 2.4rem 2.4rem;\n padding-top: 0;\n }\n\n .pn-teaser-card__container__content__text__container__heading {\n font-weight: 700;\n font-size: 2.4rem;\n line-height: 2.64rem;\n margin-bottom: 0;\n }\n\n .pn-teaser-card__container__content__text__container__preamble {\n padding-top: 1.6rem;\n font-weight: 400;\n font-size: 1.6rem;\n line-height: 2.24rem;\n margin-bottom: 0;\n }\n\n .pn-teaser-card__container__content__text__container__label {\n display: block;\n margin-bottom: 1.6rem;\n font-weight: 400;\n font-size: 1.2rem;\n line-height: 140%;\n }\n\n .pn-teaser-card__container__content__cta {\n & > pn-button {\n align-self: flex-end;\n width: 100%;\n\n & a:hover {\n text-decoration: none;\n }\n\n & > button,\n & > a {\n & > .pn-button-bg {\n transition: 0.4s ease-in-out;\n }\n }\n\n @media screen and (min-width: $teaser-card-media-tablet) {\n width: fit-content;\n }\n }\n\n .secondary-link--animated {\n font-weight: 500;\n font-size: 1.6rem;\n text-decoration: none;\n color: $blue700;\n\n pn-icon svg {\n transition: 0.3s ease-in-out;\n position: relative;\n left: -0.3rem;\n\n path {\n fill: $blue700;\n }\n }\n\n &[target='_blank']:not(.pn-button):after {\n display: none;\n }\n }\n }\n}\n\n//colors\npn-teaser-card[data-card-color='coral'] {\n & > .pn-teaser-card__container {\n background-color: $coral50;\n }\n}\n\npn-teaser-card[data-card-color='green'] {\n & > .pn-teaser-card__container {\n background-color: $green50;\n }\n}\n\npn-teaser-card[data-card-color='blue'] {\n & > .pn-teaser-card__container {\n background-color: $blue25;\n }\n}\n\npn-teaser-card[data-card-color='blue50'] {\n & > .pn-teaser-card__container {\n background-color: $blue50;\n }\n}\n\npn-teaser-card[data-card-color='blue400'] {\n & > .pn-teaser-card__container {\n background-color: $blue400;\n\n .pn-teaser-card__container__content__text__container__label,\n .pn-teaser-card__container__content__text__container__heading,\n .pn-teaser-card__container__content__text__container__preamble,\n .pn-teaser-card__container__content__cta .secondary-link--animated {\n color: $white;\n }\n\n .secondary-link--animated {\n & > pn-icon > svg > path {\n fill: $white;\n }\n }\n }\n}\n\npn-teaser-card[data-card-color='blue900'] {\n & > .pn-teaser-card__container {\n background-color: $blue900;\n .pn-teaser-card__container__content__text__container__heading {\n color: $coral400;\n }\n\n .pn-teaser-card__container__content__text__container__label,\n .pn-teaser-card__container__content__text__container__preamble,\n .pn-teaser-card__container__content__cta .secondary-link--animated {\n color: $white;\n }\n\n .secondary-link--animated {\n & > pn-icon > svg > path {\n fill: $white;\n }\n }\n }\n}\n\npn-teaser-card[data-card-color='white'] {\n & > .pn-teaser-card__container {\n background-color: $white;\n }\n}\n\n//color override when in a listblock\n.teasercardlistblock {\n .teasercardblock.has-bg {\n background-color: transparent;\n background: transparent;\n }\n}\n\n// variants\n\n.onequarterwidth {\n .pn-teaser-card__container__content__text__container__label {\n @media screen and (min-width: $teaser-card-media-desktop) {\n margin-bottom: 0.8rem;\n }\n }\n}\n\n.onethirdwidth,\n.onequarterwidth {\n & > pn-teaser-card {\n .pn-teaser-card__container__image__container--no-image {\n padding-top: 2.4rem;\n }\n }\n\n .pn-teaser-card__container__content__cta {\n .secondary-link--animated {\n font-weight: 400;\n }\n }\n}\n\n.halfwidth {\n & > pn-teaser-card {\n .pn-teaser-card__container__content__cta {\n .secondary-link--animated {\n font-weight: 400;\n }\n }\n\n .pn-teaser-card__container__image__container--no-image {\n padding-top: 2.4rem;\n }\n\n @media screen and (min-width: 992px) {\n .pn-teaser-card__container__content__cta {\n .secondary-link--animated {\n font-weight: 500;\n }\n }\n }\n\n @media screen and (min-width: $teaser-card-media-desktop) {\n .pn-teaser-card__container__image__container--no-image {\n padding-top: 4rem;\n }\n\n .pn-teaser-card__container__content {\n padding: 0 4rem 4rem;\n }\n\n .pn-teaser-card__container__content__text__container__heading {\n font-weight: 700;\n font-size: 3.2rem;\n line-height: 3.52rem;\n }\n\n .pn-teaser-card__container__content__text__container__preamble {\n font-weight: 400;\n font-size: 2rem;\n line-height: 2.8rem;\n }\n }\n\n @media screen and (min-width: $teaser-card-media-large-desktop) {\n .pn-teaser-card__container__image__container--no-image {\n padding-top: 5.6rem;\n }\n\n .pn-teaser-card__container__content {\n padding: 0 5.6rem 5.6rem;\n }\n }\n }\n}\n\n.fullwidth {\n & > pn-teaser-card {\n .pn-teaser-card__container__content__cta {\n .secondary-link--animated {\n font-weight: 400;\n }\n }\n\n .pn-teaser-card__container__image__container--no-image {\n width: auto;\n padding-top: 2.4rem;\n }\n\n @media screen and (min-width: $teaser-card-media-tablet) {\n min-height: 35rem;\n\n .pn-teaser-card__container__content__cta {\n .secondary-link--animated {\n font-weight: 500;\n }\n }\n\n .pn-teaser-card__container {\n flex-direction: row;\n }\n\n .pn-teaser-card__container__content {\n align-self: center;\n gap: 2.4rem;\n padding: 3.2rem 3.2rem 3.2rem 2.4rem;\n }\n\n .pn-teaser-card__container__image__container {\n & > [slot='illustration'] {\n border-top-left-radius: 2.4rem;\n border-bottom-left-radius: 2.4rem;\n clip-path: ellipse(100% 100% at 0% 50%);\n\n & > picture > img {\n height: 100%;\n object-fit: cover;\n }\n }\n }\n }\n\n @media screen and (min-width: $teaser-card-media-desktop) {\n min-height: 52rem;\n\n .pn-teaser-card__container__content {\n padding: 4rem 4rem 4rem 3.2rem;\n }\n\n .pn-teaser-card__container__content__text__container__heading {\n font-weight: 700;\n font-size: 4.8rem;\n line-height: 5.28rem;\n }\n\n .pn-teaser-card__container__content__text__container__preamble {\n font-size: 2rem;\n line-height: 2.8rem;\n }\n }\n }\n\n pn-teaser-card[data-card-alignment='right'] {\n @media screen and (min-width: $teaser-card-media-tablet) {\n .pn-teaser-card__container {\n flex-direction: row-reverse;\n }\n\n .pn-teaser-card__container__content {\n padding: 3.2rem 2.4rem 3.2rem 3.2rem;\n }\n\n .pn-teaser-card__container__image__container {\n & > [slot='illustration'] {\n border-bottom-right-radius: 2.4rem;\n clip-path: ellipse(100% 100% at 100% 50%);\n }\n }\n }\n\n @media screen and (min-width: $teaser-card-media-desktop) {\n .pn-teaser-card__container__content {\n padding: 4rem 3.2rem 4rem 4rem;\n }\n }\n }\n}\n\n//effect class\npn-teaser-card.teaser-card--hover-effect {\n &:hover {\n cursor: pointer;\n .pn-teaser-card__container__image__container {\n & [slot='illustration'] {\n & picture > img {\n transform: scale(1.02);\n filter: brightness(0.85);\n }\n }\n }\n\n .secondary-link--animated {\n text-decoration: underline;\n\n pn-icon svg {\n left: 0;\n }\n }\n\n pn-button {\n button,\n a {\n .pn-button-bg {\n background-color: $blue900;\n }\n }\n }\n\n &[data-card-color='blue900'] {\n pn-button {\n button,\n a {\n .pn-button-bg {\n background-color: $blue400;\n }\n }\n }\n }\n }\n}\n","import { Component, Prop, h, Element, State, Host } from \"@stencil/core\";\n\n@Component({\n tag: 'pn-teaser-card',\n styleUrl: 'pn-teaser-card.scss'\n})\nexport class PnTeaserCard {\n @Element() hostElement: HTMLElement;\n //props\n @Prop() text: string = null;\n @Prop() heading: string = null;\n @Prop() label?: string = null;\n @Prop({ reflect: true }) dataCardColor: string = 'coral';\n @Prop({ reflect: true }) dataCardAlignment: string = 'left';\n\n @State() hasCtaSlotContent: boolean = false;\n @State() hasIllustrationSlot: boolean = true;\n\n componentWillLoad() {\n this.hasCtaSlotContent = !!this.hostElement.querySelector('[slot=\"cta\"]');\n this.hasIllustrationSlot = !!this.hostElement.querySelector('[slot=\"illustration\"]');\n }\n\n //render\n render() {\n const labelToCapitals = this.label?.toUpperCase();\n\n return (\n <Host>\n <slot name=\"clickable-block-wrapper\" />\n <div class=\"pn-teaser-card__container\">\n <div class={`pn-teaser-card__container__image__container ${!this.hasIllustrationSlot ? 'pn-teaser-card__container__image__container--no-image' : ''}`}>\n <slot name=\"illustration\" />\n </div>\n <div class=\"pn-teaser-card__container__content\">\n <div class=\"pn-teaser-card__container__content__text__container\">\n {labelToCapitals && <span class=\"pn-teaser-card__container__content__text__container__label\">{labelToCapitals}</span>}\n <h3 class=\"pn-teaser-card__container__content__text__container__heading\">{this.heading}</h3>\n <p class=\"pn-teaser-card__container__content__text__container__preamble\">{this.text}</p>\n </div>\n {this.hasCtaSlotContent && (\n <div class=\"pn-teaser-card__container__content__cta\">\n <slot name=\"cta\" />\n </div>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
package/esm/pn-dropdown-with-multi-input-rows.entry.js CHANGED
@@ -162,7 +162,7 @@ const PnDropdownWithMultiInputRows = class {
162
162
  this.dropdownDataRoot.forEach(element => {
163
163
  element.checked = false;
164
164
  });
165
- const selectionRoot = this.dropdownDataRoot.find(x => x.value?.toString() === selectedValue);
165
+ const selectionRoot = this.dropdownDataRoot.find(x => x.label === selectedValue);
166
166
  selectionRoot.checked = true;
167
167
  this._firstDropdownSelection = selectionRoot.label;
168
168
  this.minRowCount = selectionRoot.value;
@@ -302,9 +302,9 @@ const PnDropdownWithMultiInputRows = class {
302
302
  }
303
303
  }
304
304
  render() {
305
- return (h(Host, { key: '0a39e32ed3f2a2a59f5b9d9a5e4841a03f8ebef3', class: "dropdown-with-multi-input-elemet" }, h("div", { key: 'aa6de4df4b8bc9be801539b9839b9e090088c589', class: "dropdown-with-multi-input-elemet__row" }, h("div", { key: 'b8d7dc7e35aeb5b92f08393eb829d390e15f3abe' }, h("pn-select", { key: '7d30c9249a523e4b9a8a4435668cc37dee57398d', ref: el => (this.pnFirstDropdown = el), class: "pn-row-select-dropdown dropDown1-dropdown", label: this.firstDropdownLabel, "empty-option": "true", language: this.languageCode }, this.dropdownDataRoot?.map((item, i) => (h("pn-option", { index: i, label: item.value, value: item.value, selected: item.checked, onClick: debounce(this.handleFirstDropdown.bind(this), 500) })))), this.firstDropdownHelperText?.length ? h("small", null, this.firstDropdownHelperText) : null)), h("div", { key: 'd1732d071e4244f3c27a52db59b6bb74015ba28b', class: "dropdown-with-multi-input-elemet__row" }, h("div", { key: '4c57f1f5048669473f326476735b8440535a1aa2' }, h("pn-select", { key: '58980dea2e4545efe141837a8454f0860505bb6f', ref: el => (this.pnSecondDropdown = el), class: "pn-row-select-dropdown dropDown2-dropdown", label: this.secondDropdownLabel, "empty-option": "true", language: this.languageCode }, this.secondDropdownArr?.map((item, i) => (h("pn-option", { index: i, label: item, value: item, selected: item === this._secondDropdownSelection, onClick: debounce(this.handleSecondDropdown.bind(this), 500) })))), this.secondDropdownHelperText?.length ? h("small", null, this.secondDropdownHelperText) : null)), this.showDelteConfirm ? (h("div", { class: "dropdown-with-multi-input-elemet__delete" }, h("p", null, this.deleteMultipleRowsWarningText), h("pn-button", { ref: el => (this.pnConfirmDeleteButton = el), small: "true", appearance: "warning", onClick: this.deleteExcessRows.bind(this) }, this.confirmDeleteButtonText), h("pn-button", { ref: el => (this.pnAbortDeleteButton = el), small: "true", appearance: "light", onClick: this.abortDeleteRows.bind(this) }, this.abortDeleteButtonText))) : null, h("div", { key: '023ffe29ad8465a3c139903f44f8d825290f0946', class: "dropdown-with-multi-input-elemet__label-row" }, h("div", { key: '7a590ad0801b14933b1104b9e7d10d595174d194', class: "dropdown-with-multi-input-elemet__label" }, h("label", { key: '352cca674f5282f4ad0e3c0aec8307e23288b9ca' }, this.fristInputLabel)), h("div", { key: '6cc82e56ca355d23dfe1bdaf814875f1c02cebd7', class: "dropdown-with-multi-input-elemet__label" }, h("label", { key: '3421119a657ec0891c1c429a73ed5c092f80f18d' }, this.secondInputLabel)), h("div", { key: '9ad9a6e01eb8d5ac2788a22e42ae240f570566a0', class: "dropdown-with-multi-input-elemet__label" }, h("label", { key: '6909d759977802e1cedeb92c35dfee9ffc12c01d' }, this.dateLabel))), this.rowData?.map((data, i) => {
305
+ return (h(Host, { key: '351d770fce9e7bfc2cd50ef79a6aceaa930f9fdc', class: "dropdown-with-multi-input-elemet" }, h("div", { key: 'fc9085e111574f62f794ea9337b3d6b891ce3c34', class: "dropdown-with-multi-input-elemet__row" }, h("div", { key: '2b60e8eaa8c9a75d1efa48850de1524deae5ba69' }, h("pn-select", { key: '086490769b71e4532100e3be53450bbf1a9082cf', ref: el => (this.pnFirstDropdown = el), class: "pn-row-select-dropdown dropDown1-dropdown", label: this.firstDropdownLabel, "empty-option": "true", language: this.languageCode }, this.dropdownDataRoot?.map((item, i) => (h("pn-option", { index: i, label: item.label, value: item.value, selected: item.checked, onClick: debounce(this.handleFirstDropdown.bind(this), 500) })))), this.firstDropdownHelperText?.length ? h("small", null, this.firstDropdownHelperText) : null)), h("div", { key: 'c13f4f51c46e2525cb11616d11fdee4765a5c773', class: "dropdown-with-multi-input-elemet__row" }, h("div", { key: '7d5f42e40bb8238ea8ebfce1346076210756b234' }, h("pn-select", { key: 'ba639bca03afd0267a476225686d895dad563ace', ref: el => (this.pnSecondDropdown = el), class: "pn-row-select-dropdown dropDown2-dropdown", label: this.secondDropdownLabel, "empty-option": "true", language: this.languageCode }, this.secondDropdownArr?.map((item, i) => (h("pn-option", { index: i, label: item, value: item, selected: item === this._secondDropdownSelection, onClick: debounce(this.handleSecondDropdown.bind(this), 500) })))), this.secondDropdownHelperText?.length ? h("small", null, this.secondDropdownHelperText) : null)), this.showDelteConfirm ? (h("div", { class: "dropdown-with-multi-input-elemet__delete" }, h("p", null, this.deleteMultipleRowsWarningText), h("pn-button", { ref: el => (this.pnConfirmDeleteButton = el), small: "true", appearance: "warning", onClick: this.deleteExcessRows.bind(this) }, this.confirmDeleteButtonText), h("pn-button", { ref: el => (this.pnAbortDeleteButton = el), small: "true", appearance: "light", onClick: this.abortDeleteRows.bind(this) }, this.abortDeleteButtonText))) : null, h("div", { key: '44d06edf20b400c6503c3e677bd5afa884aceff5', class: "dropdown-with-multi-input-elemet__label-row" }, h("div", { key: '18167ded0b2d8777613ba74f2c2871887d802db4', class: "dropdown-with-multi-input-elemet__label" }, h("label", { key: '571080cd07542e281e340754b6e548fc7907a5c9' }, this.fristInputLabel)), h("div", { key: '46bb0a4abaa57f583c0f3dfccbe4d34b71cc6abc', class: "dropdown-with-multi-input-elemet__label" }, h("label", { key: '22d43e66420bc1b24406b79ea73443e95c539be3' }, this.secondInputLabel)), h("div", { key: 'c832cf94f4cf173055fb335a98aa58f12a001abe', class: "dropdown-with-multi-input-elemet__label" }, h("label", { key: '9c080141355b5ba5938b519e348f7ab0b3265eff' }, this.dateLabel))), this.rowData?.map((data, i) => {
306
306
  return (h("div", { class: 'dropdown-with-multi-input-elemet__row generated-row-' + i, id: 'generated-row-' + i }, h("pn-dropdown-with-multi-input-rows-row", { "language-code": this.languageCode, "frist-input-placeholder": this.fristInputPlaceholder, "first-input-min": this.firstInputMin, "first-input-max": this.firstInputMax, "first-input-warning": this.firstInputWarning, "first-input-warning-text": this.firstInputWarningText, "first-input-low-error-text": this.firstInputLowErrorText, "first-input-high-error-text": this.firstInputHighErrorText, "second-input-placeholder": this.secondInputPlaceholder, "second-input-min": this.secondInputMin, "second-input-max": this.secondInputMax, "second-input-warning": this.secondInputWarning, "second-input-warning-text": this.secondInputWarningText, "second-input-low-error-text": this.secondInputLowErrorText, "second-input-high-error-text": this.secondInputHighErrorText, datePlaceholder: this.datePlaceholder, firstValidDate: this.firstValidDateString, lastValidDate: this.lastValidDateString, "predefined-value": JSON.stringify(data), "min-row-count": this.minRowCount, "row-index": i })));
307
- }), h("div", { key: '878ef1b83a0090520ab84450a1b80b0c5529a610', class: "dropdown-with-multi-input-elemet__row sum-row" }, h("pn-marketweb-input", { key: 'aab23b9eb8616d1e737ddc8bfd06dcc56d89bf72', disabled: true, ref: el => (this.pnSumField = el), type: "number", value: this.rowSum, label: this.sumFieldLabel }), h("pn-button", { key: '1c98a7886cad539d6fea5689696006850fff6d5b', tooltip: this.addRowText ? this.addRowText : null, "left-icon": "true", arialabel: "Add", icon: plus, appearance: "light", variant: "borderless", class: "connected-dropdown__button-right", onClick: () => {
307
+ }), h("div", { key: 'ca742eab0dfdbd2b04ba5963aa231bd5f78e1035', class: "dropdown-with-multi-input-elemet__row sum-row" }, h("pn-marketweb-input", { key: '7b5c4c6886a617dd071555e7c523e4f9379d0f73', disabled: true, ref: el => (this.pnSumField = el), type: "number", value: this.rowSum, label: this.sumFieldLabel }), h("pn-button", { key: 'dc1fe71d337b31e1e44f3679942a884a44ecc801', tooltip: this.addRowText ? this.addRowText : null, "left-icon": "true", arialabel: "Add", icon: plus, appearance: "light", variant: "borderless", class: "connected-dropdown__button-right", onClick: () => {
308
308
  this.addRow(this.generateUniqueId());
309
309
  } }, this.addRowText)), this.elementHelperText?.length ? h("div", { class: "dropdown-with-multi-input-elemet__row" }, this.elementHelperText) : null));
310
310
  }