@postnord/pn-marketweb-components 2.3.12 → 2.3.14

package/cjs/pn-language-selector_9.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e3e27c79.js');
-const pnMainnavStore = require('./pn-mainnav-store-61a75ea0.js');
-const pnMarketwebSiteheaderStore = require('./pn-marketweb-siteheader-store-e29ad918.js');
-const index$1 = require('./index-28bbc937.js');
+const index = require('./index-4199ff85.js');
+const pnMainnavStore = require('./pn-mainnav-store-8c337865.js');
+const pnMarketwebSiteheaderStore = require('./pn-marketweb-siteheader-store-5ced6902.js');
+const index$1 = require('./index-95e5b7f9.js');
 
 const translations$1 = {
   sv: {
@@ -35,18 +35,24 @@ const translations$1 = {
   es: {
     heading: 'Idioma',
   },
+  nl: {
+    heading: 'Spraak',
+  },
+  it: {
+    heading: 'Idioma',
+  },
 };
 
 const pnLanguageSelectorCss = "pn-language-selector{max-height:5.2rem}pn-language-selector pn-nav-dropdown:not([data-open]) .nav-dropdown-content-container,pn-language-selector pn-nav-dropdown[data-open=false] .nav-dropdown-content-container{display:none}pn-language-selector pn-nav-dropdown{display:block}.languageselector{position:relative}.languageselector-togglebtn{cursor:pointer;border:0;padding:0.64rem 0;background-color:#FFFFFF;color:#005D92;font-size:1.6rem}.languageselector-togglebtn:hover,.languageselector-togglebtn:focus,.languageselector-togglebtn:active{color:#0D234B;text-decoration:underline}.languageselector-togglebtn svg{width:1.9rem;height:1.9rem}.languageselector-title{padding:0.8rem 1.6rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.languageselector-list{margin:0;padding:0;list-style:none}";
 
-let PnlanguageSelector = class {
+const PnlanguageSelector = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.setLanguage = index.createEvent(this, "setLanguage", 7);
-    /* Current language code  */
     this.value = "";
     this.selectedLanguageName = "";
     this.options = [];
+    this.i18n = undefined;
   }
   componentWillLoad() {
     this.setInitialSelectedLanguageName();
@@ -128,15 +134,15 @@ PnlanguageSelector.style = pnLanguageSelectorCss;
 
 const pnLanguageSelectorOptionCss = "pn-language-selector-option{margin:0;padding:0;list-style:none}.languageselector-button,.languageselector-link{width:100%;padding:1.1rem 1.6rem 1.1rem 1.4rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;text-decoration:none;border:0;cursor:pointer;background-color:#FFFFFF;color:#005D92;font-size:1.6rem;font-weight:bold;border-radius:0}.languageselector-button:hover,.languageselector-button:focus,.languageselector-button:active,.languageselector-link:hover,.languageselector-link:focus,.languageselector-link:active{color:#0D234B;text-decoration:underline;-webkit-box-shadow:none;box-shadow:none;background-color:#F3F2F2;color:#005D92;outline:none}.languageselector-itemtext{display:inline-block;margin-left:1rem}.languageselector-radio-outer{background:#fff;border:0.1em solid #D3CECB;border-radius:50%;height:1.5em;width:1.5em;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s, -webkit-box-shadow 0.1s;cursor:pointer}.languageselector-radio-outer:focus>.languageselector-radio-outer,.languageselector-radio-outer:active>.languageselector-radio-outer{-webkit-box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005D92;box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005D92}.languageselector-radio-outer:hover>.languageselector-radio-outer{border:0.1rem solid #005D92;background:#E0F8FF}[selected=true] .languageselector-radio-outer{border:0.1rem solid #005D92}.languageselector-radio-inner{-webkit-transform:scale(0);transform:scale(0);height:1em;width:1em;background-color:#005D92;border-radius:50%;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92), -webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}[selected=true] .languageselector-radio-inner{-webkit-transform:scale(1);transform:scale(1)}";
 
-let PnlanguageSelectorOption = class {
+const PnlanguageSelectorOption = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.setCurrentLanguage = index.createEvent(this, "setCurrentLanguage", 7);
-    /** What you write in the comment block above each prop is what ends up in the description fields in the prop table in the documentation */
     this.name = "";
     this.code = "";
     this.url = "";
     this.selected = false;
+    this.currentLanguage = undefined;
   }
   onOptionClick() {
     const currentlanguage = {
@@ -154,60 +160,76 @@ let PnlanguageSelectorOption = class {
 PnlanguageSelectorOption.style = pnLanguageSelectorOptionCss;
 
 const translations = {
-  'sv': {
-    "menuHomeButton": "Hem",
-    "menuGoBackButton": "Gå tillbaka",
-    "mainMenuButton": "Meny",
-    "menuStartButton": "Start",
-    "navLabel": "Huvudnavigation",
+  sv: {
+    menuHomeButton: 'Hem',
+    menuGoBackButton: 'Gå tillbaka',
+    mainMenuButton: 'Meny',
+    menuStartButton: 'Start',
+    navLabel: 'Huvudnavigation',
   },
-  'en': {
-    "menuHomeButton": "Home",
-    "menuGoBackButton": "Go back",
-    "mainMenuButton": "Menu",
-    "menuStartButton": "Start",
-    "navLabel": "Main navigation",
+  en: {
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    navLabel: 'Main navigation',
   },
-  'da': {
-    "menuHomeButton": "Hjem",
-    "menuGoBackButton": "Gå tilbage",
-    "mainMenuButton": "Menu",
-    "menuStartButton": "Start",
-    "navLabel": "Hovednavigation"
+  da: {
+    menuHomeButton: 'Hjem',
+    menuGoBackButton: 'Gå tilbage',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    navLabel: 'Hovednavigation',
   },
-  'no': {
-    "menuHomeButton": "Hjem",
-    "menuGoBackButton": "Gå tilbake",
-    "mainMenuButton": "Meny",
-    "menuStartButton": "Start",
-    "navLabel": "Hovednavigasjon",
+  no: {
+    menuHomeButton: 'Hjem',
+    menuGoBackButton: 'Gå tilbake',
+    mainMenuButton: 'Meny',
+    menuStartButton: 'Start',
+    navLabel: 'Hovednavigasjon',
   },
-  'de': {
-    "menuHomeButton": "Home",
-    "menuGoBackButton": "Geh zurück",
-    "mainMenuButton": "Menü",
-    "menuStartButton": "Start",
-    "navLabel": "Hauptnavigation",
+  de: {
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Geh zurück',
+    mainMenuButton: 'Menü',
+    menuStartButton: 'Start',
+    navLabel: 'Hauptnavigation',
+  },
+  zh: {
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    navLabel: 'Main navigation',
+  },
+  it: {
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    navLabel: 'Main navigation',
+  },
+  nl: {
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    navLabel: 'Main navigation',
   },
 };
 
 const pnMainnavCss = "pn-mainnav{display:-ms-flexbox;display:flex;-ms-flex-flow:row-reverse;flex-flow:row-reverse;position:relative;width:100%;min-height:5.1rem}@media screen and (min-width: 48em){pn-mainnav{-ms-flex-flow:row;flex-flow:row}}@media screen and (min-width: 64em){pn-mainnav{-ms-flex-flow:column;flex-flow:column}}@media screen and (min-width: 64em){pn-mainnav [slot=footer]{display:none}}pn-mainnav>nav{height:auto;width:100vw;background-color:#FFFFFF;z-index:2;-webkit-transform:translateX(100vw);transform:translateX(100vw);-webkit-transition:-webkit-transform 0.2s 0s;transition:-webkit-transform 0.2s 0s;transition:transform 0.2s 0s;transition:transform 0.2s 0s, -webkit-transform 0.2s 0s;-webkit-transition-property:visibility, -webkit-transform;transition-property:visibility, -webkit-transform;transition-property:transform, visibility;transition-property:transform, visibility, -webkit-transform;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;visibility:hidden;position:fixed;top:3em;bottom:0;left:0}@media screen and (min-width: 48em){pn-mainnav>nav{top:6.5em}}pn-mainnav>nav[data-menu-open=true]{visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}@media screen and (min-width: 64em){pn-mainnav>nav{-ms-flex-flow:row-reverse;flex-flow:row-reverse;top:0;position:static;height:auto;width:100%;-ms-flex-pack:justify;justify-content:space-between;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}}pn-mainnav>nav a{text-decoration:none}pn-mainnav>nav button{cursor:pointer}.mainnav-toggle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center}@media screen and (min-width: 64em){.mainnav-toggle{display:none}}.mainnav-toggle>button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:#005D92;color:#FFFFFF;border-radius:2.4rem;border:none;padding:0.6rem 1.6rem;cursor:pointer;font-size:1.6rem}.mainnav-toggle>button:focus{outline:0}.mainnav-toggle>button pn-icon{margin-left:0.8rem;display:block}.mainnav-toggle>button svg{display:block;margin:-0.2rem -0.5rem -0.2rem 0;height:1.9rem;width:1.9rem}";
 
-let PnMainnav = class {
+const PnMainnav = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.menuLanguageChange = index.createEvent(this, "menuLanguageChange", 7);
     this.marketChange = index.createEvent(this, "marketChange", 7);
     this.menuOpenChange = index.createEvent(this, "menuOpenChange", 7);
-    /** Specifies which market we want to fetch navigation for (se,dk,fi,no,com) */
     this.market = "se";
-    /** Specifies which language we want to show navigation in (sv,da,fi,no,en) */
     this.language = "sv";
-    /** Specifies which endpoint we should read information from */
     this.navigationId = "mainnav";
-    /** Specifies which endpoint we should read information from */
     this.openMenu = false;
-    /** Sets the label of the navigation (Required if multiple nav elements are on a page) */
     this.navLabel = "";
   }
   componentWillLoad() {
@@ -255,7 +277,7 @@ PnMainnav.style = pnMainnavCss;
 
 const pnMainnavLevelCss = "pn-mainnav-level{display:block}pn-mainnav-level:not(.hydrated){max-height:5.6rem;overflow:hidden}pn-mainnav-level[data-level=\"1\"]{width:100%;right:0;overflow-y:scroll;overflow-x:hidden;-ms-flex:1;flex:1}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"1\"]{width:auto;overflow:initial}pn-mainnav-level[data-level=\"1\"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level=\"2\"]{position:absolute;top:0;bottom:0;left:0;width:100vw;padding:0;background-color:#FFFFFF;z-index:1;-webkit-transform:translateX(100vw);transform:translateX(100vw);-webkit-transition:-webkit-transform 0.2s 0s;transition:-webkit-transform 0.2s 0s;transition:transform 0.2s 0s;transition:transform 0.2s 0s, -webkit-transform 0.2s 0s;-webkit-transition-property:visibility, -webkit-transform;transition-property:visibility, -webkit-transform;transition-property:transform, visibility;transition-property:transform, visibility, -webkit-transform;overflow:scroll;visibility:hidden}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"]{left:0;top:calc(100% + 1rem);bottom:auto;border-radius:1.6rem;width:auto;padding:1.6rem 1.6rem 0 1.6rem;-webkit-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);-moz-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);height:auto;z-index:3;display:none}pn-mainnav-level[data-level=\"2\"][data-menuitem-rightaligned=true]{right:0;left:unset}}@media screen and (max-height: 33.125em){pn-mainnav-level[data-level=\"2\"]{-ms-overflow-style:none;scrollbar-width:none}pn-mainnav-level[data-level=\"2\"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level=\"2\"][aria-hidden=false]{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"][aria-hidden=false]{display:block;overflow:visible}pn-mainnav-level[data-level=\"2\"][aria-hidden=false]:not([data-level-listcount=\"1\"]){display:grid;grid-template-columns:minmax(12em, 20em) 1fr;grid-template-rows:auto auto;gap:0px 1.6rem;grid-template-areas:\"top top\" \"left right\"}}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"][data-level-alignment=left]{right:0;left:unset}}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"][data-level-alignment=center]{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}pn-mainnav-level[data-level=\"2\"] a{color:#005D92;text-decoration:none}pn-mainnav-level [slot=top]{display:-ms-flexbox;display:flex}@media screen and (min-width: 48em){pn-mainnav-level [slot=top]{display:none}}[data-menu-currentlevel=\"2\"] pn-mainnav-level [slot=footer]{display:none;-ms-scroll-chaining:none;overscroll-behavior:contain}.mainnav-level-header{grid-area:top}.mainnav-level-header>label{position:absolute;width:0.1rem;height:0.1rem;padding:0;margin:-0.1rem;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;white-space:nowrap}.mainnav-level-header>button{display:block;position:relative;border:none;background-color:transparent;color:#005D92;padding:2.4rem 0 2.4rem 6.2rem;width:100%;text-align:left}@media screen and (min-width: 64em){.mainnav-level-header>button{display:none;speak:none}}.mainnav-level-header>button>pn-icon{speak:none;position:absolute;height:2.4rem;width:2.4rem;left:3rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-level=\"2\"] .mainnav-level-header>pn-mainnav-link>a{font-size:2.4rem}";
 
-let PnMainnavLevel = class {
+const PnMainnavLevel = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.label = "";
@@ -337,7 +359,7 @@ PnMainnavLevel.style = pnMainnavLevelCss;
 
 const pnMainnavListCss = "pn-mainnav-list{display:block;overflow:visible;list-style:none;margin:0;padding:0;grid-area:right}@media screen and (min-width: 64em){pn-mainnav-list+pn-mainnav-list{grid-area:left;border-right:0.1rem solid #D3CECB;margin-bottom:1.6rem;margin-right:-0.7rem;padding-right:0.7rem}}[data-level=\"1\"]>pn-mainnav-list{overflow:scroll;-webkit-overflow-scrolling:touch}@media screen and (min-width: 64em){[data-level=\"1\"]>pn-mainnav-list{height:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;overflow:visible;padding:0}}@media screen and (min-width: 64em){[data-level=\"2\"]>pn-mainnav-list[data-navlist-showcolumns=true]{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:1.6rem;-moz-column-gap:1.6rem;column-gap:1.6rem;padding-bottom:1.6rem}}.mainnav-list-heading{display:none;font-weight:bold;-webkit-column-span:all;-moz-column-span:all;column-span:all;font-size:1.8rem;padding:1.4rem 1.4rem 1.4rem 4.8rem}@media screen and (min-width: 64em){.mainnav-list-heading{display:block;padding:0 1.4rem 1.4rem 1.4rem}}";
 
-let PnMainnavList = class {
+const PnMainnavList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.heading = "";
@@ -710,14 +732,12 @@ class MarketWebLoginManager {
 
 const pnMarketwebSiteheaderLoginCss = "pn-marketweb-siteheader-login{padding:1rem 0;max-height:5.2rem;position:relative}pn-marketweb-siteheader-login pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content{max-width:350px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:2.4rem;padding:4rem}pn-marketweb-siteheader-login pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content pn-button{width:100%}pn-marketweb-siteheader-login pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content pn-marketweb-siteheader-unified-login::after{display:block;content:\"\";height:2px;background:#F9F8F8;width:100%;margin-top:2.4rem}pn-marketweb-siteheader-login pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span::before{display:block;content:\"\";height:2px;background:#F9F8F8;width:100%;margin-bottom:2.4rem}pn-marketweb-siteheader-login pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span{font-size:1.4rem;color:#2D2013}pn-marketweb-siteheader-login pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span a{text-decoration:none;color:#005D92}pn-marketweb-siteheader-login pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span a:hover{text-decoration:underline}pn-marketweb-siteheader-login pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span *{margin-bottom:0}pn-marketweb-siteheader-login pn-nav-dropdown{display:none}pn-marketweb-siteheader-login.hydrated pn-nav-dropdown{display:block}";
 
-let PnMarketwebSiteheaderLogin = class {
+const PnMarketwebSiteheaderLogin = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.loginStateChange = index.createEvent(this, "loginStateChange", 7);
     var _a;
-    /** Specifies which endpoint domain we should load from */
     this.endpoint = '';
-    /** Access token passed from backend */
     this.token = '';
     this.i18n = {
       searchlabel: '',
@@ -733,17 +753,14 @@ let PnMarketwebSiteheaderLogin = class {
     };
     this.siteUrl = '';
     this.emitEvents = true;
-    // Login dialog
     this.loginDialog = null;
-    /** User Fullname */
     this.fullname = '';
     this.loggedin = false;
-    /** If this is selected we will show the new profile selection dropdown instead of the login version */
     this.showProfileSelection = false;
-    /** if this is selected we will show the unifiedlogin button along with new look for dropdown */
     this.showUnifiedLogin = false;
-    /** Continiously check if a user is logged in **/
     this.checkUserLoggedInStateInterval = 0;
+    this.environment = undefined;
+    this.loginLinks = undefined;
     this.toggleButtonText = ((_a = this.loginDialog) === null || _a === void 0 ? void 0 : _a.loginMenuLinkText) ? this.loginDialog.loginMenuLinkText : '';
     this.username = this.fullname;
   }
@@ -886,24 +903,17 @@ const { state, onChange } = index$1.createStore({
 
 const pnMarketwebSiteheaderSearchCss = ".siteheader-search a{display:none}@media screen and (min-width: 48em){.siteheader-search a{display:block}}.siteheader-search pn-search-field>.input-container button{background:#FFFFFF}.siteheader-search pn-search-field.button-icon pn-button,.siteheader-search pn-button{display:-ms-inline-flexbox;display:inline-flex}.siteheader-search pn-search-field.button-icon pn-button button,.siteheader-search pn-button button{-ms-flex-item-align:center;align-self:center;padding:0;height:2.3em;width:2.3em;line-height:0;min-height:unset;min-width:unset}.siteheader-search pn-search-field.button-icon pn-button pn-icon,.siteheader-search pn-button pn-icon{margin-left:0}.siteheader-search form{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:stretch;align-items:stretch;width:auto;-ms-flex:none;flex:none;display:-ms-flexbox;display:flex;padding:0;margin:0 0 0 0.4rem;position:relative;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 60em){.siteheader-search form{margin-right:1.6rem}}.siteheader-search form pn-search-field{min-width:13.5em}.siteheader-search form pn-search-field .input-container{-ms-flex-item-align:center;align-self:center}.siteheader-search form pn-search-field input{height:auto;min-height:1em;padding:0.6em 0.75em}";
 
-let PnMarketwebSiteheaderSearch = class {
+const PnMarketwebSiteheaderSearch = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    // Display option, show only link
+    this.i18n = undefined;
     this.showOnlyLink = false;
-    // Hide search option
     this.hideSearch = false;
-    /** Specifies which language we want to show (sv,da,fi,no,en) */
     this.language = null;
-    /** Specifies the current site id (guid)*/
     this.siteid = null;
-    // Search data
     this.search = {};
-    // Is this the primary instance?
     this.primary = false;
-    // Only Show icon as search button?
     this.icononly = true;
-    // Autocomplete options
     this.autoCompleteOptions = [];
   }
   onSearchValueUpdate() {
@@ -1009,14 +1019,11 @@ const languageData = {
 
 const pnSiteSelectorCss = "pn-site-selector{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;max-height:5.2rem}@media screen and (min-width: 75em){pn-site-selector{display:block}}.siteselector-heading{display:block;padding:0;margin-bottom:1.6rem}@media screen and (min-width: 75em){.siteselector-heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:0.8rem}}.siteselector-list{list-style:none;margin:0;padding:0}";
 
-let PnSiteSelector = class {
+const PnSiteSelector = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /* Site selector Button text */
     this.buttontext = "postnord";
-    /* Site selector flyout title */
     this.heading = "PostNord";
-    /** Specifies which language we want to show navigation in (sv,da,fi,no,en) */
     this.language = "sv";
     this.i18n = { navlabel: "Site selector" };
   }
@@ -1037,16 +1044,12 @@ PnSiteSelector.style = pnSiteSelectorCss;
 
 const pnSiteSelectorItemCss = "pn-site-selector-item{display:block}pn-site-selector-item>div,pn-site-selector-item>a{padding:0.8rem 0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative}.siteselector-item-link{border-radius:0;text-decoration:none;color:#005D92;-ms-flex-direction:row;flex-direction:row}.siteselector-item-link:hover,.siteselector-item-link:focus{background-color:#F3F2F2;color:#005D92;text-decoration:underline;outline:none;-webkit-box-shadow:none;box-shadow:none}.siteselector-item-link:active{background-color:#F3F2F2;color:#00A0D6;outline:none}.siteselector-item-link>span{-ms-flex-positive:1;flex-grow:1}.siteselector-item-link pn-icon{right:3.2rem;height:1.9rem;width:1.9rem;-ms-flex-item-align:center;align-self:center}.siteselector-item-link pn-icon svg{width:100%;height:auto}.siteselector-item-title{display:block}.siteselector-item-description{color:#2D2013;font-size:1.28rem}a:hover>.siteselector-item-description,a:focus>.siteselector-item-description{background-color:#F3F2F2;color:#005D92;text-decoration:underline;outline:none}a:active>.siteselector-item-description{background-color:#F3F2F2;color:#00A0D6;outline:none}";
 
-let PnSiteSelectorItem = class {
+const PnSiteSelectorItem = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /* Link URL */
     this.url = "";
-    /* Link title  */
     this.heading = "";
-    /* Link description */
     this.description = "";
-    /* Open link in new window */
     this.newwindow = false;
   }
   render() {

package/cjs/pn-line-shape.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e3e27c79.js');
+const index = require('./index-4199ff85.js');
 
 const pnLineShapeCss = "pn-line-shape .pn-line-shape__container{display:-ms-flexbox;display:flex}pn-line-shape .pn-line-shape__line{border-style:solid;border-width:0.4rem;border-radius:1.6rem;border-color:#00A0D6}pn-line-shape .pn-line-shape__dot{width:0.8rem;border-style:solid;border-width:0.4rem;border-radius:1.6rem;height:0.8rem;border-color:#00A0D6}pn-line-shape[slot=horizontal-line] .pn-line-shape__container{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;gap:0.8rem;padding:2.4rem 0}pn-line-shape[slot=horizontal-line] .pn-line-shape__line{height:0.8rem;width:100%}pn-line-shape[slot=vertical-line] .pn-line-shape__container{height:100%;-ms-flex-direction:column;flex-direction:column;gap:0.8rem;padding:0.8rem 0.5rem}pn-line-shape[slot=vertical-line] .pn-line-shape__line{height:100%;width:0.8rem}";
 
-let PnLineShape = class {
+const PnLineShape = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }

package/cjs/pn-mainnav-link.cjs.entry.js

@@ -2,26 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e3e27c79.js');
-const pnMainnavStore = require('./pn-mainnav-store-61a75ea0.js');
-require('./index-28bbc937.js');
+const index = require('./index-4199ff85.js');
+const pnMainnavStore = require('./pn-mainnav-store-8c337865.js');
+require('./index-95e5b7f9.js');
 
 const pnMainnavLinkCss = "pn-mainnav-link{display:block}pn-mainnav-link button,pn-mainnav-link a{font-weight:normal;position:relative;border:0 none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:transparent;color:#005D92}pn-mainnav-link button:hover,pn-mainnav-link button:focus,pn-mainnav-link a:hover,pn-mainnav-link a:focus{background-color:#FFFFFF;color:#005D92;outline:0;-webkit-box-shadow:none;box-shadow:none}pn-mainnav-link button:active,pn-mainnav-link a:active{background-color:#F3F2F2;color:#00A0D6;-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link{height:100%;padding-left:0;position:relative;scroll-snap-align:center}}[data-level=\"1\"] pn-mainnav-link:first-child{border-top:0.1rem solid #F3F2F2}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link:first-child{border:0}}[data-level=\"1\"] pn-mainnav-link>button,[data-level=\"1\"] pn-mainnav-link>a{font-size:2rem;width:100%;border-bottom:0.1rem solid #F3F2F2;height:auto;padding:1.9rem 0 1.9rem 3rem}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link>button,[data-level=\"1\"] pn-mainnav-link>a{height:100%;border:0;font-size:1.6rem;font-weight:normal;position:relative;outline:0;overflow:hidden;padding:1.6rem 1.6rem;white-space:nowrap}[data-level=\"1\"] pn-mainnav-link>button::before,[data-level=\"1\"] pn-mainnav-link>a::before{content:\"\";background-color:#00A0D6;position:absolute;bottom:0;left:0;width:100%;height:0.5em;border-radius:0.5em 0.5em 0 0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92), -webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}[data-level=\"1\"] pn-mainnav-link>button:hover::before,[data-level=\"1\"] pn-mainnav-link>button:focus::before,[data-level=\"1\"] pn-mainnav-link>a:hover::before,[data-level=\"1\"] pn-mainnav-link>a:focus::before{-webkit-transform:translateY(0);transform:translateY(0)}[data-level=\"1\"] pn-mainnav-link>button:active,[data-level=\"1\"] pn-mainnav-link>a:active{outline:0;-webkit-box-shadow:none;box-shadow:none;color:#005D92}[data-level=\"1\"] pn-mainnav-link>button:active::before,[data-level=\"1\"] pn-mainnav-link>a:active::before{background-color:#8EDDF9;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link>button:hover,[data-level=\"1\"] pn-mainnav-link>button:focus,[data-level=\"1\"] pn-mainnav-link>a:hover,[data-level=\"1\"] pn-mainnav-link>a:focus{text-decoration:none}}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link>button[aria-expanded=true]::before,[data-level=\"1\"] pn-mainnav-link>a[aria-expanded=true]::before{content:\"\";background-color:#00A0D6;position:absolute;bottom:0;left:0;width:100%;height:0.5em;border-radius:0.5em 0.5em 0 0;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:-webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92), -webkit-transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}}[data-level=\"1\"] pn-mainnav-link [aria-expanded=true] .first-level_icon{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}[data-level=\"1\"] pn-mainnav-link pn-icon.first-level_icon{-webkit-transition:0.25s linear transform;transition:0.25s linear transform;width:1.92rem;height:1.92rem;display:none}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link pn-icon.first-level_icon{display:block}}[data-level=\"1\"] pn-mainnav-link pn-icon.first-level_arrow{display:block;position:absolute;height:2.4rem;width:2.4rem;right:2.4rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (min-width: 64em){[data-level=\"1\"] pn-mainnav-link pn-icon.first-level_arrow{display:none}}[data-level=\"1\"] pn-mainnav-link pn-icon svg{pointer-events:none;speak:none;width:100%;height:100%}@media screen and (min-width: 64em){pn-mainnav-level[data-level=\"2\"]:not([data-level-listcount=\"1\"]) pn-mainnav-list:last-child pn-mainnav-link>a{min-width:unset}}[data-level=\"2\"] pn-mainnav-link{position:static;display:inline-block;width:100%;height:auto}@media screen and (min-width: 64em){[data-level=\"2\"] pn-mainnav-link{padding-left:0;margin-bottom:1.6rem}}[data-level=\"2\"] pn-mainnav-link>a{font-size:1.6rem;border-bottom:0.1rem solid #F3F2F2;padding:2.2rem 0 2.2rem 3rem;white-space:normal}@media screen and (min-width: 64em){[data-level=\"2\"] pn-mainnav-link>a{min-width:16em;border:0;border-radius:1rem;padding:1.4rem 1.6rem}}[data-level=\"2\"] pn-mainnav-link>a:hover{background-color:#FFFFFF;color:#005D92}[data-level=\"2\"] pn-mainnav-link>a:hover,[data-level=\"2\"] pn-mainnav-link>a:focus{-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 64em){[data-level=\"2\"] pn-mainnav-link>a:hover,[data-level=\"2\"] pn-mainnav-link>a:focus{background-color:#F3F2F2;color:#005D92;text-decoration:underline;outline:0}}[data-level=\"2\"] pn-mainnav-link>a:hover::before,[data-level=\"2\"] pn-mainnav-link>a:focus::before{content:none}[data-level=\"2\"] pn-mainnav-link>a:active{-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 64em){[data-level=\"2\"] pn-mainnav-link>a:active{background-color:#F3F2F2;color:#00A0D6;outline:0}}[data-level=\"2\"] pn-mainnav-link>a:active::before{content:none}[data-level=\"2\"] pn-mainnav-link pn-icon{display:inline-block;margin-left:0.2em;min-width:1.5rem;width:1.5rem;height:1.5rem}";
 
-let PnMainnavLink = class {
+const PnMainnavLink = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** Name */
     this.name = "";
-    /** Href */
     this.href = "";
-    /** Target */
     this.target = "";
-    /** Link id */
     this.linkid = "";
-    /** Level ID that we control toggle on */
     this.levelId = "";
-    /** Menu item is open */
     this.open = false;
     this.hasChildren = false;
   }

package/cjs/{pn-mainnav-store-61a75ea0.js → pn-mainnav-store-8c337865.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-28bbc937.js');
+const index = require('./index-95e5b7f9.js');
 
 // Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
 const { state, onChange } = index.createStore({

package/cjs/pn-market-web-components.cjs.js

@@ -1,9 +1,11 @@
 'use strict';
 
-const index = require('./index-e3e27c79.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-4199ff85.js');
 
 /*
- Stencil Client Patch Browser v2.14.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     {
@@ -57,3 +59,5 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
 patchBrowser().then(options => {
   return index.bootstrapLazy(JSON.parse("[[\"pn-marketweb-siteheader.cjs\",[[4,\"pn-marketweb-siteheader\",{\"market\":[1537],\"language\":[1537],\"siteid\":[1],\"environment\":[1537],\"userToken\":[1,\"user-token\"],\"userFullname\":[1,\"user-fullname\"],\"userLoggedin\":[516,\"user-loggedin\"],\"endpoint\":[1],\"hideSiteSelector\":[1540,\"hide-site-selector\"],\"hideHomeMenuItem\":[1540,\"hide-home-menu-item\"],\"hideLanguageSelector\":[1540,\"hide-language-selector\"],\"hideSearch\":[1540,\"hide-search\"],\"hideLogin\":[1540,\"hide-login\"],\"showProfileSelection\":[1540,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"AutocompleteEndpoint\":[1,\"autocomplete-endpoint\"],\"sessionForward\":[4,\"session-forward\"],\"cache\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"spaMode\":[4,\"spa-mode\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"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]},[[0,\"setLanguage\",\"onLanguageSelectorChange\"],[0,\"loginStateChange\",\"onLoginStateChange\"],[9,\"resize\",\"handleResize\"]]]]],[\"pn-proxio-findprice.cjs\",[[0,\"pn-proxio-findprice\",{\"endpoint\":[1025],\"language\":[1025],\"market\":[1025],\"showMedium\":[4,\"show-medium\"],\"cache\":[4],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"sizecategory\":[32],\"data\":[32]}]]],[\"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-proxio-pricegroup.cjs\",[[0,\"pn-proxio-pricegroup\",{\"endpoint\":[1025],\"language\":[1],\"market\":[1],\"tariffid\":[1],\"cache\":[4],\"activeWeightIndex\":[32],\"data\":[32],\"i18n\":[32]},[[0,\"activeWeightIndex\",\"setActiveWeightIndex\"],[0,\"language\",\"setLanguage\"]]]]],[\"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],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"cache\":[4],\"theme\":[513],\"backgroundcolor\":[513],\"siteDefinition\":[32],\"footerContent\":[32],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32]}]]],[\"pn-parcel-tracker.cjs\",[[0,\"pn-parcel-tracker\",{\"formActionUrl\":[1,\"form-action-url\"],\"heading\":[1],\"buttonLabel\":[1,\"button-label\"],\"locale\":[1],\"placeholder\":[1],\"inputName\":[1,\"input-name\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"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-share.cjs\",[[0,\"pn-share\",{\"link\":[1],\"language\":[1537],\"i18n\":[32]}]]],[\"pn-stats-info.cjs\",[[4,\"pn-stats-info\",{\"heading\":[1],\"dataArray\":[1,\"data-array\"],\"backgroundUrl\":[1,\"background-url\"],\"myParsedArray\":[32]}]]],[\"pn-animated-tile.cjs\",[[4,\"pn-animated-tile\",{\"toggled\":[32],\"transitionClassName\":[32],\"animateIcon\":[32]}]]],[\"pn-bonus-progressbar.cjs\",[[4,\"pn-bonus-progressbar\",{\"icon\":[1],\"heading\":[1],\"sumtext\":[513],\"theme\":[513],\"bonuspercentage\":[1],\"currency\":[513],\"value\":[1538],\"min\":[1538],\"max\":[1538],\"valuepercentage\":[32],\"progresspercentage\":[32],\"levelValues\":[32],\"currentLevelAdjustedValue\":[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-breakpoints.cjs\",[[0,\"pn-breakpoints\",{\"breakPointClass\":[1,\"break-point-class\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-chart.cjs\",[[0,\"pn-chart\",{\"labels\":[1],\"dataSets\":[1,\"data-sets\"],\"dataChartType\":[8,\"data-chart-type\"],\"myChartCtxRef\":[32]}]]],[\"pn-charts-card.cjs\",[[4,\"pn-charts-card\",{\"header\":[1],\"highlight\":[1],\"preamble\":[1],\"label\":[1],\"source\":[1],\"sourceUrl\":[1,\"source-url\"],\"ctaLinkText\":[1,\"cta-link-text\"],\"openInNewWindow\":[4,\"open-in-new-window\"]}]]],[\"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-line-shape.cjs\",[[0,\"pn-line-shape\"]]],[\"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-multi-formfield.cjs\",[[4,\"pn-multi-formfield\",{\"value\":[1040],\"formFieldClassName\":[1,\"form-field-class-name\"],\"formFieldOuterParentClassName\":[1,\"form-field-outer-parent-class-name\"],\"formRow\":[32],\"formValues\":[32],\"elementToCopy\":[32],\"fieldsPerRowCount\":[32],\"newRowStartIndex\":[32],\"originalLabelNames\":[32]}]]],[\"pn-product-tile.cjs\",[[4,\"pn-product-tile\"]]],[\"pn-profile-modal.cjs\",[[4,\"pn-profile-modal\",{\"heading\":[1],\"continueCtaText\":[1,\"continue-cta-text\"],\"choosenCompanyText\":[1,\"choosen-company-text\"],\"toText\":[1,\"to-text\"],\"chooseCustomerNumberText\":[1,\"choose-customer-number-text\"],\"isLoading\":[32]},[[0,\"urlSelected\",\"onUrlSelected\"]]]]],[\"pn-profile-modal-customernumber.cjs\",[[4,\"pn-profile-modal-customernumber\",{\"url\":[513],\"customernumber\":[513],\"selected\":[516]}]]],[\"pn-profile-modal-profile.cjs\",[[4,\"pn-profile-modal-profile\",{\"heading\":[513],\"description\":[513],\"url\":[513],\"selected\":[1028],\"showCustomerNumbers\":[516,\"show-customer-numbers\"],\"pleaseSelectText\":[513,\"please-select-text\"],\"visible\":[1540],\"identifier\":[32]}]]],[\"pn-profile-modal-type.cjs\",[[4,\"pn-profile-modal-type\",{\"typeid\":[513],\"name\":[1025],\"selected\":[1028],\"selectedprofile\":[1025]}]]],[\"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-quick-cta.cjs\",[[4,\"pn-quick-cta\",{\"heading\":[1],\"preamble\":[1]}]]],[\"pn-quote-card.cjs\",[[4,\"pn-quote-card\",{\"quote\":[1],\"name\":[1],\"occupation\":[1]}]]],[\"pn-scroll.cjs\",[[4,\"pn-scroll\",{\"intersectionCustomCallback\":[16],\"observerOptions\":[16],\"behaviourClasses\":[1,\"behaviour-classes\"],\"transitionDurationSeconds\":[2,\"transition-duration-seconds\"],\"compId\":[32]}]]],[\"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-spotlight.cjs\",[[4,\"pn-spotlight\",{\"heading\":[1],\"preamble\":[1],\"isDynamic\":[4,\"is-dynamic\"],\"addDynamic\":[32]}]]],[\"pn-teaser-card.cjs\",[[4,\"pn-teaser-card\",{\"text\":[1],\"heading\":[1],\"label\":[1],\"dataCardColor\":[513,\"data-card-color\"],\"dataCardAlignment\":[513,\"data-card-alignment\"],\"hasCtaSlotContent\":[32],\"hasIllustrationSlot\":[32]}]]],[\"pn-titletag.cjs\",[[4,\"pn-titletag\",{\"icon\":[1],\"color\":[1537]}]]],[\"pn-proxio-findprice-result.cjs\",[[0,\"pn-proxio-findprice-result\",{\"item\":[1040],\"activeweight\":[1026],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"language\":[1025],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32],\"i18n\":[32]}]]],[\"pn-product-card_3.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-product-card\"]]],[\"pn-find-service-and-price-result.cjs\",[[0,\"pn-find-service-and-price-result\",{\"item\":[1040],\"shownitems\":[16],\"weightText\":[32]}]]],[\"pn-share-item.cjs\",[[4,\"pn-share-item\",{\"link\":[1],\"text\":[1]}]]],[\"pn-stats-info-data.cjs\",[[0,\"pn-stats-info-data\",{\"data\":[2],\"unit\":[1],\"preamble\":[1],\"duration\":[2],\"index\":[2],\"hasBeenShown\":[32],\"compId\":[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],\"theme\":[513]}],[4,\"pn-site-footer-col\",{\"theme\":[513]}]]],[\"pn-mainnav-link.cjs\",[[4,\"pn-mainnav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"levelId\":[32],\"open\":[32],\"hasChildren\":[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-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-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-marketweb-siteheader-login-linklist.cjs\",[[0,\"pn-marketweb-siteheader-login-linklist\",{\"heading\":[1],\"links\":[16],\"idNamespace\":[1,\"id-namespace\"],\"showUnifiedLogin\":[4,\"show-unified-login\"]}]]],[\"pn-marketweb-siteheader-login-button_5.cjs\",[[0,\"pn-marketweb-siteheader-unified-login\",{\"loggedIn\":[4,\"logged-in\"],\"myPageLabel\":[1,\"my-page-label\"],\"myPageUrl\":[1,\"my-page-url\"],\"logInLabel\":[1,\"log-in-label\"]}],[0,\"pn-marketweb-siteheader-login-links\",{\"loginDialog\":[1040],\"idNamespace\":[1,\"id-namespace\"],\"loggedin\":[516],\"username\":[1],\"showUnifiedLogin\":[4,\"show-unified-login\"]}],[0,\"pn-marketweb-siteheader-login-profileselection\",{\"loginDialog\":[1040],\"endpoint\":[1],\"loggedin\":[4],\"idNamespace\":[1,\"id-namespace\"],\"heading\":[1],\"i18n\":[16],\"currentProfile\":[1040],\"profileoptions\":[1040],\"user\":[32],\"logoutLink\":[32],\"userName\":[32],\"userEmail\":[32]}],[0,\"pn-marketweb-siteheader-login-button\",{\"label\":[1]}],[0,\"pn-marketweb-siteheader-login-mypage-button\",{\"label\":[1],\"myPageUrl\":[1,\"my-page-url\"]}]]],[\"pn-language-selector_9.cjs\",[[0,\"pn-marketweb-siteheader-login\",{\"endpoint\":[1],\"token\":[1],\"i18n\":[16],\"siteUrl\":[1,\"site-url\"],\"emitEvents\":[4,\"emit-events\"],\"loginDialog\":[1040],\"fullname\":[1],\"loggedin\":[4],\"showProfileSelection\":[1028,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"environment\":[1],\"loginLinks\":[32],\"toggleButtonText\":[32],\"username\":[32]}],[4,\"pn-mainnav-level\",{\"label\":[1537],\"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],\"siteid\":[1],\"search\":[1040],\"primary\":[4],\"icononly\":[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-proxio-productcard_4.cjs\",[[4,\"pn-proxio-productcard\"],[0,\"pn-proxio-productcard-description\",{\"heading\":[1],\"highlight\":[1],\"description\":[1],\"list\":[1040]}],[0,\"pn-proxio-productcard-information\",{\"label\":[1],\"information\":[16]}],[0,\"pn-proxio-productcard-pricelink\",{\"price\":[1],\"vatText\":[1,\"vat-text\"],\"link\":[1],\"linktext\":[1]}]]]]"), options);
 });
+
+exports.setNonce = index.setNonce;

package/cjs/pn-marketweb-input.cjs.entry.js

@@ -2,21 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e3e27c79.js');
+const index = require('./index-4199ff85.js');
 
 const pnMarketwebInputCss = "pn--marketweb-input{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}pn-marketweb-input input{padding:0.75em;font-size:1em;font-weight:500;-webkit-font-smoothing:antialiased;outline:none;border-radius:0.8rem;border:0.1rem solid #5E554A;-webkit-transition:border 0.15s, -webkit-box-shadow 0.15s;transition:border 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, border 0.15s;transition:box-shadow 0.15s, border 0.15s, -webkit-box-shadow 0.15s;color:#000000;width:100%}pn-marketweb-input input::-webkit-input-placeholder{color:#969087;font-weight:normal}pn-marketweb-input input::-moz-placeholder{color:#969087;font-weight:normal}pn-marketweb-input input:-ms-input-placeholder{color:#969087;font-weight:normal}pn-marketweb-input input::-ms-input-placeholder{color:#969087;font-weight:normal}pn-marketweb-input input::placeholder{color:#969087;font-weight:normal}pn-marketweb-input input:focus{border:0.1rem solid #005D92;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}pn-marketweb-input input:hover{border:0.1rem solid #00A0D6}pn-marketweb-input input:disabled{background:#F3F2F2;border:none}pn-marketweb-input>.input-container{position:relative}pn-marketweb-input>.input-container>button{position:absolute;right:1.2rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#005D92;padding:0.6rem;border-radius:0.8rem;outline:none;-webkit-transition:border 0.1s, background 0.2s, color 0.1s;transition:border 0.1s, background 0.2s, color 0.1s;border:0.1rem solid transparent}pn-marketweb-input>.input-container>button:focus{border:0.1rem solid #005D92}pn-marketweb-input>.input-container>button:hover{background:#E0F8FF}pn-marketweb-input>.input-container>button:active{background:#005D92;color:white}pn-marketweb-input>.input-container>svg{position:absolute;right:0.75em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:1.5em;width:1.5em;pointer-events:none}pn-marketweb-input>.input-container>svg polyline{stroke-linecap:round;-webkit-transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86)}pn-marketweb-input>.input-container>svg.pn-input-checkmark polyline{stroke:#005E41;stroke-dashoffset:23;stroke-dasharray:23}pn-marketweb-input .label-container{margin-bottom:0.4rem;color:#5E554A;font-size:0.875em;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:end;align-items:flex-end}pn-marketweb-input .label-container label{cursor:pointer;-webkit-transition:color 0.2s;transition:color 0.2s}.label-container label.char-count{-ms-flex-negative:0;flex-shrink:0;padding-left:0.5em}pn-marketweb-input small{font-size:0.75em;font-size:max(.6em, 1.2rem);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:-webkit-transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86), -webkit-transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);margin-top:0.5em;color:#5E554A}pn-input.error{color:#A70707}pn-input.error label{color:#A70707}pn-input.error small{color:#A70707}pn-input.error small>pn-icon{margin-right:0.25em}pn-input.error input{border:0.1rem solid #A70707}pn-input.error input:focus{border:0.1rem solid #A70707;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #A70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #A70707}pn-input.error input:hover{border:0.1rem solid #F06365}pn-input.valid{color:#005E41}pn-input.valid .input-container>svg.pn-input-checkmark polyline{stroke-dashoffset:0}pn-input.valid label{color:#005E41}pn-input.valid input{border:0.1rem solid #005E41}pn-input.valid input:focus{border:0.1rem solid #005E41;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005E41;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005E41}pn-input.valid input:hover{border:0.1rem solid #5EC584}pn-marketweb-input.password input{padding-right:4em}pn-marketweb-input.icon input{padding-right:2.3em}";
 
-let PnMarketwebInput = class {
+const PnMarketwebInput = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.disabled = false;
-    /** Error message; will take precedence over helpertext if both are provided (applies invalid styles automatically) */
     this.error = '';
-    /** Error state without message (If you want to control the error messaging on your own) */
     this.invalid = false;
-    /** Text message placed underneath the input field */
     this.helpertext = '';
-    /** Text label placed above the input field */
     this.label = '';
     this.placeholder = '';
     this.inputid = `${Math.random()}`;
@@ -26,7 +22,6 @@ let PnMarketwebInput = class {
     this.autocomplete = '';
     this.valid = null;
     this.value = '';
-    /** The maximum number of characters the user should be able to add, also adds a visible counter */
     this.maxlength = '';
     this.min = '';
     this.max = '';

package/cjs/pn-marketweb-search.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e3e27c79.js');
+const index = require('./index-4199ff85.js');
 
 const pnMarketwebSearchCss = ":host{display:-ms-inline-flexbox;display:inline-flex}:host>pn-button{margin-left:0.35em}:host>pn-button button .pn-button-bg{-webkit-transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, left 0.2s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, left 0.2s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, left 0.2s, transform 0.2s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, left 0.2s, transform 0.2s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s}:host>pn-button[data-loading=true] .pn-button-bg{left:0;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, -webkit-box-shadow 0.1s}:host>pn-button[data-loading=true] pn-spinner{left:0.75em}:host input{padding:0.75em;min-height:3em;font-size:1em;height:100%;font-weight:500;-webkit-font-smoothing:antialiased;outline:none;border-radius:3em;border:0.1rem solid #5E554A;-webkit-transition:border 0.15s, -webkit-box-shadow 0.15s;transition:border 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, border 0.15s;transition:box-shadow 0.15s, border 0.15s, -webkit-box-shadow 0.15s;color:#000000;width:100%}:host input::-webkit-search-cancel-button{display:none}:host input::-webkit-input-placeholder{color:#969087;font-weight:normal}:host input::-moz-placeholder{color:#969087;font-weight:normal}:host input:-ms-input-placeholder{color:#969087;font-weight:normal}:host input::-ms-input-placeholder{color:#969087;font-weight:normal}:host input::placeholder{color:#969087;font-weight:normal}:host input:focus{border:0.1rem solid #005D92;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}:host input:hover{border:0.1rem solid #00A0D6}:host input:disabled{background:#F3F2F2;border:none}:host>.input-container{width:100%;position:relative}:host>.input-container .button-container{position:absolute;top:0;right:0;background:transparent;width:3em;height:100%;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host[list] :host>.input-container .button-container{display:none}:host>.input-container button{position:absolute;left:50%;top:50%;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);background:#FFFFFF;border:none;color:#005D92;padding:0.3rem;margin:0;font-size:0.875em;border-radius:50%;outline:none;-webkit-transition:border 0.1s, background 0.2s, opacity 0.2s, -webkit-box-shadow 0.1s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:border 0.1s, background 0.2s, opacity 0.2s, -webkit-box-shadow 0.1s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:border 0.1s, background 0.2s, box-shadow 0.1s, transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, opacity 0.2s;transition:border 0.1s, background 0.2s, box-shadow 0.1s, transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, opacity 0.2s, -webkit-box-shadow 0.1s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;border:0.1rem solid transparent;-webkit-tap-highlight-color:transparent}:host>.input-container button.clear,:host>.input-container button.search{cursor:pointer}:host>.input-container button:focus{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}:host>.input-container button:hover,:host>.input-container button:focus{background:#E0F8FF}:host>.input-container button:active{background:#005D92}:host>.input-container button:active pn-icon svg,:host>.input-container button:active pn-icon svg path{fill:white}:host .searching button.search{-webkit-transform:translate(150%, -50%);transform:translate(150%, -50%)}:host .searching button.clear{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host .button-none input,:host .button-icon-inline input{padding-right:3.3em}:host .button-none pn-spinner,:host .button-icon-inline pn-spinner{position:absolute;left:50%;top:50%;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);-webkit-transition:-webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:-webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s}:host .button-none button.search,:host .button-icon-inline button.search{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host .button-none.loading button,:host .button-icon-inline.loading button{-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}:host .button-none.loading pn-spinner,:host .button-icon-inline.loading pn-spinner{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host .button-none.searching button.search{-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}:host .button-icon>pn-button[data-loading=true] .pn-button-bg{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}";
 
-let PnMarketwebSearch = class {
+const PnMarketwebSearch = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.search = index.createEvent(this, "search", 7);
@@ -18,13 +18,9 @@ let PnMarketwebSearch = class {
     this.autocomplete = null;
     this.list = null;
     this.value = null;
-    /** Label for the button */
     this.label = null;
-    /** Loading animation */
     this.loading = false;
-    /** Button type, options are 'none' for no button, 'icon' for a labelless button with just a search icon and 'icon-inline' for a search button inside of the search field (this last option disables the clear field button) */
     this.button = '';
-    /** Light instead of dark search button */
     this.light = false;
     this.suggestionObserver = null;
     this.hasClonedInput = false;