@postnord/pn-marketweb-components 2.0.28 → 2.0.29

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 (41) hide show
  1. package/cjs/loader.cjs.js +1 -1
  2. package/cjs/pn-market-web-components.cjs.js +1 -1
  3. package/cjs/pn-marketweb-siteheader-login-links_2.cjs.entry.js +32 -15
  4. package/cjs/pn-sidenav-togglebutton.cjs.entry.js +27 -0
  5. package/cjs/pn-sidenav.cjs.entry.js +5 -2
  6. package/collection/collection-manifest.json +1 -0
  7. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.js +35 -17
  8. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js +1 -1
  9. package/collection/components/navigation/pn-sidenav/pn-sidenav-togglebutton.css +11 -0
  10. package/collection/components/navigation/pn-sidenav/pn-sidenav-togglebutton.js +47 -0
  11. package/collection/components/navigation/pn-sidenav/pn-sidenav.css +24 -0
  12. package/collection/components/navigation/pn-sidenav/pn-sidenav.js +4 -1
  13. package/collection/components/navigation/pn-sidenav/sidenav-.stories.js +3 -0
  14. package/custom-elements/index.d.ts +6 -0
  15. package/custom-elements/index.js +60 -19
  16. package/esm/loader.js +1 -1
  17. package/esm/pn-market-web-components.js +1 -1
  18. package/esm/pn-marketweb-siteheader-login-links_2.entry.js +32 -15
  19. package/esm/pn-sidenav-togglebutton.entry.js +23 -0
  20. package/esm/pn-sidenav.entry.js +5 -2
  21. package/esm-es5/loader.js +1 -1
  22. package/esm-es5/pn-market-web-components.js +1 -1
  23. package/esm-es5/pn-marketweb-siteheader-login-links_2.entry.js +1 -1
  24. package/esm-es5/pn-sidenav-togglebutton.entry.js +1 -0
  25. package/esm-es5/pn-sidenav.entry.js +1 -1
  26. package/package.json +1 -1
  27. package/pn-market-web-components/p-17a6a334.system.entry.js +1 -0
  28. package/pn-market-web-components/p-214ddbff.entry.js +1 -0
  29. package/pn-market-web-components/p-5e6698dc.system.entry.js +1 -0
  30. package/pn-market-web-components/p-67887512.system.js +1 -1
  31. package/pn-market-web-components/p-77173a4f.entry.js +1 -0
  32. package/pn-market-web-components/{p-b445ff7c.system.entry.js → p-7fb024b8.system.entry.js} +1 -1
  33. package/pn-market-web-components/p-fd02d9fa.entry.js +1 -0
  34. package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
  35. package/types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.d.ts +1 -0
  36. package/types/components/navigation/pn-sidenav/pn-sidenav-togglebutton.d.ts +9 -0
  37. package/types/components.d.ts +21 -0
  38. package/umd/pn-marketweb-salesforce.js +1 -1
  39. package/pn-market-web-components/p-2870b0c5.system.entry.js +0 -1
  40. package/pn-market-web-components/p-7d75ea68.entry.js +0 -1
  41. package/pn-market-web-components/p-cdb632ad.entry.js +0 -1
