@postnord/pn-marketweb-components 2.3.12 → 2.3.14

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-5397620b.js';
-import { s as state$1, o as onChange$1 } from './pn-mainnav-store-28571e54.js';
-import { s as state$2 } from './pn-marketweb-siteheader-store-cd0a1dab.js';
-import { c as createStore } from './index-7b21ecff.js';
+import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-c118284d.js';
+import { s as state$1, o as onChange$1 } from './pn-mainnav-store-5d91f523.js';
+import { s as state$2 } from './pn-marketweb-siteheader-store-9df5290d.js';
+import { c as createStore } from './index-7f77b0ba.js';
 
 const translations$1 = {
   sv: {
@@ -31,18 +31,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) {
     registerInstance(this, hostRef);
     this.setLanguage = createEvent(this, "setLanguage", 7);
-    /* Current language code  */
     this.value = "";
     this.selectedLanguageName = "";
     this.options = [];
+    this.i18n = undefined;
   }
   componentWillLoad() {
     this.setInitialSelectedLanguageName();
@@ -124,15 +130,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) {
     registerInstance(this, hostRef);
     this.setCurrentLanguage = 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 = {
@@ -150,60 +156,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) {
     registerInstance(this, hostRef);
     this.menuLanguageChange = createEvent(this, "menuLanguageChange", 7);
     this.marketChange = createEvent(this, "marketChange", 7);
     this.menuOpenChange = 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() {
@@ -251,7 +273,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) {
     registerInstance(this, hostRef);
     this.label = "";
@@ -333,7 +355,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) {
     registerInstance(this, hostRef);
     this.heading = "";
@@ -706,14 +728,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) {
     registerInstance(this, hostRef);
     this.loginStateChange = 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: '',
@@ -729,17 +749,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;
   }
@@ -882,24 +899,17 @@ const { state, onChange } = 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) {
     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() {
@@ -1005,14 +1015,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) {
     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" };
   }
@@ -1033,16 +1040,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) {
     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/esm/pn-line-shape.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-5397620b.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-c118284d.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) {
     registerInstance(this, hostRef);
   }

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

@@ -1,23 +1,17 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-5397620b.js';
-import { s as state } from './pn-mainnav-store-28571e54.js';
-import './index-7b21ecff.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-c118284d.js';
+import { s as state } from './pn-mainnav-store-5d91f523.js';
+import './index-7f77b0ba.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) {
     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/esm/pn-mainnav-store-5d91f523.js

@@ -0,0 +1,17 @@
+import { c as createStore } from './index-7f77b0ba.js';
+
+// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
+const { state, onChange } = createStore({
+  openLevel: '',
+  currentLevel: 1,
+  openMenu: false,
+  i18n: {
+    menuHomeButton: '',
+    menuGoBackButton: '',
+    mainMenuButton: '',
+    menuStartButton: '',
+    navLabel: '',
+  }
+});
+
+export { onChange as o, state as s };

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

@@ -1,7 +1,8 @@
-import { d as doc, N as NAMESPACE, w as win, p as promiseResolve, H, b as bootstrapLazy } from './index-5397620b.js';
+import { d as doc, N as NAMESPACE, w as win, p as promiseResolve, H, b as bootstrapLazy } from './index-c118284d.js';
+export { s as setNonce } from './index-c118284d.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 = () => {
     {

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

@@ -1,18 +1,14 @@
-import { r as registerInstance, h, a as Host } from './index-5397620b.js';
+import { r as registerInstance, h, a as Host } from './index-c118284d.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) {
     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()}`;
@@ -22,7 +18,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/esm/pn-marketweb-search.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-5397620b.js';
+import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-c118284d.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) {
     registerInstance(this, hostRef);
     this.search = createEvent(this, "search", 7);
@@ -14,13 +14,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;