package/cjs/loader.cjs.js CHANGED
@@ -14,7 +14,7 @@ const patchEsm = () => {
14
14
  const defineCustomElements = (win, options) => {
15
15
  if (typeof window === 'undefined') return Promise.resolve();
16
16
  return patchEsm().then(() => {
17
- return index.bootstrapLazy([["pn-marketweb-siteheader.cjs",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"userToken":[1,"user-token"],"userFullname":[1,"user-fullname"],"userLoggedin":[4,"user-loggedin"],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"showProfileSelection":[1540,"show-profile-selection"],"AutocompleteEndpoint":[1,"autocomplete-endpoint"],"sessionForward":[4,"session-forward"],"cache":[4],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32],"loggedIn":[32],"loginManager":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-price.cjs",[[0,"pn-find-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"weight":[32],"weightvalue":[32],"sourceData":[32],"sizecategory":[32]}]]],["pn-find-service-and-price.cjs",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]}]]],["pn-product-pricelist.cjs",[[4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]}]]],["pn-product-pricelist-result.cjs",[[0,"pn-product-pricelist-result",{"item":[1040],"description":[16],"shownitems":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32]}]]],["pn-marketweb-sitefooter.cjs",[[4,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-bonus-progressbar.cjs",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[32]}]]],["pn-pex-pricefinder.cjs",[[0,"pn-pex-pricefinder",{"language":[1],"currency":[1],"apiUrl":[1,"api-url"],"i18n":[32],"fromzip":[32],"tozip":[32],"weight":[32],"when":[32],"response":[32]},[[0,"language","setLanguage"]]]]],["pn-customernumber-selector.cjs",[[4,"pn-customernumber-selector",{"language":[1537],"open":[1540],"heading":[1],"description":[1],"i18n":[32]}]]],["pn-customernumber-selector-option.cjs",[[4,"pn-customernumber-selector-option",{"heading":[1],"description":[1],"url":[1]}]]],["pn-filter-checkbox.cjs",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-marketweb-search.cjs",[[1,"pn-marketweb-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"list":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4],"suggestionObserver":[32],"hasClonedInput":[32],"listSuggestion":[32]},[[0,"input","inputHandler"]]]]],["pn-product-tile.cjs",[[4,"pn-product-tile"]]],["pn-profile-selector.cjs",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"heading":[1],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-profile-selector-option.cjs",[[0,"pn-profile-selector-option",{"heading":[1],"description":[1],"url":[1]}]]],["pn-sidenav.cjs",[[4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["pn-sidenav-level.cjs",[[4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]}]]],["pn-sidenav-link.cjs",[[4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"current":[4],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-find-service-and-price-result.cjs",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-bonus-progressbar-level.cjs",[[0,"pn-bonus-progressbar-level",{"current":[516],"value":[1538],"bonuspercentage":[1537],"visualpercentage":[1538],"percentage":[32],"max":[32],"min":[32],"currency":[32]}]]],["pn-marketweb-input.cjs",[[0,"pn-marketweb-input",{"disabled":[4],"error":[1],"invalid":[4],"helpertext":[1],"label":[1],"placeholder":[1],"inputid":[1],"name":[1],"required":[4],"type":[1025],"autocomplete":[1],"valid":[4],"value":[1],"maxlength":[1],"min":[1],"max":[1],"step":[1],"pattern":[1],"showText":[32]}]]],["pn-find-price-result.cjs",[[0,"pn-find-price-result",{"item":[1040],"shownitems":[16],"Usp1":[1,"usp-1"],"Usp2":[1,"usp-2"],"Usp3":[1,"usp-3"],"description":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32],"linkId":[32],"shopLabel":[32],"shopUrl":[32],"shopId":[32]}]]],["pn-site-footer_2.cjs",[[4,"pn-site-footer",{"url":[1],"linktitle":[1]}],[4,"pn-site-footer-col"]]],["pn-choice-button.cjs",[[4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-mainnav-link.cjs",[[4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-marketweb-siteheader-login-linklist.cjs",[[0,"pn-marketweb-siteheader-login-linklist",{"heading":[1],"links":[16],"idNamespace":[1,"id-namespace"],"loginManager":[16]}]]],["pn-marketweb-siteheader-login-links_2.cjs",[[0,"pn-marketweb-siteheader-login-links",{"loginDialog":[1040],"loginManager":[16],"idNamespace":[1,"id-namespace"],"loggedin":[516],"username":[1]}],[0,"pn-marketweb-siteheader-login-profileselection",{"loginDialog":[1040],"loginManager":[16],"endpoint":[1],"loggedin":[4],"idNamespace":[1,"id-namespace"],"heading":[1],"i18n":[16],"profileSelectorDialog":[1040],"currentProfile":[1040],"user":[32],"logoutLink":[32]}]]],["pn-product-tile-info_2.cjs",[[0,"pn-product-tile-info",{"label":[1],"text":[1],"icon":[1]}],[0,"pn-product-tile-price",{"label":[1],"amount":[1],"currency":[1],"url":[1]}]]],["pn-language-selector_9.cjs",[[0,"pn-marketweb-siteheader-login",{"endpoint":[1],"token":[1],"i18n":[16],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"fullname":[1],"loggedin":[4],"showProfileSelection":[1028,"show-profile-selection"],"loginManager":[32],"loginLinks":[32],"toggleButtonText":[32],"username":[32]}],[4,"pn-mainnav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"listCount":[32],"alignment":[32]}],[4,"pn-language-selector",{"value":[1537],"selectedLanguageName":[32],"options":[32],"i18n":[32]}],[0,"pn-language-selector-option",{"name":[1],"code":[1],"url":[1],"selected":[4],"currentLanguage":[1,"current-language"]}],[4,"pn-mainnav",{"market":[1],"language":[1],"navigationId":[1,"navigation-id"],"openMenu":[1028,"open-menu"],"navLabel":[1,"nav-label"]},[[0,"language","setLanguage"],[0,"market","setMarket"],[0,"menuLanguageChange","onLanguageChange"],[0,"setmenuopenstate","setMenuOpenState"],[0,"openMenuLevelChange","onOpenMenuLevelChange"]]],[4,"pn-mainnav-list",{"heading":[1],"linkCount":[32]}],[0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"language":[1537],"search":[1040],"primary":[4],"autoCompleteOptions":[32]}],[4,"pn-site-selector",{"buttontext":[1537],"heading":[1537],"language":[1537],"i18n":[32]}],[0,"pn-site-selector-item",{"url":[1],"heading":[1],"description":[1],"newwindow":[4]}]]],["pn-product-card_4.cjs",[[0,"pn-product-card-info",{"rulle":[1],"paket":[1],"label":[1],"text":[1]}],[0,"pn-product-card-price",{"label":[1],"amount":[1],"currency":[1],"note":[1],"url":[1],"service":[1],"linkid":[1]}],[4,"pn-titletag",{"icon":[1],"color":[1537]}],[4,"pn-product-card"]]]], options);
17
+ return index.bootstrapLazy([["pn-marketweb-siteheader.cjs",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"userToken":[1,"user-token"],"userFullname":[1,"user-fullname"],"userLoggedin":[4,"user-loggedin"],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"showProfileSelection":[1540,"show-profile-selection"],"AutocompleteEndpoint":[1,"autocomplete-endpoint"],"sessionForward":[4,"session-forward"],"cache":[4],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32],"loggedIn":[32],"loginManager":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-price.cjs",[[0,"pn-find-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"weight":[32],"weightvalue":[32],"sourceData":[32],"sizecategory":[32]}]]],["pn-find-service-and-price.cjs",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]}]]],["pn-product-pricelist.cjs",[[4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]}]]],["pn-product-pricelist-result.cjs",[[0,"pn-product-pricelist-result",{"item":[1040],"description":[16],"shownitems":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32]}]]],["pn-marketweb-sitefooter.cjs",[[4,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-bonus-progressbar.cjs",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[32]}]]],["pn-pex-pricefinder.cjs",[[0,"pn-pex-pricefinder",{"language":[1],"currency":[1],"apiUrl":[1,"api-url"],"i18n":[32],"fromzip":[32],"tozip":[32],"weight":[32],"when":[32],"response":[32]},[[0,"language","setLanguage"]]]]],["pn-customernumber-selector.cjs",[[4,"pn-customernumber-selector",{"language":[1537],"open":[1540],"heading":[1],"description":[1],"i18n":[32]}]]],["pn-customernumber-selector-option.cjs",[[4,"pn-customernumber-selector-option",{"heading":[1],"description":[1],"url":[1]}]]],["pn-filter-checkbox.cjs",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-marketweb-search.cjs",[[1,"pn-marketweb-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"list":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4],"suggestionObserver":[32],"hasClonedInput":[32],"listSuggestion":[32]},[[0,"input","inputHandler"]]]]],["pn-product-tile.cjs",[[4,"pn-product-tile"]]],["pn-profile-selector.cjs",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"heading":[1],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-profile-selector-option.cjs",[[0,"pn-profile-selector-option",{"heading":[1],"description":[1],"url":[1]}]]],["pn-sidenav.cjs",[[4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["pn-sidenav-level.cjs",[[4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]}]]],["pn-sidenav-link.cjs",[[4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"current":[4],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-sidenav-togglebutton.cjs",[[4,"pn-sidenav-togglebutton",{"label":[1],"i18n":[32]}]]],["pn-find-service-and-price-result.cjs",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-bonus-progressbar-level.cjs",[[0,"pn-bonus-progressbar-level",{"current":[516],"value":[1538],"bonuspercentage":[1537],"visualpercentage":[1538],"percentage":[32],"max":[32],"min":[32],"currency":[32]}]]],["pn-marketweb-input.cjs",[[0,"pn-marketweb-input",{"disabled":[4],"error":[1],"invalid":[4],"helpertext":[1],"label":[1],"placeholder":[1],"inputid":[1],"name":[1],"required":[4],"type":[1025],"autocomplete":[1],"valid":[4],"value":[1],"maxlength":[1],"min":[1],"max":[1],"step":[1],"pattern":[1],"showText":[32]}]]],["pn-find-price-result.cjs",[[0,"pn-find-price-result",{"item":[1040],"shownitems":[16],"Usp1":[1,"usp-1"],"Usp2":[1,"usp-2"],"Usp3":[1,"usp-3"],"description":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32],"linkId":[32],"shopLabel":[32],"shopUrl":[32],"shopId":[32]}]]],["pn-site-footer_2.cjs",[[4,"pn-site-footer",{"url":[1],"linktitle":[1]}],[4,"pn-site-footer-col"]]],["pn-choice-button.cjs",[[4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-mainnav-link.cjs",[[4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-marketweb-siteheader-login-linklist.cjs",[[0,"pn-marketweb-siteheader-login-linklist",{"heading":[1],"links":[16],"idNamespace":[1,"id-namespace"],"loginManager":[16]}]]],["pn-marketweb-siteheader-login-links_2.cjs",[[0,"pn-marketweb-siteheader-login-links",{"loginDialog":[1040],"loginManager":[16],"idNamespace":[1,"id-namespace"],"loggedin":[516],"username":[1]}],[0,"pn-marketweb-siteheader-login-profileselection",{"loginDialog":[1040],"loginManager":[16],"endpoint":[1],"loggedin":[4],"idNamespace":[1,"id-namespace"],"heading":[1],"i18n":[16],"profileSelectorDialog":[1040],"currentProfile":[1040],"user":[32],"logoutLink":[32],"userName":[32]}]]],["pn-product-tile-info_2.cjs",[[0,"pn-product-tile-info",{"label":[1],"text":[1],"icon":[1]}],[0,"pn-product-tile-price",{"label":[1],"amount":[1],"currency":[1],"url":[1]}]]],["pn-language-selector_9.cjs",[[0,"pn-marketweb-siteheader-login",{"endpoint":[1],"token":[1],"i18n":[16],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"fullname":[1],"loggedin":[4],"showProfileSelection":[1028,"show-profile-selection"],"loginManager":[32],"loginLinks":[32],"toggleButtonText":[32],"username":[32]}],[4,"pn-mainnav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"listCount":[32],"alignment":[32]}],[4,"pn-language-selector",{"value":[1537],"selectedLanguageName":[32],"options":[32],"i18n":[32]}],[0,"pn-language-selector-option",{"name":[1],"code":[1],"url":[1],"selected":[4],"currentLanguage":[1,"current-language"]}],[4,"pn-mainnav",{"market":[1],"language":[1],"navigationId":[1,"navigation-id"],"openMenu":[1028,"open-menu"],"navLabel":[1,"nav-label"]},[[0,"language","setLanguage"],[0,"market","setMarket"],[0,"menuLanguageChange","onLanguageChange"],[0,"setmenuopenstate","setMenuOpenState"],[0,"openMenuLevelChange","onOpenMenuLevelChange"]]],[4,"pn-mainnav-list",{"heading":[1],"linkCount":[32]}],[0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"language":[1537],"search":[1040],"primary":[4],"autoCompleteOptions":[32]}],[4,"pn-site-selector",{"buttontext":[1537],"heading":[1537],"language":[1537],"i18n":[32]}],[0,"pn-site-selector-item",{"url":[1],"heading":[1],"description":[1],"newwindow":[4]}]]],["pn-product-card_4.cjs",[[0,"pn-product-card-info",{"rulle":[1],"paket":[1],"label":[1],"text":[1]}],[0,"pn-product-card-price",{"label":[1],"amount":[1],"currency":[1],"note":[1],"url":[1],"service":[1],"linkid":[1]}],[4,"pn-titletag",{"icon":[1],"color":[1537]}],[4,"pn-product-card"]]]], options);
18
18
  });
19
19
  };
20
20
 
@@ -55,5 +55,5 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
55
55
  };
56
56
 
57
57
  patchBrowser().then(options => {
58
- return index.bootstrapLazy([["pn-marketweb-siteheader.cjs",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"userToken":[1,"user-token"],"userFullname":[1,"user-fullname"],"userLoggedin":[4,"user-loggedin"],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"showProfileSelection":[1540,"show-profile-selection"],"AutocompleteEndpoint":[1,"autocomplete-endpoint"],"sessionForward":[4,"session-forward"],"cache":[4],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32],"loggedIn":[32],"loginManager":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-price.cjs",[[0,"pn-find-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"weight":[32],"weightvalue":[32],"sourceData":[32],"sizecategory":[32]}]]],["pn-find-service-and-price.cjs",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]}]]],["pn-product-pricelist.cjs",[[4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]}]]],["pn-product-pricelist-result.cjs",[[0,"pn-product-pricelist-result",{"item":[1040],"description":[16],"shownitems":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32]}]]],["pn-marketweb-sitefooter.cjs",[[4,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-bonus-progressbar.cjs",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[32]}]]],["pn-pex-pricefinder.cjs",[[0,"pn-pex-pricefinder",{"language":[1],"currency":[1],"apiUrl":[1,"api-url"],"i18n":[32],"fromzip":[32],"tozip":[32],"weight":[32],"when":[32],"response":[32]},[[0,"language","setLanguage"]]]]],["pn-customernumber-selector.cjs",[[4,"pn-customernumber-selector",{"language":[1537],"open":[1540],"heading":[1],"description":[1],"i18n":[32]}]]],["pn-customernumber-selector-option.cjs",[[4,"pn-customernumber-selector-option",{"heading":[1],"description":[1],"url":[1]}]]],["pn-filter-checkbox.cjs",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-marketweb-search.cjs",[[1,"pn-marketweb-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"list":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4],"suggestionObserver":[32],"hasClonedInput":[32],"listSuggestion":[32]},[[0,"input","inputHandler"]]]]],["pn-product-tile.cjs",[[4,"pn-product-tile"]]],["pn-profile-selector.cjs",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"heading":[1],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-profile-selector-option.cjs",[[0,"pn-profile-selector-option",{"heading":[1],"description":[1],"url":[1]}]]],["pn-sidenav.cjs",[[4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["pn-sidenav-level.cjs",[[4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]}]]],["pn-sidenav-link.cjs",[[4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"current":[4],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-find-service-and-price-result.cjs",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-bonus-progressbar-level.cjs",[[0,"pn-bonus-progressbar-level",{"current":[516],"value":[1538],"bonuspercentage":[1537],"visualpercentage":[1538],"percentage":[32],"max":[32],"min":[32],"currency":[32]}]]],["pn-marketweb-input.cjs",[[0,"pn-marketweb-input",{"disabled":[4],"error":[1],"invalid":[4],"helpertext":[1],"label":[1],"placeholder":[1],"inputid":[1],"name":[1],"required":[4],"type":[1025],"autocomplete":[1],"valid":[4],"value":[1],"maxlength":[1],"min":[1],"max":[1],"step":[1],"pattern":[1],"showText":[32]}]]],["pn-find-price-result.cjs",[[0,"pn-find-price-result",{"item":[1040],"shownitems":[16],"Usp1":[1,"usp-1"],"Usp2":[1,"usp-2"],"Usp3":[1,"usp-3"],"description":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32],"linkId":[32],"shopLabel":[32],"shopUrl":[32],"shopId":[32]}]]],["pn-site-footer_2.cjs",[[4,"pn-site-footer",{"url":[1],"linktitle":[1]}],[4,"pn-site-footer-col"]]],["pn-choice-button.cjs",[[4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-mainnav-link.cjs",[[4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-marketweb-siteheader-login-linklist.cjs",[[0,"pn-marketweb-siteheader-login-linklist",{"heading":[1],"links":[16],"idNamespace":[1,"id-namespace"],"loginManager":[16]}]]],["pn-marketweb-siteheader-login-links_2.cjs",[[0,"pn-marketweb-siteheader-login-links",{"loginDialog":[1040],"loginManager":[16],"idNamespace":[1,"id-namespace"],"loggedin":[516],"username":[1]}],[0,"pn-marketweb-siteheader-login-profileselection",{"loginDialog":[1040],"loginManager":[16],"endpoint":[1],"loggedin":[4],"idNamespace":[1,"id-namespace"],"heading":[1],"i18n":[16],"profileSelectorDialog":[1040],"currentProfile":[1040],"user":[32],"logoutLink":[32]}]]],["pn-product-tile-info_2.cjs",[[0,"pn-product-tile-info",{"label":[1],"text":[1],"icon":[1]}],[0,"pn-product-tile-price",{"label":[1],"amount":[1],"currency":[1],"url":[1]}]]],["pn-language-selector_9.cjs",[[0,"pn-marketweb-siteheader-login",{"endpoint":[1],"token":[1],"i18n":[16],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"fullname":[1],"loggedin":[4],"showProfileSelection":[1028,"show-profile-selection"],"loginManager":[32],"loginLinks":[32],"toggleButtonText":[32],"username":[32]}],[4,"pn-mainnav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"listCount":[32],"alignment":[32]}],[4,"pn-language-selector",{"value":[1537],"selectedLanguageName":[32],"options":[32],"i18n":[32]}],[0,"pn-language-selector-option",{"name":[1],"code":[1],"url":[1],"selected":[4],"currentLanguage":[1,"current-language"]}],[4,"pn-mainnav",{"market":[1],"language":[1],"navigationId":[1,"navigation-id"],"openMenu":[1028,"open-menu"],"navLabel":[1,"nav-label"]},[[0,"language","setLanguage"],[0,"market","setMarket"],[0,"menuLanguageChange","onLanguageChange"],[0,"setmenuopenstate","setMenuOpenState"],[0,"openMenuLevelChange","onOpenMenuLevelChange"]]],[4,"pn-mainnav-list",{"heading":[1],"linkCount":[32]}],[0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"language":[1537],"search":[1040],"primary":[4],"autoCompleteOptions":[32]}],[4,"pn-site-selector",{"buttontext":[1537],"heading":[1537],"language":[1537],"i18n":[32]}],[0,"pn-site-selector-item",{"url":[1],"heading":[1],"description":[1],"newwindow":[4]}]]],["pn-product-card_4.cjs",[[0,"pn-product-card-info",{"rulle":[1],"paket":[1],"label":[1],"text":[1]}],[0,"pn-product-card-price",{"label":[1],"amount":[1],"currency":[1],"note":[1],"url":[1],"service":[1],"linkid":[1]}],[4,"pn-titletag",{"icon":[1],"color":[1537]}],[4,"pn-product-card"]]]], options);
58
+ return index.bootstrapLazy([["pn-marketweb-siteheader.cjs",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"userToken":[1,"user-token"],"userFullname":[1,"user-fullname"],"userLoggedin":[4,"user-loggedin"],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"showProfileSelection":[1540,"show-profile-selection"],"AutocompleteEndpoint":[1,"autocomplete-endpoint"],"sessionForward":[4,"session-forward"],"cache":[4],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32],"loggedIn":[32],"loginManager":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-price.cjs",[[0,"pn-find-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"weight":[32],"weightvalue":[32],"sourceData":[32],"sizecategory":[32]}]]],["pn-find-service-and-price.cjs",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]}]]],["pn-product-pricelist.cjs",[[4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]}]]],["pn-product-pricelist-result.cjs",[[0,"pn-product-pricelist-result",{"item":[1040],"description":[16],"shownitems":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32]}]]],["pn-marketweb-sitefooter.cjs",[[4,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-bonus-progressbar.cjs",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[32]}]]],["pn-pex-pricefinder.cjs",[[0,"pn-pex-pricefinder",{"language":[1],"currency":[1],"apiUrl":[1,"api-url"],"i18n":[32],"fromzip":[32],"tozip":[32],"weight":[32],"when":[32],"response":[32]},[[0,"language","setLanguage"]]]]],["pn-customernumber-selector.cjs",[[4,"pn-customernumber-selector",{"language":[1537],"open":[1540],"heading":[1],"description":[1],"i18n":[32]}]]],["pn-customernumber-selector-option.cjs",[[4,"pn-customernumber-selector-option",{"heading":[1],"description":[1],"url":[1]}]]],["pn-filter-checkbox.cjs",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-marketweb-search.cjs",[[1,"pn-marketweb-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"list":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4],"suggestionObserver":[32],"hasClonedInput":[32],"listSuggestion":[32]},[[0,"input","inputHandler"]]]]],["pn-product-tile.cjs",[[4,"pn-product-tile"]]],["pn-profile-selector.cjs",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"heading":[1],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-profile-selector-option.cjs",[[0,"pn-profile-selector-option",{"heading":[1],"description":[1],"url":[1]}]]],["pn-sidenav.cjs",[[4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["pn-sidenav-level.cjs",[[4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]}]]],["pn-sidenav-link.cjs",[[4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"current":[4],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-sidenav-togglebutton.cjs",[[4,"pn-sidenav-togglebutton",{"label":[1],"i18n":[32]}]]],["pn-find-service-and-price-result.cjs",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-bonus-progressbar-level.cjs",[[0,"pn-bonus-progressbar-level",{"current":[516],"value":[1538],"bonuspercentage":[1537],"visualpercentage":[1538],"percentage":[32],"max":[32],"min":[32],"currency":[32]}]]],["pn-marketweb-input.cjs",[[0,"pn-marketweb-input",{"disabled":[4],"error":[1],"invalid":[4],"helpertext":[1],"label":[1],"placeholder":[1],"inputid":[1],"name":[1],"required":[4],"type":[1025],"autocomplete":[1],"valid":[4],"value":[1],"maxlength":[1],"min":[1],"max":[1],"step":[1],"pattern":[1],"showText":[32]}]]],["pn-find-price-result.cjs",[[0,"pn-find-price-result",{"item":[1040],"shownitems":[16],"Usp1":[1,"usp-1"],"Usp2":[1,"usp-2"],"Usp3":[1,"usp-3"],"description":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32],"linkId":[32],"shopLabel":[32],"shopUrl":[32],"shopId":[32]}]]],["pn-site-footer_2.cjs",[[4,"pn-site-footer",{"url":[1],"linktitle":[1]}],[4,"pn-site-footer-col"]]],["pn-choice-button.cjs",[[4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-mainnav-link.cjs",[[4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-marketweb-siteheader-login-linklist.cjs",[[0,"pn-marketweb-siteheader-login-linklist",{"heading":[1],"links":[16],"idNamespace":[1,"id-namespace"],"loginManager":[16]}]]],["pn-marketweb-siteheader-login-links_2.cjs",[[0,"pn-marketweb-siteheader-login-links",{"loginDialog":[1040],"loginManager":[16],"idNamespace":[1,"id-namespace"],"loggedin":[516],"username":[1]}],[0,"pn-marketweb-siteheader-login-profileselection",{"loginDialog":[1040],"loginManager":[16],"endpoint":[1],"loggedin":[4],"idNamespace":[1,"id-namespace"],"heading":[1],"i18n":[16],"profileSelectorDialog":[1040],"currentProfile":[1040],"user":[32],"logoutLink":[32],"userName":[32]}]]],["pn-product-tile-info_2.cjs",[[0,"pn-product-tile-info",{"label":[1],"text":[1],"icon":[1]}],[0,"pn-product-tile-price",{"label":[1],"amount":[1],"currency":[1],"url":[1]}]]],["pn-language-selector_9.cjs",[[0,"pn-marketweb-siteheader-login",{"endpoint":[1],"token":[1],"i18n":[16],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"fullname":[1],"loggedin":[4],"showProfileSelection":[1028,"show-profile-selection"],"loginManager":[32],"loginLinks":[32],"toggleButtonText":[32],"username":[32]}],[4,"pn-mainnav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"listCount":[32],"alignment":[32]}],[4,"pn-language-selector",{"value":[1537],"selectedLanguageName":[32],"options":[32],"i18n":[32]}],[0,"pn-language-selector-option",{"name":[1],"code":[1],"url":[1],"selected":[4],"currentLanguage":[1,"current-language"]}],[4,"pn-mainnav",{"market":[1],"language":[1],"navigationId":[1,"navigation-id"],"openMenu":[1028,"open-menu"],"navLabel":[1,"nav-label"]},[[0,"language","setLanguage"],[0,"market","setMarket"],[0,"menuLanguageChange","onLanguageChange"],[0,"setmenuopenstate","setMenuOpenState"],[0,"openMenuLevelChange","onOpenMenuLevelChange"]]],[4,"pn-mainnav-list",{"heading":[1],"linkCount":[32]}],[0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"language":[1537],"search":[1040],"primary":[4],"autoCompleteOptions":[32]}],[4,"pn-site-selector",{"buttontext":[1537],"heading":[1537],"language":[1537],"i18n":[32]}],[0,"pn-site-selector-item",{"url":[1],"heading":[1],"description":[1],"newwindow":[4]}]]],["pn-product-card_4.cjs",[[0,"pn-product-card-info",{"rulle":[1],"paket":[1],"label":[1],"text":[1]}],[0,"pn-product-card-price",{"label":[1],"amount":[1],"currency":[1],"note":[1],"url":[1],"service":[1],"linkid":[1]}],[4,"pn-titletag",{"icon":[1],"color":[1537]}],[4,"pn-product-card"]]]], options);
59
59
  });
@@ -113,19 +113,9 @@ let PnMarketwebSiteheaderLoginProfileselection = class {
113
113
  this.i18n = { "searchlabel": "", "searchplaceholder": "", "searchbuttontext": "", "menuHomeButton": "", "menuGoBackButton": "", "mainMenuButton": "", "menuStartButton": "", "profileSelectionFlyoutHeading": "" };
114
114
  this.user = null;
115
115
  this.logoutLink = null;
116
+ this.userName = null;
116
117
  this.profileSelectorDialog = {
117
- profiles: [
118
- // {
119
- // name: 'Hedin',
120
- // organizationNumber: '5560230053',
121
- // selected: true
122
- // } as ProfileSelectorCustomer,
123
- // {
124
- // name: 'Bilmetro AB',
125
- // organizationNumber: '5560612789',
126
- // selected: false
127
- // } as ProfileSelectorCustomer
128
- ]
118
+ profiles: []
129
119
  };
130
120
  this.currentProfile = null;
131
121
  }
@@ -146,8 +136,18 @@ let PnMarketwebSiteheaderLoginProfileselection = class {
146
136
  return;
147
137
  }
148
138
  let apiUrl = `${this.endpoint}${(this.endpoint.lastIndexOf('/') === this.endpoint.length - 1) ? '' : '/'}api/user/parentprofiles`;
149
- const req = await fetch(apiUrl);
150
- const data = await req.json();
139
+ await fetch(apiUrl);
140
+ // const data = await req.json();
141
+ const data = {
142
+ "loggedin": true,
143
+ "profiles": [
144
+ {
145
+ "name": "Hedin HMC Motor Company AB",
146
+ "organizationNumber": "5560230053",
147
+ "selected": true
148
+ }
149
+ ]
150
+ };
151
151
  if (!data || !data.profiles || !data.profiles.length) {
152
152
  return;
153
153
  }
@@ -180,13 +180,30 @@ let PnMarketwebSiteheaderLoginProfileselection = class {
180
180
  updateUserInfo() {
181
181
  const userInfo = this.loginManager.getUserInfo();
182
182
  this.user = userInfo;
183
+ if (!userInfo) {
184
+ return;
185
+ }
186
+ if (userInfo.given_name) {
187
+ this.userName = userInfo.given_name;
188
+ return;
189
+ }
190
+ if (userInfo.family_name) {
191
+ this.userName = userInfo.family_name;
192
+ return;
193
+ }
194
+ if (userInfo.username) {
195
+ this.userName = userInfo.username;
196
+ return;
197
+ }
183
198
  }
184
199
  render() {
185
200
  if (!this.loginDialog || !this.profileSelectorDialog) {
186
201
  return;
187
202
  }
188
203
  let hostElementAttribute = {};
189
- return (index.h(index.Host, Object.assign({}, hostElementAttribute), this.heading ? index.h("strong", { class: "pn-marketweb-siteheader-login-profileselection-heading" }, this.heading) : null, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-user" }, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-user-name" }, this.user.given_name), index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-user-description" }, this.user.username)), this.currentProfile !== null && this.currentProfile.name ?
204
+ return (index.h(index.Host, Object.assign({}, hostElementAttribute), this.heading ? index.h("strong", { class: "pn-marketweb-siteheader-login-profileselection-heading" }, this.heading) : null, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-user" }, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-user-name" }, this.userName), (this.userName !== this.user.username) ?
205
+ index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-user-description" }, this.user.username)
206
+ : null), this.currentProfile !== null && this.currentProfile.name ?
190
207
  index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile" }, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-name" }, this.currentProfile.name), index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-description" }, this.currentProfile.organizationNumber))
191
208
  : null, index.h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loggedInLinks.filter(x => x.isLogoutLink === false), loginManager: this.loginManager, idNamespace: this.idNamespace }), index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-divider" }), this.profileSelectorDialog.profiles.filter(x => x.selected === false).map((profile) => {
192
209
  return (index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption" }, index.h("a", { href: `${this.endpoint}/UnifiedLogin/ExternalLoginCallback?returnUrl=${window.location.href}?profile=${profile.organizationNumber}}`, class: "pn-marketweb-siteheader-login-profileselection-profileoption-link" }, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-content" }, index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-name" }, profile.name), index.h("div", { class: "pn-marketweb-siteheader-login-profileselection-profileoption-description" }, profile.organizationNumber)), index.h("pn-icon", { symbol: "arrow-right", small: "false", color: "blue700" }))));
@@ -0,0 +1,27 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-e3e27c79.js');
6
+ const pnSidenavStore = require('./pn-sidenav-store-d9bd9e00.js');
7
+ require('./index-28bbc937.js');
8
+
9
+ const pnSidenavTogglebuttonCss = "pn-sidenav-togglebutton{display:block;width:100%;padding:0.8rem 1.6rem;background:#EFFBFF}@media screen and (min-width: 64em){pn-sidenav-togglebutton{display:none}}";
10
+
11
+ let PnSidenavTogglebutton = class {
12
+ constructor(hostRef) {
13
+ index.registerInstance(this, hostRef);
14
+ /** Specifies which language we want to show navigation in (sv,da,fi,no,en) */
15
+ this.label = "";
16
+ this.i18n = { open: '', close: '', navLabel: '' };
17
+ }
18
+ componentWillLoad() {
19
+ }
20
+ render() {
21
+ return (index.h(index.Host, null, index.h("pn-button", { appearance: "light", icon: "bars", "left-icon": true, small: true, onclick: () => { pnSidenavStore.state.openMenu = !pnSidenavStore.state.openMenu; }, label: this.label }, index.h("slot", null))));
22
+ }
23
+ get hostElement() { return index.getElement(this); }
24
+ };
25
+ PnSidenavTogglebutton.style = pnSidenavTogglebuttonCss;
26
+
27
+ exports.pn_sidenav_togglebutton = PnSidenavTogglebutton;
@@ -34,7 +34,7 @@ const translations = {
34
34
  }
35
35
  };
36
36
 
37
- const pnSidenavCss = "";
37
+ const pnSidenavCss = "pn-sidenav{overflow:hidden}@media screen and (min-width: 64em){pn-sidenav{overflow:inherit}}.sidenav{-webkit-transition:opacity 0.1s ease, -webkit-transform 0.15s ease;transition:opacity 0.1s ease, -webkit-transform 0.15s ease;transition:transform 0.15s ease, opacity 0.1s ease;transition:transform 0.15s ease, opacity 0.1s ease, -webkit-transform 0.15s ease;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}[open=true]>.sidenav{-webkit-transform:none;transform:none;opacity:1}@media screen and (min-width: 64em){.sidenav{-webkit-transform:none;transform:none;opacity:1}}";
38
38
 
39
39
  let PnSidenav = class {
40
40
  constructor(hostRef) {
@@ -50,6 +50,9 @@ let PnSidenav = class {
50
50
  }
51
51
  async init() {
52
52
  this.setLanguage();
53
+ if (window.matchMedia("screen and (min-width:64em)").matches === false) {
54
+ pnSidenavStore.state.openMenu = false;
55
+ }
53
56
  }
54
57
  setLanguage() {
55
58
  if (translations[this.language]) {
@@ -63,7 +66,7 @@ let PnSidenav = class {
63
66
  pnSidenavStore.state.openLevel = event.detail;
64
67
  }
65
68
  render() {
66
- return (index.h(index.Host, null, index.h("nav", { class: "sidenav", "aria-label": this.navLabel }, index.h("slot", null))));
69
+ return (index.h(index.Host, { open: (pnSidenavStore.state.openMenu == true) + '' }, index.h("nav", { class: "sidenav", "aria-label": this.navLabel }, index.h("slot", null))));
67
70
  }
68
71
  get hostElement() { return index.getElement(this); }
69
72
  };
@@ -22,6 +22,7 @@
22
22
  "./components/navigation/pn-mainnav/pn-mainnav.js",
23
23
  "./components/navigation/pn-sidenav/pn-sidenav-level.js",
24
24
  "./components/navigation/pn-sidenav/pn-sidenav-link.js",
25
+ "./components/navigation/pn-sidenav/pn-sidenav-togglebutton.js",
25
26
  "./components/navigation/pn-sidenav/pn-sidenav.js",
26
27
  "./components/navigation/pn-site-footer/pn-site-footer-col.js",
27
28
  "./components/navigation/pn-site-footer/pn-site-footer.js",
@@ -11,19 +11,9 @@ export class PnMarketwebSiteheaderLoginProfileselection {
11
11
  this.i18n = { "searchlabel": "", "searchplaceholder": "", "searchbuttontext": "", "menuHomeButton": "", "menuGoBackButton": "", "mainMenuButton": "", "menuStartButton": "", "profileSelectionFlyoutHeading": "" };
12
12
  this.user = null;
13
13
  this.logoutLink = null;
14
+ this.userName = null;
14
15
  this.profileSelectorDialog = {
15
- profiles: [
16
- // {
17
- // name: 'Hedin',
18
- // organizationNumber: '5560230053',
19
- // selected: true
20
- // } as ProfileSelectorCustomer,
21
- // {
22
- // name: 'Bilmetro AB',
23
- // organizationNumber: '5560612789',
24
- // selected: false
25
- // } as ProfileSelectorCustomer
26
- ]
16
+ profiles: []
27
17
  };
28
18
  this.currentProfile = null;
29
19
  }
@@ -45,7 +35,17 @@ export class PnMarketwebSiteheaderLoginProfileselection {
45
35
  }
46
36
  let apiUrl = `${this.endpoint}${(this.endpoint.lastIndexOf('/') === this.endpoint.length - 1) ? '' : '/'}api/user/parentprofiles`;
47
37
  const req = await fetch(apiUrl);
48
- const data = await req.json();
38
+ // const data = await req.json();
39
+ const data = {
40
+ "loggedin": true,
41
+ "profiles": [
42
+ {
43
+ "name": "Hedin HMC Motor Company AB",
44
+ "organizationNumber": "5560230053",
45
+ "selected": true
46
+ }
47
+ ]
48
+ };
49
49
  if (!data || !data.profiles || !data.profiles.length) {
50
50
  return;
51
51
  }
@@ -78,6 +78,21 @@ export class PnMarketwebSiteheaderLoginProfileselection {
78
78
  updateUserInfo() {
79
79
  const userInfo = this.loginManager.getUserInfo();
80
80
  this.user = userInfo;
81
+ if (!userInfo) {
82
+ return;
83
+ }
84
+ if (userInfo.given_name) {
85
+ this.userName = userInfo.given_name;
86
+ return;
87
+ }
88
+ if (userInfo.family_name) {
89
+ this.userName = userInfo.family_name;
90
+ return;
91
+ }
92
+ if (userInfo.username) {
93
+ this.userName = userInfo.username;
94
+ return;
95
+ }
81
96
  }
82
97
  render() {
83
98
  if (!this.loginDialog || !this.profileSelectorDialog) {
@@ -87,8 +102,10 @@ export class PnMarketwebSiteheaderLoginProfileselection {
87
102
  return (h(Host, Object.assign({}, hostElementAttribute),
88
103
  this.heading ? h("strong", { class: "pn-marketweb-siteheader-login-profileselection-heading" }, this.heading) : null,
89
104
  h("div", { class: "pn-marketweb-siteheader-login-profileselection-user" },
90
- h("div", { class: "pn-marketweb-siteheader-login-profileselection-user-name" }, this.user.given_name),
91
- h("div", { class: "pn-marketweb-siteheader-login-profileselection-user-description" }, this.user.username)),
105
+ h("div", { class: "pn-marketweb-siteheader-login-profileselection-user-name" }, this.userName),
106
+ (this.userName !== this.user.username) ?
107
+ h("div", { class: "pn-marketweb-siteheader-login-profileselection-user-description" }, this.user.username)
108
+ : null),
92
109
  this.currentProfile !== null && this.currentProfile.name ?
93
110
  h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile" },
94
111
  h("div", { class: "pn-marketweb-siteheader-login-profileselection-currentprofile-name" }, this.currentProfile.name),
@@ -271,7 +288,7 @@ export class PnMarketwebSiteheaderLoginProfileselection {
271
288
  "tags": [],
272
289
  "text": ""
273
290
  },
274
- "defaultValue": "{\n profiles: [\n // {\n // name: 'Hedin',\n // organizationNumber: '5560230053',\n // selected: true\n // } as ProfileSelectorCustomer,\n // {\n // name: 'Bilmetro AB',\n // organizationNumber: '5560612789',\n // selected: false\n // } as ProfileSelectorCustomer\n ]\n}"
291
+ "defaultValue": "{\n profiles: []\n}"
275
292
  },
276
293
  "currentProfile": {
277
294
  "type": "unknown",
@@ -297,7 +314,8 @@ export class PnMarketwebSiteheaderLoginProfileselection {
297
314
  }; }
298
315
  static get states() { return {
299
316
  "user": {},
300
- "logoutLink": {}
317
+ "logoutLink": {},
318
+ "userName": {}
301
319
  }; }
302
320
  static get elementRef() { return "hostElement"; }
303
321
  }
@@ -1,6 +1,6 @@
1
1
  import readme from "./readme.md";
2
2
 
3
- const usertoken = '4e524ea52a3972e705c2b55a0e2c466b78fec2be662f98d8d6e1ca6';
3
+ const usertoken = 'f9e34ea2911ba97180534cf02e3bc9c8545ed0de89c17012ffcf859';
4
4
 
5
5
  export default {
6
6
  title: "Web Components/Market web site Header",
@@ -0,0 +1,11 @@
1
+ pn-sidenav-togglebutton {
2
+ display: block;
3
+ width: 100%;
4
+ padding: 0.8rem 1.6rem;
5
+ background: #EFFBFF;
6
+ }
7
+ @media screen and (min-width: 64em) {
8
+ pn-sidenav-togglebutton {
9
+ display: none;
10
+ }
11
+ }
@@ -0,0 +1,47 @@
1
+ import { Component, Prop, h, Host, Element, State } from "@stencil/core";
2
+ import state from "./pn-sidenav-store";
3
+ export class PnSidenavTogglebutton {
4
+ constructor() {
5
+ /** Specifies which language we want to show navigation in (sv,da,fi,no,en) */
6
+ this.label = "";
7
+ this.i18n = { open: '', close: '', navLabel: '' };
8
+ }
9
+ componentWillLoad() {
10
+ }
11
+ render() {
12
+ return (h(Host, null,
13
+ h("pn-button", { appearance: "light", icon: "bars", "left-icon": true, small: true, onclick: () => { state.openMenu = !state.openMenu; }, label: this.label },
14
+ h("slot", null))));
15
+ }
16
+ static get is() { return "pn-sidenav-togglebutton"; }
17
+ static get originalStyleUrls() { return {
18
+ "$": ["pn-sidenav-togglebutton.scss"]
19
+ }; }
20
+ static get styleUrls() { return {
21
+ "$": ["pn-sidenav-togglebutton.css"]
22
+ }; }
23
+ static get properties() { return {
24
+ "label": {
25
+ "type": "string",
26
+ "mutable": false,
27
+ "complexType": {
28
+ "original": "string",
29
+ "resolved": "string",
30
+ "references": {}
31
+ },
32
+ "required": false,
33
+ "optional": false,
34
+ "docs": {
35
+ "tags": [],
36
+ "text": "Specifies which language we want to show navigation in (sv,da,fi,no,en)"
37
+ },
38
+ "attribute": "label",
39
+ "reflect": false,
40
+ "defaultValue": "\"\""
41
+ }
42
+ }; }
43
+ static get states() { return {
44
+ "i18n": {}
45
+ }; }
46
+ static get elementRef() { return "hostElement"; }
47
+ }
@@ -0,0 +1,24 @@
1
+ pn-sidenav {
2
+ overflow: hidden;
3
+ }
4
+ @media screen and (min-width: 64em) {
5
+ pn-sidenav {
6
+ overflow: inherit;
7
+ }
8
+ }
9
+
10
+ .sidenav {
11
+ transition: transform 0.15s ease, opacity 0.1s ease;
12
+ transform: translateX(-100%);
13
+ opacity: 0;
14
+ }
15
+ [open=true] > .sidenav {
16
+ transform: none;
17
+ opacity: 1;
18
+ }
19
+ @media screen and (min-width: 64em) {
20
+ .sidenav {
21
+ transform: none;
22
+ opacity: 1;
23
+ }
24
+ }
@@ -14,6 +14,9 @@ export class PnSidenav {
14
14
  }
15
15
  async init() {
16
16
  this.setLanguage();
17
+ if (window.matchMedia("screen and (min-width:64em)").matches === false) {
18
+ state.openMenu = false;
19
+ }
17
20
  }
18
21
  setLanguage() {
19
22
  if (translations[this.language]) {
@@ -27,7 +30,7 @@ export class PnSidenav {
27
30
  state.openLevel = event.detail;
28
31
  }
29
32
  render() {
30
- return (h(Host, null,
33
+ return (h(Host, { open: (state.openMenu == true) + '' },
31
34
  h("nav", { class: "sidenav", "aria-label": this.navLabel },
32
35
  h("slot", null))));
33
36
  }
@@ -10,7 +10,10 @@ export default {
10
10
  const Template = ({ ...args }) => {
11
11
  return `
12
12
  <div style="min-width:100%;min-height:100vh;background:#eee;padding:1em;">
13
+ <pn-sidenav-togglebutton label="Toggle menu">Handla online</pn-sidenav-togglebutton>
13
14
  <div style="max-width:15em; background:#fff;">
15
+
16
+
14
17
  <pn-sidenav language="${args.language}">
15
18
  <pn-sidenav-level>
16
19
  <pn-sidenav-link name="Start" href="/" icon="home"></pn-sidenav-link>
@@ -236,6 +236,12 @@ export const PnSidenavLink: {
236
236
  new (): PnSidenavLink;
237
237
  };
238
238
 
239
+ interface PnSidenavTogglebutton extends Components.PnSidenavTogglebutton, HTMLElement {}
240
+ export const PnSidenavTogglebutton: {
241
+ prototype: PnSidenavTogglebutton;
242
+ new (): PnSidenavTogglebutton;
243
+ };
244
+
239
245
  interface PnSiteFooter extends Components.PnSiteFooter, HTMLElement {}
240
246
  export const PnSiteFooter: {
241
247
  prototype: PnSiteFooter;