@postnord/pn-marketweb-components 3.5.2 → 4.0.0

package/pn-market-web-components/p-6b1d045c.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MarketWebContextService","href","market","language","environment","url","allowedLanguages","allowedMarkets","wwwMarkets","developmentDomains","markets","se","fallbackLanguage","integration","preproduction","production","live","dk","fi","no","com","de","tpl","group","environmentTypes","environments","name","constructor","window","location","this","URL","getLanguage","resolveLanguage","getMarket","resolveMarket","getEndpoint","environmentName","marketName","hostname","indexOf","replace","getEnvironmentName","likelyEnvironment","filter","x","isDevEnvironment","matchedDevEnvironment","length","domainRoot","substring","lastIndexOf","console","warn","matchedEnvironment","marketPrefix","start","potentialMarket","urlWithoutDomain","matchedMarket","typesOfFallback","matchedTypeOfFallback","y","filteredMarket","Object","entries","item","info","potentialLanguages","document","querySelector","getAttribute","forEach"],"sources":["src/globals/MarketWebContextService.ts"],"sourcesContent":["class MarketWebContextService {\n  href = '';\n  market = '';\n  language = '';\n  environment = '';\n  url = null;\n  allowedLanguages = ['sv', 'da', 'fi', 'no', 'en', 'de', 'zh', 'fr', 'es', 'it', 'nl'];\n  allowedMarkets = ['se', 'dk', 'fi', 'no', 'com', 'de', 'tpl', 'group'];\n  wwwMarkets = ['se', 'dk', 'fi', 'no', 'de', 'com'];\n  developmentDomains = ['localhost', '.local', 'local.', '.dev', 'dev.'];\n\n  markets = {\n    se: {\n      fallbackLanguage: 'sv',\n      integration: 'se-inte.postnord.com',\n      preproduction: 'se-prep.postnord.com',\n      production: 'se-prod.postnord.com',\n      live: 'www.postnord.se',\n    },\n    dk: {\n      fallbackLanguage: 'da',\n      integration: 'dk-inte.postnord.com',\n      preproduction: 'dk-prep.postnord.com',\n      production: 'dk-prod.postnord.com',\n      live: 'www.postnord.dk',\n    },\n    fi: {\n      fallbackLanguage: 'fi',\n      integration: 'fi-inte.postnord.com',\n      preproduction: 'fi-prep.postnord.com',\n      production: 'fi-prod.postnord.com',\n      live: 'www.postnord.fi',\n    },\n    no: {\n      fallbackLanguage: 'no',\n      integration: 'no-inte.postnord.com',\n      preproduction: 'no-prep.postnord.com',\n      production: 'no-prod.postnord.com',\n      live: 'www.postnord.no',\n    },\n    com: {\n      fallbackLanguage: 'en',\n      integration: 'com-inte.postnord.com',\n      preproduction: 'com-prep.postnord.com',\n      production: 'com-prod.postnord.com',\n      live: 'www.postnord.com',\n    },\n    de: {\n      fallbackLanguage: 'en',\n      integration: 'de-inte.postnord.com',\n      preproduction: 'de-prep.postnord.com',\n      production: 'de-prod.postnord.com',\n      live: 'www.postnord.de',\n    },\n    tpl: {\n      fallbackLanguage: 'sv',\n      integration: 'tpl-inte.postnord.com',\n      preproduction: 'tpl-prep.postnord.com',\n      production: 'tpl-prod.postnord.com',\n      live: 'www.tpl.postnord.com',\n    },\n    group: {\n      fallbackLanguage: 'en',\n      integration: 'group-inte.postnord.com',\n      preproduction: 'group-prep.postnord.com',\n      production: 'group-prod.postnord.com',\n      live: 'group.postnord.com',\n    },\n  };\n  environmentTypes = ['integration', 'preproduction', 'production', 'inte', 'prep', 'prod'];\n  environments = {\n    production: {\n      name: 'production',\n      url: 'https://www.postnord.xx/',\n    },\n    preproduction: {\n      name: 'preproduction',\n      url: 'https://com-prep.postnord.com/',\n    },\n    integration: {\n      name: 'integration',\n      url: 'https://com-inte.postnord.com/',\n    },\n  };\n\n  constructor(href = window.location.href) {\n    this.href = href;\n    this.url = new URL(this.href);\n  }\n\n  async getLanguage() {\n    if (this.language) {\n      return this.language;\n    }\n    await this.resolveLanguage();\n    return this.language;\n  }\n\n  async getMarket() {\n    if (this.market) {\n      return this.market;\n    }\n    await this.resolveMarket();\n    return this.market;\n  }\n\n  async getEndpoint(environmentName, marketName = '') {\n    let url = this.environments.production.url;\n    if (this.markets[marketName] && this.markets[marketName][environmentName]) {\n      if (environmentName === 'production' && window.location.hostname.indexOf(this.markets[marketName]['live']) === 0) {\n        // If the environment is production and we're on the www domain we'll use that\n        return `https://` + this.markets[marketName]['live'];\n      }\n      if (window.location.hostname.indexOf(this.markets[marketName][environmentName]) === 0) {\n        return `https://` + this.markets[marketName][environmentName];\n      }\n    }\n\n    // Old solution to match URLs. Not bulletproof\n    if (this.environments[environmentName]) {\n      url = this.environments[environmentName].url;\n      if (environmentName === this.environments.production.name) {\n        if (this.wwwMarkets.indexOf(marketName) !== -1) {\n          // Handles www.postnord.xx domains\n          url = url.replace('.xx', '.' + marketName);\n        } else {\n          url = url.replace('.xx', '.com'); // Expect URL to end in postnord.com\n          url = url.replace('www.', marketName + '.');\n\n          if (marketName === 'tpl') {\n            url = url.replace('tpl.', 'www.tpl.');\n          }\n        }\n      }\n    }\n    return url;\n  }\n\n  async getEnvironmentName() {\n    const likelyEnvironment = this.environmentTypes.filter(x => this.url.hostname.indexOf('-' + x) !== -1)[0];\n\n    if (likelyEnvironment) {\n      this.environment = likelyEnvironment;\n      return this.environment;\n    }\n    if (this.url.hostname.indexOf('www.') !== -1) {\n      this.environment = this.environments.production.name;\n      return this.environment;\n    }\n\n    this.environment = this.environments.integration.name;\n    return this.environment;\n  }\n\n  isDevEnvironment() {\n    const matchedDevEnvironment = this.developmentDomains.filter(x => this.url.hostname.indexOf(x) !== -1)[0];\n    return matchedDevEnvironment.length > 0;\n  }\n\n  async resolveMarket() {\n    // Resolve market from www domains\n    if (this.href.indexOf('//www.') !== -1) {\n      const domainRoot = this.url.hostname.substring(this.url.hostname.lastIndexOf('.') + 1, this.url.hostname.length);\n      if (domainRoot && this.markets[domainRoot]) {\n        this.market = domainRoot;\n      } else {\n        console.warn('Unable to define market from www. domain', this.href);\n      }\n    }\n\n    // Check if domains are on one of the integration/preproduction/production environments urls\n    const likelyEnvironment = this.environmentTypes.filter(x => this.url.hostname.indexOf('-' + x) !== -1);\n    if (!this.market && likelyEnvironment && likelyEnvironment.length > 0) {\n      const matchedEnvironment = likelyEnvironment[0];\n      const marketPrefix = this.url.hostname.substring(0, this.url.hostname.indexOf('-' + matchedEnvironment));\n      if (marketPrefix && this.markets[marketPrefix]) {\n        this.market = marketPrefix;\n      } else {\n        console.warn('Unable to define market from preset environment names', this.href);\n      }\n    }\n\n    if (!this.market) {\n      if (this.url.hostname.indexOf('www') === -1 && this.url.hostname.indexOf('.postnord.') > 0) {\n        const start = this.url.hostname.indexOf('.') !== this.url.hostname.indexOf('.postnord') ? this.url.hostname.indexOf('.') : 0;\n        const potentialMarket = this.url.hostname.substring(start, this.url.hostname.indexOf('.postnord.'));\n        // Break down the subdomain to the word closest to .postnord. and take that word.\n        // Supports sub-sub domain down to 1 level.\n\n        if (this.allowedMarkets.indexOf(potentialMarket) !== -1) {\n          this.market = potentialMarket;\n          return;\n        }\n      }\n    }\n\n    // Check if we're on a development environment\n    if (!this.market) {\n      const matchedDevEnvironment = this.developmentDomains.filter(x => this.url.hostname.indexOf(x) !== -1)[0];\n      if (!matchedDevEnvironment) {\n        // Fallback to first allowed market\n        this.market = this.allowedMarkets[0];\n        return;\n      }\n\n      const urlWithoutDomain = this.href.replace(matchedDevEnvironment, '');\n\n      // We see if the dev environment contains something like /dk\n      let matchedMarket = this.allowedMarkets.filter(x => {\n        const typesOfFallback = ['.' + x, x + '.', '/' + x + '/']; // Ex /dk, dk.html, /dk/\n        const matchedTypeOfFallback = typesOfFallback.filter(y => urlWithoutDomain.indexOf(y) !== -1);\n        return matchedTypeOfFallback.length > 0;\n      })[0];\n\n      if (matchedMarket) {\n        this.market = matchedMarket;\n      } else {\n        // We do a similar filter for subpaths but for language this time\n        let filteredMarket = Object.entries(this.markets).filter(item => {\n          const typesOfFallback = ['.' + item[1].fallbackLanguage, item[1].fallbackLanguage + '.', '/' + item[1].fallbackLanguage + '/']; // Ex /dk, dk.html, /dk/\n          const matchedTypeOfFallback = typesOfFallback.filter(y => urlWithoutDomain.indexOf(y) !== -1);\n          return matchedTypeOfFallback.length > 0;\n        })[0];\n        if (filteredMarket && filteredMarket[0]) {\n          this.market = filteredMarket[0];\n        }\n      }\n    }\n\n    if (!this.market) {\n      console.info('Was unable to detect market, used fallback');\n      this.market = this.allowedMarkets[0];\n    }\n  }\n\n  async resolveLanguage() {\n    if (this.language) {\n      return;\n    }\n\n    const potentialLanguages = [\n      document.querySelector('html[lang]')?.getAttribute('lang'), // Get HTML tag language\n      document.querySelector('[http-equiv=\"content-language\"][content]')?.getAttribute('content'), // Obsolute tag but might still be used\n      document.querySelector('[property=\"og:locale\"][content]')?.getAttribute('content'), // Get open graph share language\n      document.querySelector('[lang]')?.getAttribute('lang'), // Find any tag with a lang attribute\n    ];\n    potentialLanguages\n      .filter(x => x)\n      .forEach(language => {\n        if (this.allowedLanguages.indexOf(language)) {\n          this.language = language;\n          return;\n        }\n      });\n    if (!this.language && this.market) {\n      this.language = this.markets[this.market].fallbackLanguage;\n    }\n  }\n}\n\nexport { MarketWebContextService };\n"],"mappings":"AAAA,MAAMA,EACJC,KAAO,GACPC,OAAS,GACTC,SAAW,GACXC,YAAc,GACdC,IAAM,KACNC,iBAAmB,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAChFC,eAAiB,CAAC,KAAM,KAAM,KAAM,KAAM,MAAO,KAAM,MAAO,SAC9DC,WAAa,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,OAC5CC,mBAAqB,CAAC,YAAa,SAAU,SAAU,OAAQ,QAE/DC,QAAU,CACRC,GAAI,CACFC,iBAAkB,KAClBC,YAAa,uBACbC,cAAe,uBACfC,WAAY,uBACZC,KAAM,mBAERC,GAAI,CACFL,iBAAkB,KAClBC,YAAa,uBACbC,cAAe,uBACfC,WAAY,uBACZC,KAAM,mBAERE,GAAI,CACFN,iBAAkB,KAClBC,YAAa,uBACbC,cAAe,uBACfC,WAAY,uBACZC,KAAM,mBAERG,GAAI,CACFP,iBAAkB,KAClBC,YAAa,uBACbC,cAAe,uBACfC,WAAY,uBACZC,KAAM,mBAERI,IAAK,CACHR,iBAAkB,KAClBC,YAAa,wBACbC,cAAe,wBACfC,WAAY,wBACZC,KAAM,oBAERK,GAAI,CACFT,iBAAkB,KAClBC,YAAa,uBACbC,cAAe,uBACfC,WAAY,uBACZC,KAAM,mBAERM,IAAK,CACHV,iBAAkB,KAClBC,YAAa,wBACbC,cAAe,wBACfC,WAAY,wBACZC,KAAM,wBAERO,MAAO,CACLX,iBAAkB,KAClBC,YAAa,0BACbC,cAAe,0BACfC,WAAY,0BACZC,KAAM,uBAGVQ,iBAAmB,CAAC,cAAe,gBAAiB,aAAc,OAAQ,OAAQ,QAClFC,aAAe,CACbV,WAAY,CACVW,KAAM,aACNrB,IAAK,4BAEPS,cAAe,CACbY,KAAM,gBACNrB,IAAK,kCAEPQ,YAAa,CACXa,KAAM,cACNrB,IAAK,mCAIT,WAAAsB,CAAY1B,EAAO2B,OAAOC,SAAS5B,MACjC6B,KAAK7B,KAAOA,EACZ6B,KAAKzB,IAAM,IAAI0B,IAAID,KAAK7B,K,CAG1B,iBAAM+B,GACJ,GAAIF,KAAK3B,SAAU,CACjB,OAAO2B,KAAK3B,Q,OAER2B,KAAKG,kBACX,OAAOH,KAAK3B,Q,CAGd,eAAM+B,GACJ,GAAIJ,KAAK5B,OAAQ,CACf,OAAO4B,KAAK5B,M,OAER4B,KAAKK,gBACX,OAAOL,KAAK5B,M,CAGd,iBAAMkC,CAAYC,EAAiBC,EAAa,IAC9C,IAAIjC,EAAMyB,KAAKL,aAAaV,WAAWV,IACvC,GAAIyB,KAAKpB,QAAQ4B,IAAeR,KAAKpB,QAAQ4B,GAAYD,GAAkB,CACzE,GAAIA,IAAoB,cAAgBT,OAAOC,SAASU,SAASC,QAAQV,KAAKpB,QAAQ4B,GAAY,WAAa,EAAG,CAEhH,MAAO,WAAaR,KAAKpB,QAAQ4B,GAAY,O,CAE/C,GAAIV,OAAOC,SAASU,SAASC,QAAQV,KAAKpB,QAAQ4B,GAAYD,MAAsB,EAAG,CACrF,MAAO,WAAaP,KAAKpB,QAAQ4B,GAAYD,E,EAKjD,GAAIP,KAAKL,aAAaY,GAAkB,CACtChC,EAAMyB,KAAKL,aAAaY,GAAiBhC,IACzC,GAAIgC,IAAoBP,KAAKL,aAAaV,WAAWW,KAAM,CACzD,GAAII,KAAKtB,WAAWgC,QAAQF,MAAiB,EAAG,CAE9CjC,EAAMA,EAAIoC,QAAQ,MAAO,IAAMH,E,KAC1B,CACLjC,EAAMA,EAAIoC,QAAQ,MAAO,QACzBpC,EAAMA,EAAIoC,QAAQ,OAAQH,EAAa,KAEvC,GAAIA,IAAe,MAAO,CACxBjC,EAAMA,EAAIoC,QAAQ,OAAQ,W,IAKlC,OAAOpC,C,CAGT,wBAAMqC,GACJ,MAAMC,EAAoBb,KAAKN,iBAAiBoB,QAAOC,GAAKf,KAAKzB,IAAIkC,SAASC,QAAQ,IAAMK,MAAQ,IAAG,GAEvG,GAAIF,EAAmB,CACrBb,KAAK1B,YAAcuC,EACnB,OAAOb,KAAK1B,W,CAEd,GAAI0B,KAAKzB,IAAIkC,SAASC,QAAQ,WAAa,EAAG,CAC5CV,KAAK1B,YAAc0B,KAAKL,aAAaV,WAAWW,KAChD,OAAOI,KAAK1B,W,CAGd0B,KAAK1B,YAAc0B,KAAKL,aAAaZ,YAAYa,KACjD,OAAOI,KAAK1B,W,CAGd,gBAAA0C,GACE,MAAMC,EAAwBjB,KAAKrB,mBAAmBmC,QAAOC,GAAKf,KAAKzB,IAAIkC,SAASC,QAAQK,MAAQ,IAAG,GACvG,OAAOE,EAAsBC,OAAS,C,CAGxC,mBAAMb,GAEJ,GAAIL,KAAK7B,KAAKuC,QAAQ,aAAe,EAAG,CACtC,MAAMS,EAAanB,KAAKzB,IAAIkC,SAASW,UAAUpB,KAAKzB,IAAIkC,SAASY,YAAY,KAAO,EAAGrB,KAAKzB,IAAIkC,SAASS,QACzG,GAAIC,GAAcnB,KAAKpB,QAAQuC,GAAa,CAC1CnB,KAAK5B,OAAS+C,C,KACT,CACLG,QAAQC,KAAK,2CAA4CvB,KAAK7B,K,EAKlE,MAAM0C,EAAoBb,KAAKN,iBAAiBoB,QAAOC,GAAKf,KAAKzB,IAAIkC,SAASC,QAAQ,IAAMK,MAAQ,IACpG,IAAKf,KAAK5B,QAAUyC,GAAqBA,EAAkBK,OAAS,EAAG,CACrE,MAAMM,EAAqBX,EAAkB,GAC7C,MAAMY,EAAezB,KAAKzB,IAAIkC,SAASW,UAAU,EAAGpB,KAAKzB,IAAIkC,SAASC,QAAQ,IAAMc,IACpF,GAAIC,GAAgBzB,KAAKpB,QAAQ6C,GAAe,CAC9CzB,KAAK5B,OAASqD,C,KACT,CACLH,QAAQC,KAAK,wDAAyDvB,KAAK7B,K,EAI/E,IAAK6B,KAAK5B,OAAQ,CAChB,GAAI4B,KAAKzB,IAAIkC,SAASC,QAAQ,UAAY,GAAKV,KAAKzB,IAAIkC,SAASC,QAAQ,cAAgB,EAAG,CAC1F,MAAMgB,EAAQ1B,KAAKzB,IAAIkC,SAASC,QAAQ,OAASV,KAAKzB,IAAIkC,SAASC,QAAQ,aAAeV,KAAKzB,IAAIkC,SAASC,QAAQ,KAAO,EAC3H,MAAMiB,EAAkB3B,KAAKzB,IAAIkC,SAASW,UAAUM,EAAO1B,KAAKzB,IAAIkC,SAASC,QAAQ,eAIrF,GAAIV,KAAKvB,eAAeiC,QAAQiB,MAAsB,EAAG,CACvD3B,KAAK5B,OAASuD,EACd,M,GAMN,IAAK3B,KAAK5B,OAAQ,CAChB,MAAM6C,EAAwBjB,KAAKrB,mBAAmBmC,QAAOC,GAAKf,KAAKzB,IAAIkC,SAASC,QAAQK,MAAQ,IAAG,GACvG,IAAKE,EAAuB,CAE1BjB,KAAK5B,OAAS4B,KAAKvB,eAAe,GAClC,M,CAGF,MAAMmD,EAAmB5B,KAAK7B,KAAKwC,QAAQM,EAAuB,IAGlE,IAAIY,EAAgB7B,KAAKvB,eAAeqC,QAAOC,IAC7C,MAAMe,EAAkB,CAAC,IAAMf,EAAGA,EAAI,IAAK,IAAMA,EAAI,KACrD,MAAMgB,EAAwBD,EAAgBhB,QAAOkB,GAAKJ,EAAiBlB,QAAQsB,MAAQ,IAC3F,OAAOD,EAAsBb,OAAS,CAAC,IACtC,GAEH,GAAIW,EAAe,CACjB7B,KAAK5B,OAASyD,C,KACT,CAEL,IAAII,EAAiBC,OAAOC,QAAQnC,KAAKpB,SAASkC,QAAOsB,IACvD,MAAMN,EAAkB,CAAC,IAAMM,EAAK,GAAGtD,iBAAkBsD,EAAK,GAAGtD,iBAAmB,IAAK,IAAMsD,EAAK,GAAGtD,iBAAmB,KAC1H,MAAMiD,EAAwBD,EAAgBhB,QAAOkB,GAAKJ,EAAiBlB,QAAQsB,MAAQ,IAC3F,OAAOD,EAAsBb,OAAS,CAAC,IACtC,GACH,GAAIe,GAAkBA,EAAe,GAAI,CACvCjC,KAAK5B,OAAS6D,EAAe,E,GAKnC,IAAKjC,KAAK5B,OAAQ,CAChBkD,QAAQe,KAAK,8CACbrC,KAAK5B,OAAS4B,KAAKvB,eAAe,E,EAItC,qBAAM0B,GACJ,GAAIH,KAAK3B,SAAU,CACjB,M,CAGF,MAAMiE,EAAqB,CACzBC,SAASC,cAAc,eAAeC,aAAa,QACnDF,SAASC,cAAc,6CAA6CC,aAAa,WACjFF,SAASC,cAAc,oCAAoCC,aAAa,WACxEF,SAASC,cAAc,WAAWC,aAAa,SAEjDH,EACGxB,QAAOC,GAAKA,IACZ2B,SAAQrE,IACP,GAAI2B,KAAKxB,iBAAiBkC,QAAQrC,GAAW,CAC3C2B,KAAK3B,SAAWA,EAChB,M,KAGN,IAAK2B,KAAK3B,UAAY2B,KAAK5B,OAAQ,CACjC4B,KAAK3B,SAAW2B,KAAKpB,QAAQoB,KAAK5B,QAAQU,gB","ignoreList":[]}

package/pn-market-web-components/p-71db6836.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as i,h as t,d as o}from"./p-82546a44.js";const r={sv:{introMessage:`Välj ombud du vill agera som?`},en:{introMessage:`Which customer number do you want to handle today?`},da:{introMessage:`Hvilket kundenummer vil du håndtere i dag?`},no:{introMessage:`Hvilket kundenummer ønsker du å håndtere i dag?`},fi:{introMessage:`Mitä asiakasnumeroa haluat käsitellä tänään?`},de:{introMessage:`Welche Kundennummer möchten Sie heute bearbeiten?`}};const n="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-profile-selector{margin:1em auto;display:flex;flex-direction:column;min-width:42.4rem;max-width:38.4rem;width:100%;padding:1.6rem;border-radius:8px;background:#ffffff}.profileselector-container{padding:3.2rem;border-radius:8px;box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);border:0.1rem solid #f3f2f2;display:flex;flex-direction:column}.profileselector-logo svg{display:block;margin:0 auto 2.4rem}.profileselector-intromessage{text-align:center;font-weight:700}";const s=n;const a=class{constructor(i){e(this,i);this.language="sv";this.returnUrl="/";this.heading=null;this.i18n=r["en"];this.isLoading=true;this.numberOfProfiles=1}get hostElement(){return i(this)}componentWillLoad(){this.init()}init(){this.setTranslations()}setTranslations(){if(this.language&&r[this.language]){this.i18n=r[this.language]}}render(){return t(o,{key:"f1777126dc9a8bae72bc0efe81925bfc712dcb23"},t("div",{key:"da89734fd23b96f2e91347b44c831409881e6dd2",class:"profileselector-container"},t("div",{key:"cd25aae5a083e12d0dce0c2d9b78df281f6ef8cc",class:"profileselector-logo"},t("svg",{key:"0575a3c53b64a42138ccd6a1b19032235f8fa49f",viewBox:"0 0 133 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"17.1rem",height:"3.2rem"},t("path",{key:"577e2a3d4120c92d857404a1a92ab90705c26e8f","fill-rule":"evenodd","clip-rule":"evenodd",fill:"#00A0D6",d:"M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z"}))),this.heading===""?null:t("div",{class:"profileselector-intromessage"},this.heading===null?this.i18n.introMessage:this.heading),t("slot",{key:"5f5a3f04a59612941c5693eef17c4aade020bf1c"})))}};a.style=s;export{a as pn_profile_selector};
+//# sourceMappingURL=p-71db6836.entry.js.map

package/pn-market-web-components/{p-3fb8e665.entry.js.map → p-71db6836.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["translations","sv","introMessage","en","da","no","fi","de","pnProfileSelectorCss","PnProfileSelectorStyle0","PnProfileSelector","componentWillLoad","this","init","setTranslations","language","i18n","render","h","Host","key","class","viewBox","fill","xmlns","width","height","d","heading"],"sources":["src/components/profile/pn-profile-selector/translations.ts","src/components/profile/pn-profile-selector/pn-profile-selector.scss?tag=pn-profile-selector","src/components/profile/pn-profile-selector/pn-profile-selector.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    introMessage: `Välj ombud du vill agera som?`,\n  },\n  en: {\n    introMessage: `Which customer number do you want to handle today?`,\n  },\n  da: {\n    introMessage: `Hvilket kundenummer vil du håndtere i dag?`,\n  },\n  no: {\n    introMessage: `Hvilket kundenummer ønsker du å håndtere i dag?`,\n  },\n  fi: {\n    introMessage: `Mitä asiakasnumeroa haluat käsitellä tänään?`,\n  },\n  de: {\n    introMessage: `Welche Kundennummer möchten Sie heute bearbeiten?`,\n  },\n};\n","@import '../../../globals/main.scss';\n\npn-profile-selector {\n  margin: 1em auto;\n  display: flex;\n  flex-direction: column;\n  min-width: 42.4rem;\n  max-width: 38.4rem;\n  width: 100%;\n  padding: 1.6rem;\n  border-radius: 8px;\n  background: $white;\n}\n\n.profileselector-container {\n  padding: 3.2rem;\n  border-radius: 8px;\n  box-shadow:\n    0 0.06rem 0.18rem rgba(0, 0, 0, 0.1),\n    0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);\n  border: 0.1rem solid $gray50;\n  display: flex;\n  flex-direction: column;\n}\n\n.profileselector-logo {\n  svg {\n    display: block;\n    margin: 0 auto 2.4rem;\n  }\n}\n\n.profileselector-intromessage {\n  text-align: center;\n  font-weight: 700;\n}\n","import { Component, Prop, h, State, Element, Listen, Watch, Host, Event, EventEmitter } from '@stencil/core';\nimport { translations } from './translations';\nimport { ProfileSelectori18n } from './pn-profile-selector-types';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { MarketWebLoginManager } from '../../../globals/MarketWebLoginManager';\n@Component({\n  tag: 'pn-profile-selector',\n  styleUrl: 'pn-profile-selector.scss',\n})\nexport class PnProfileSelector {\n  @Element() hostElement: Element;\n\n  @Prop({ mutable: true, reflect: true }) language: string = 'sv'; //sv\n  @Prop() returnUrl: string = '/'; //sv\n  @Prop() heading: string = null; //sv\n\n  @State() i18n: ProfileSelectori18n = translations['en'];\n\n  @State() isLoading: boolean = true;\n  @State() numberOfProfiles: number = 1;\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  init() {\n    this.setTranslations();\n  }\n\n  setTranslations() {\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"profileselector-container\">\n          <div class=\"profileselector-logo\">\n            <svg viewBox=\"0 0 133 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.1rem\" height=\"3.2rem\">\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                fill=\"#00A0D6\"\n                d=\"M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z\"\n              ></path>\n            </svg>\n          </div>\n\n          {this.heading === '' ? null : <div class=\"profileselector-intromessage\">{this.heading === null ? this.i18n.introMessage : this.heading}</div>}\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAO,MAAMA,EAAe,CAC1BC,GAAI,CACFC,aAAc,iCAEhBC,GAAI,CACFD,aAAc,sDAEhBE,GAAI,CACFF,aAAc,8CAEhBG,GAAI,CACFH,aAAc,mDAEhBI,GAAI,CACFJ,aAAc,gDAEhBK,GAAI,CACFL,aAAc,sDCjBlB,MAAMM,EAAuB,2kBAC7B,MAAAC,EAAeD,E,MCQFE,EAAiB,M,uCAG+B,K,eAC/B,I,aACF,K,UAEWV,EAAa,M,eAEpB,K,sBACM,C,kCAEpC,iBAAAW,GACEC,KAAKC,M,CAGP,IAAAA,GACED,KAAKE,iB,CAGP,eAAAA,GACE,GAAIF,KAAKG,UAAYf,EAAaY,KAAKG,UAAW,CAChDH,KAAKI,KAAOhB,EAAaY,KAAKG,S,EAIlC,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,6BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wBACTH,EAAA,OAAAE,IAAA,2CAAKE,QAAQ,aAAaC,KAAK,OAAOC,MAAM,6BAA6BC,MAAM,UAAUC,OAAO,UAC9FR,EAAA,QAAAE,IAAA,uDACY,UAAS,YACT,UACVG,KAAK,UACLI,EAAE,68FAKPf,KAAKgB,UAAY,GAAK,KAAOV,EAAA,OAAKG,MAAM,gCAAgCT,KAAKgB,UAAY,KAAOhB,KAAKI,KAAKd,aAAeU,KAAKgB,SAC/HV,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["translations","sv","introMessage","en","da","no","fi","de","pnProfileSelectorCss","PnProfileSelectorStyle0","PnProfileSelector","componentWillLoad","this","init","setTranslations","language","i18n","render","h","Host","key","class","viewBox","fill","xmlns","width","height","d","heading"],"sources":["src/components/profile/pn-profile-selector/translations.ts","src/components/profile/pn-profile-selector/pn-profile-selector.scss?tag=pn-profile-selector","src/components/profile/pn-profile-selector/pn-profile-selector.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    introMessage: `Välj ombud du vill agera som?`,\n  },\n  en: {\n    introMessage: `Which customer number do you want to handle today?`,\n  },\n  da: {\n    introMessage: `Hvilket kundenummer vil du håndtere i dag?`,\n  },\n  no: {\n    introMessage: `Hvilket kundenummer ønsker du å håndtere i dag?`,\n  },\n  fi: {\n    introMessage: `Mitä asiakasnumeroa haluat käsitellä tänään?`,\n  },\n  de: {\n    introMessage: `Welche Kundennummer möchten Sie heute bearbeiten?`,\n  },\n};\n","@import '../../../globals/main.scss';\n\npn-profile-selector {\n  margin: 1em auto;\n  display: flex;\n  flex-direction: column;\n  min-width: 42.4rem;\n  max-width: 38.4rem;\n  width: 100%;\n  padding: 1.6rem;\n  border-radius: 8px;\n  background: $white;\n}\n\n.profileselector-container {\n  padding: 3.2rem;\n  border-radius: 8px;\n  box-shadow:\n    0 0.06rem 0.18rem rgba(0, 0, 0, 0.1),\n    0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);\n  border: 0.1rem solid $gray50;\n  display: flex;\n  flex-direction: column;\n}\n\n.profileselector-logo {\n  svg {\n    display: block;\n    margin: 0 auto 2.4rem;\n  }\n}\n\n.profileselector-intromessage {\n  text-align: center;\n  font-weight: 700;\n}\n","import { Component, Prop, h, State, Element, Listen, Watch, Host, Event, EventEmitter } from '@stencil/core';\nimport { translations } from './translations';\nimport { ProfileSelectori18n } from './pn-profile-selector-types';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { MarketWebLoginManager } from '../../../globals/MarketWebLoginManager';\n@Component({\n  tag: 'pn-profile-selector',\n  styleUrl: 'pn-profile-selector.scss',\n})\nexport class PnProfileSelector {\n  @Element() hostElement: Element;\n\n  @Prop({ mutable: true, reflect: true }) language: string = 'sv'; //sv\n  @Prop() returnUrl: string = '/'; //sv\n  @Prop() heading: string = null; //sv\n\n  @State() i18n: ProfileSelectori18n = translations['en'];\n\n  @State() isLoading: boolean = true;\n  @State() numberOfProfiles: number = 1;\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  init() {\n    this.setTranslations();\n  }\n\n  setTranslations() {\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"profileselector-container\">\n          <div class=\"profileselector-logo\">\n            <svg viewBox=\"0 0 133 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.1rem\" height=\"3.2rem\">\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                fill=\"#00A0D6\"\n                d=\"M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z\"\n              ></path>\n            </svg>\n          </div>\n\n          {this.heading === '' ? null : <div class=\"profileselector-intromessage\">{this.heading === null ? this.i18n.introMessage : this.heading}</div>}\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAO,MAAMA,EAAe,CAC1BC,GAAI,CACFC,aAAc,iCAEhBC,GAAI,CACFD,aAAc,sDAEhBE,GAAI,CACFF,aAAc,8CAEhBG,GAAI,CACFH,aAAc,mDAEhBI,GAAI,CACFJ,aAAc,gDAEhBK,GAAI,CACFL,aAAc,sDCjBlB,MAAMM,EAAuB,o5BAC7B,MAAAC,EAAeD,E,MCQFE,EAAiB,M,uCAG+B,K,eAC/B,I,aACF,K,UAEWV,EAAa,M,eAEpB,K,sBACM,C,kCAEpC,iBAAAW,GACEC,KAAKC,M,CAGP,IAAAA,GACED,KAAKE,iB,CAGP,eAAAA,GACE,GAAIF,KAAKG,UAAYf,EAAaY,KAAKG,UAAW,CAChDH,KAAKI,KAAOhB,EAAaY,KAAKG,S,EAIlC,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,6BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wBACTH,EAAA,OAAAE,IAAA,2CAAKE,QAAQ,aAAaC,KAAK,OAAOC,MAAM,6BAA6BC,MAAM,UAAUC,OAAO,UAC9FR,EAAA,QAAAE,IAAA,uDACY,UAAS,YACT,UACVG,KAAK,UACLI,EAAE,68FAKPf,KAAKgB,UAAY,GAAK,KAAOV,EAAA,OAAKG,MAAM,gCAAgCT,KAAKgB,UAAY,KAAOhB,KAAKI,KAAKd,aAAeU,KAAKgB,SAC/HV,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/pn-market-web-components/p-72828265.js

@@ -0,0 +1,2 @@
+import{c as e}from"./p-8836de82.js";const{state:o,onChange:n}=e({openLevel:"",openMenu:false,i18n:{open:"",close:"",navLabel:""}});export{n as o,o as s};
+//# sourceMappingURL=p-72828265.js.map

package/pn-market-web-components/p-72f57a04.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,d as n}from"./p-82546a44.js";const i="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-product-tile{margin-bottom:1em;border:0.1rem solid #d3cecb;outline:none;background:white;box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);display:flex;padding:1.5em;word-break:break-word;text-decoration:none;border-radius:0.8rem}pn-product-tile [slot=content] h3{display:flex;width:100%;justify-content:space-between;margin-bottom:0.5em}pn-product-tile>pn-illustration{min-width:8rem;width:8rem;height:8rem;margin-right:3rem;align-self:center}pn-product-tile .tilecontent{display:flex;flex-direction:row;justify-content:center;flex-grow:1}pn-product-tile .details{display:flex;flex-direction:column;justify-content:space-between;width:100%}pn-product-tile .info{display:flex;justify-content:space-between;flex-grow:1;max-width:66.6666666667%;flex-flow:wrap}pn-product-tile .info>*{min-width:6em;margin:0.2em 1em 0.2em 0}";const o=i;const a=class{constructor(t){e(this,t)}render(){return t(n,{key:"23b4838e9160f1399d2a4e6edab7379743e2bfaf"},t("slot",{key:"72cbdf9ff8089913b254308136ec5fabdce4c16f",name:"illustration"}),t("div",{key:"17f401b86ae591fcb1430a80edb6a4bf5162ea5f",class:"tilecontent"},t("div",{key:"cafd291a304c39dc22951361c3cd1a804080e170",class:"details"},t("slot",{key:"5c5aa74b74ef23a3d99e4349dff907d44b5bd343",name:"content"}),t("div",{key:"3ccd51ad4ad14f1f4c27322f2bb0bf3b1a1b1002",class:"info"},t("slot",{key:"4727ba01b0ed670ab56f8da49195d526fa5da76e"})),t("slot",{key:"421baffa5454f291c2e281ebab2601184889915c",name:"note"})),t("slot",{key:"7eb75e377ae2229ac5896e86f0f312880639dfe1",name:"price"})))}};a.style=o;export{a as pn_product_tile};
+//# sourceMappingURL=p-72f57a04.entry.js.map

package/pn-market-web-components/{p-25d53df2.entry.js.map → p-72f57a04.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnProductTileCss","PnProductTileStyle0","PnProductTile","render","h","Host","key","name","class"],"sources":["src/components/widgets/pn-product-tile/pn-product-tile.scss?tag=pn-product-tile","src/components/widgets/pn-product-tile/pn-product-tile.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-product-tile {\n  margin-bottom: 1em;\n  border: 0.1rem solid $gray200;\n  outline: none;\n  background: white;\n  box-shadow:\n    0px 0.6px 1.8px rgba(0, 0, 0, 0.1),\n    0px 3.2px 7.2px rgba(0, 0, 0, 0.13);\n  display: flex;\n\n  padding: 1.5em;\n  word-break: break-word;\n  text-decoration: none;\n  border-radius: 0.8rem;\n\n  [slot='content'] h3 {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    margin-bottom: 0.5em;\n  }\n  > pn-illustration {\n    min-width: 8rem;\n    width: 8rem;\n    height: 8rem;\n    margin-right: 3rem;\n    align-self: center;\n  }\n  .tilecontent {\n    display: flex;\n    // flex-wrap: wrap;\n    flex-direction: row;\n    //align-items: flex-start;\n    justify-content: center;\n    flex-grow: 1;\n  }\n\n  .details {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    width: 100%;\n    //align-items: center;\n  }\n  .info {\n    display: flex;\n    justify-content: space-between;\n    flex-grow: 1;\n    max-width: calc((100% / 3) * 2);\n    flex-flow: wrap;\n    > * {\n      min-width: 6em;\n      margin: 0.2em 1em 0.2em 0;\n    }\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pn-product-tile',\n  styleUrl: 'pn-product-tile.scss',\n})\nexport class PnProductTile {\n  render() {\n    return (\n      <Host>\n        <slot name=\"illustration\" />\n        <div class=\"tilecontent\">\n          <div class=\"details\">\n            <slot name=\"content\" />\n            <div class=\"info\">\n              <slot />\n            </div>\n            <slot name=\"note\" />\n          </div>\n          <slot name=\"price\" />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,26BACzB,MAAAC,EAAeD,E,MCKFE,EAAa,M,yBACxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,iBACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,eACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACTJ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,YACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QACTJ,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,UAEbH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,W","ignoreList":[]}
+{"version":3,"names":["pnProductTileCss","PnProductTileStyle0","PnProductTile","render","h","Host","key","name","class"],"sources":["src/components/widgets/pn-product-tile/pn-product-tile.scss?tag=pn-product-tile","src/components/widgets/pn-product-tile/pn-product-tile.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-product-tile {\n  margin-bottom: 1em;\n  border: 0.1rem solid $gray200;\n  outline: none;\n  background: white;\n  box-shadow:\n    0px 0.6px 1.8px rgba(0, 0, 0, 0.1),\n    0px 3.2px 7.2px rgba(0, 0, 0, 0.13);\n  display: flex;\n\n  padding: 1.5em;\n  word-break: break-word;\n  text-decoration: none;\n  border-radius: 0.8rem;\n\n  [slot='content'] h3 {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    margin-bottom: 0.5em;\n  }\n  > pn-illustration {\n    min-width: 8rem;\n    width: 8rem;\n    height: 8rem;\n    margin-right: 3rem;\n    align-self: center;\n  }\n  .tilecontent {\n    display: flex;\n    // flex-wrap: wrap;\n    flex-direction: row;\n    //align-items: flex-start;\n    justify-content: center;\n    flex-grow: 1;\n  }\n\n  .details {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    width: 100%;\n    //align-items: center;\n  }\n  .info {\n    display: flex;\n    justify-content: space-between;\n    flex-grow: 1;\n    max-width: calc((100% / 3) * 2);\n    flex-flow: wrap;\n    > * {\n      min-width: 6em;\n      margin: 0.2em 1em 0.2em 0;\n    }\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pn-product-tile',\n  styleUrl: 'pn-product-tile.scss',\n})\nexport class PnProductTile {\n  render() {\n    return (\n      <Host>\n        <slot name=\"illustration\" />\n        <div class=\"tilecontent\">\n          <div class=\"details\">\n            <slot name=\"content\" />\n            <div class=\"info\">\n              <slot />\n            </div>\n            <slot name=\"note\" />\n          </div>\n          <slot name=\"price\" />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,ovCACzB,MAAAC,EAAeD,E,MCKFE,EAAa,M,yBACxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,iBACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,eACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACTJ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,YACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QACTJ,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,UAEbH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,W","ignoreList":[]}

package/pn-market-web-components/p-763a4e13.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as a,h as t,d as o}from"./p-82546a44.js";const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-quote-card .pn-quote-card__container{margin:0 auto;display:flex;flex-direction:row;min-height:262px;padding:0 2.4rem}pn-quote-card .pn-quote-card__quote__container{padding:0 3.2rem}pn-quote-card .pn-quote-card__quote{position:relative;font-weight:400;font-size:2rem;line-height:140%;margin:0}pn-quote-card .pn-quote-card__quote svg{position:absolute;left:-3.2rem;top:0.2rem}pn-quote-card .pn-quote-card__reference__container{display:flex;flex-direction:row;justify-content:flex-start;gap:1.6rem;align-items:center}pn-quote-card .pn-quote-card__reference__name{display:block;font-weight:400;font-size:2.4rem;line-height:2.9rem}pn-quote-card .pn-quote-card__reference__occupation{display:block;font-weight:400;font-size:1.4rem;line-height:1.7rem}pn-quote-card [slot=illustration]{padding:0}pn-quote-card [slot=illustration-big]{padding:0.8rem 0}pn-quote-card [slot=illustration],pn-quote-card [slot=illustration-big]{aspect-ratio:1/1}pn-quote-card [slot=illustration] picture,pn-quote-card [slot=illustration-big] picture{aspect-ratio:1/1}pn-quote-card [slot=illustration] picture img,pn-quote-card [slot=illustration-big] picture img{clip-path:circle(50%);max-width:unset}pn-quote-card [slot=horizontal-line],pn-quote-card [slot=vertical-line]{display:flex}pn-quote-card[data-line-color=white] .pn-quote-card__section{background-color:#005d92;color:#ffffff}pn-quote-card[data-line-color=white] .pn-line-shape__line,pn-quote-card[data-line-color=white] .pn-line-shape__dot{border-color:#ffffff;background-color:#ffffff}pn-quote-card[data-line-color=white] .pn-quote-card__quote svg>path{fill:#ffffff}pn-quote-card[data-line-color=blue] .pn-quote-card__section{background-color:#ffffff}pn-quote-card[data-line-color=blue] .pn-line-shape__line,pn-quote-card[data-line-color=blue] .pn-line-shape__dot{border-color:#00a0d6;background-color:#00a0d6}pn-quote-card[data-line-color=blue] .pn-quote-card__quote svg>path{fill:#00a0d6}pn-quote-card[data-line-color=blue900] .pn-quote-card__section{background-color:#ffffff}pn-quote-card[data-line-color=blue900] .pn-line-shape__line,pn-quote-card[data-line-color=blue900] .pn-line-shape__dot{border-color:#0d234b;background-color:#0d234b}pn-quote-card[data-line-color=blue900] .pn-quote-card__quote svg>path{fill:#0d234b}pn-quote-card[data-card-style=standalone][data-line-color=white] .pn-quote-card__section{border-radius:2.4rem}pn-quote-card[data-card-style=standalone][data-line-color=white] .pn-quote-card__container{padding:2.4rem}pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:100%;margin:0 auto}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:70%}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:60%}}pn-quote-card[data-card-style=standalone] .pn-quote-card__container{min-height:unset;padding:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=standalone] .pn-quote-card__container{padding:0 2.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote__container{display:flex;flex-direction:column;justify-content:space-between;gap:3.2rem;padding:2.4rem 1.6rem 1.6rem 1.6rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=standalone] .pn-quote-card__quote__container{padding:2.4rem 3.2rem 1.6rem 3.2rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote{font-size:1.6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__quote{font-size:2rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote svg{display:block;margin-bottom:0.8rem;position:relative;top:0;left:0}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__container [slot=illustration] picture img{height:6rem;width:6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__container [slot=illustration] picture img{height:9rem;width:9rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__name{font-size:1.6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__name{font-size:2.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__occupation{font-size:1.2rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__occupation{font-size:1.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__large-photo{display:none}pn-quote-card[data-card-style=combo] .pn-quote-card__section{width:100%;margin:0 auto;padding-top:4rem;padding-bottom:4rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__section{padding-bottom:0}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__section{padding-top:10rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__container{min-height:10rem;padding-bottom:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:90%;width:100%}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:768px;width:100%}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:1140px;width:100%;padding:0 5.6rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:1440px;width:100%;padding:0 12rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__quote__container{padding-bottom:0;padding-left:0;padding-right:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote__container{padding-left:2.4rem;padding-right:2.4rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:2rem;padding-left:2.4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-0.8rem;top:0.2rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{padding-left:4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:0}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:2.4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:0;top:0.4rem;scale:1.3}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{padding-left:0;font-size:3.2rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-4.8rem;top:1rem;scale:1.4}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:3.8rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-6.4rem;top:1.6rem;scale:1.8}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__container{flex-direction:row-reverse}pn-quote-card[data-card-style=combo] [slot=illustration] picture>img{max-width:6rem;max-height:6rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] [slot=illustration] picture>img{max-width:10rem;max-height:10rem}}@media screen and (min-width: 1140px){pn-quote-card[data-card-style=combo] [slot=illustration]{display:none}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference{text-align:right}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{display:block;font-size:1.4rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:1.6rem}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:2rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:3.2rem;margin-bottom:1rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{display:block;font-size:1.2rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{font-size:1.4rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{font-size:1.6rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:none}@media screen and (min-width: 1140px){pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:block}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]{width:18rem;height:18rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big] picture>img{width:18rem;height:18rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:block;width:24rem;height:24rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]{position:relative;z-index:1;width:24rem;height:24rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]>picture>img{width:24rem;height:24rem}}";const n=d;const r=class{constructor(a){e(this,a);this.quote=null;this.name=null;this.occupation=null}get hostElement(){return a(this)}render(){return t(o,{key:"adf7a00980ef81bddf83262dcc24540f962abf27"},t("div",{key:"4b8ec2139d33c1d432c269ba04c8e13732b46dcd",class:"pn-quote-card__section"},t("div",{key:"67713c139963d7e2477fcf0b6d078d336a768940",class:"pn-quote-card__container"},t("slot",{key:"b68d98f863024314c4d14e6697ce2e2396041cc8",name:"vertical-line"}," "),t("div",{key:"f712e28f92b230e64fe5ffc5abf001443a9d16ec",class:"pn-quote-card__quote__container"},t("blockquote",{key:"cd1eb6e0c9d973aa816b2c8644be9c05558e7c17",class:"pn-quote-card__quote"},t("svg",{key:"947cdf4204f8e2aea7ba33cb7b2a4c1f3b919415",width:"25",height:"18",viewBox:"0 0 25 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"ec7acd41030a16824b604eda941c3cde35e69647",d:"M10.483 0V7.391C10.483 13.095 6.752 16.961 1.5 18L0.505 15.849C2.937 14.932 4.5 12.211 4.5 10H0.5V0H10.483ZM24.5 0V7.391C24.5 13.095 20.752 16.962 15.5 18L14.504 15.849C16.937 14.932 18.5 12.211 18.5 10H14.517V0H24.5Z",fill:"white"})),this.quote),t("slot",{key:"ee71250def5a98c730ae00a60761868e4cf2b2f0",name:"horizontal-line"}),t("div",{key:"41f86563902c051b7c2ec0d915244b6f6c7b8533",class:"pn-quote-card__reference__container"},t("slot",{key:"e1dce0ca310574a9da9ba5c15ba823f1e70c61fa",name:"illustration"}),t("div",{key:"a06f795ff2d1d7165b8b0f654c5ee9bd8fb4eca9",class:"pn-quote-card__reference"},t("span",{key:"3507763b1414b00076fdaa9cfb6b5c7ec1e36cb5",class:"pn-quote-card__reference__name"},this.name),t("span",{key:"ce5f2580a1cb9c00e99536228c0c2cc784ef9fe2",class:"pn-quote-card__reference__occupation"},this.occupation)))),t("div",{key:"c3c7b60385beb22bfdb9ce05b77f44199d5b8fbb",class:"pn-quote-card__large-photo"},t("slot",{key:"eb72a8ce622a9166271549bb0090c68e9847ae17",name:"illustration-big"})))))}};r.style=n;export{r as pn_quote_card};
+//# sourceMappingURL=p-763a4e13.entry.js.map

package/pn-market-web-components/{p-fc157a1e.entry.js.map → p-763a4e13.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnQuoteCardCss","PnQuoteCardStyle0","PnQuoteCard","render","h","Host","key","class","name","width","height","viewBox","fill","xmlns","d","this","quote","occupation"],"sources":["src/components/cards/pn-quote-card/pn-quote-card.scss?tag=pn-quote-card","src/components/cards/pn-quote-card/pn-quote-card.tsx"],"sourcesContent":["@import '../../../globals/main';\n\npn-quote-card {\n  .pn-quote-card__section {\n  }\n\n  .pn-quote-card__container {\n    margin: 0 auto;\n    display: flex;\n    flex-direction: row;\n\n    min-height: 262px;\n    padding: 0 2.4rem;\n  }\n\n  .pn-quote-card__quote__container {\n    padding: 0 3.2rem;\n  }\n\n  .pn-quote-card__quote {\n    position: relative;\n    font-weight: 400;\n    font-size: 2rem;\n    line-height: 140%;\n    margin: 0;\n\n    svg {\n      position: absolute;\n      left: -3.2rem;\n      top: 0.2rem;\n    }\n  }\n\n  .pn-quote-card__reference__container {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    gap: 1.6rem;\n\n    align-items: center;\n  }\n\n  .pn-quote-card__reference {\n  }\n\n  .pn-quote-card__reference__name {\n    display: block;\n    font-weight: 400;\n    font-size: 2.4rem;\n    line-height: 2.9rem;\n  }\n\n  .pn-quote-card__reference__occupation {\n    display: block;\n    font-weight: 400;\n    font-size: 1.4rem;\n    line-height: 1.7rem;\n  }\n\n  [slot='illustration'] {\n    padding: 0;\n  }\n\n  [slot='illustration-big'] {\n    padding: 0.8rem 0;\n  }\n\n  [slot='illustration'],\n  [slot='illustration-big'] {\n    aspect-ratio: 1/1;\n\n    picture {\n      aspect-ratio: 1 / 1;\n      img {\n        clip-path: circle(50%);\n        max-width: unset;\n      }\n    }\n  }\n}\n\n//line orientation\n\npn-quote-card {\n  [slot='horizontal-line'],\n  [slot='vertical-line'] {\n    display: flex;\n  }\n}\n\n//Colors\npn-quote-card[data-line-color='white'] {\n  .pn-quote-card__section {\n    background-color: $blue700;\n    color: $white;\n  }\n\n  .pn-line-shape__line,\n  .pn-line-shape__dot {\n    border-color: $white;\n    background-color: $white;\n  }\n\n  .pn-quote-card__quote {\n    svg > path {\n      fill: $white;\n    }\n  }\n}\n\npn-quote-card[data-line-color='blue'] {\n  .pn-quote-card__section {\n    background-color: $white;\n  }\n\n  .pn-line-shape__line,\n  .pn-line-shape__dot {\n    border-color: $blue400;\n    background-color: $blue400;\n  }\n\n  .pn-quote-card__quote {\n    svg > path {\n      fill: $blue400;\n    }\n  }\n}\n\npn-quote-card[data-line-color='blue900'] {\n  .pn-quote-card__section {\n    background-color: $white;\n  }\n\n  .pn-line-shape__line,\n  .pn-line-shape__dot {\n    border-color: $blue900;\n    background-color: $blue900;\n  }\n\n  .pn-quote-card__quote {\n    svg > path {\n      fill: $blue900;\n    }\n  }\n}\n\n//layouts\n\npn-quote-card[data-card-style='standalone'] {\n  &[data-line-color='white'] {\n    .pn-quote-card__section {\n      border-radius: 2.4rem;\n    }\n\n    .pn-quote-card__container {\n      padding: 2.4rem;\n    }\n  }\n  .pn-quote-card__section {\n    max-width: 100%;\n    margin: 0 auto;\n\n    @media screen and (min-width: $min-width-lg) {\n      max-width: 70%;\n    }\n    @media screen and (min-width: $min-width-xl) {\n      max-width: 60%;\n    }\n  }\n\n  .pn-quote-card__container {\n    min-height: unset;\n    padding: 0;\n\n    @media screen and (min-width: $min-width-md) {\n      padding: 0 2.4rem;\n    }\n  }\n\n  .pn-quote-card__quote__container {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    gap: 3.2rem;\n    padding: 2.4rem 1.6rem 1.6rem 1.6rem;\n\n    @media screen and (min-width: $min-width-md) {\n      padding: 2.4rem 3.2rem 1.6rem 3.2rem;\n    }\n  }\n\n  .pn-quote-card__quote {\n    font-size: 1.6rem;\n\n    @media screen and (min-width: $min-width-lg) {\n      font-size: 2rem;\n    }\n\n    svg {\n      display: block;\n      margin-bottom: 0.8rem;\n      position: relative;\n      top: 0;\n      left: 0;\n    }\n  }\n\n  .pn-quote-card__reference__container {\n    [slot='illustration'] {\n      picture {\n        img {\n          height: 6rem;\n          width: 6rem;\n        }\n      }\n    }\n    @media screen and (min-width: $min-width-lg) {\n      [slot='illustration'] {\n        picture {\n          img {\n            height: 9rem;\n            width: 9rem;\n          }\n        }\n      }\n    }\n  }\n\n  .pn-quote-card__reference__name {\n    font-size: 1.6rem;\n    @media screen and (min-width: $min-width-lg) {\n      font-size: 2.4rem;\n    }\n  }\n\n  .pn-quote-card__reference__occupation {\n    font-size: 1.2rem;\n    @media screen and (min-width: $min-width-lg) {\n      font-size: 1.4rem;\n    }\n  }\n\n  .pn-quote-card__large-photo {\n    display: none;\n  }\n}\n\npn-quote-card[data-card-style='combo'] {\n  .pn-quote-card__section {\n    width: 100%;\n    margin: 0 auto;\n    padding-top: 4rem;\n    padding-bottom: 4rem;\n    @media screen and (min-width: $min-width-lg) {\n      padding-bottom: 0;\n    }\n\n    @media screen and (min-width: $min-width-xl) {\n      padding-top: 10rem;\n    }\n  }\n\n  .pn-quote-card__container {\n    min-height: 10rem;\n    padding-bottom: 0;\n\n    @media screen and (min-width: $min-width-md) {\n      max-width: 90%;\n      width: 100%;\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n      max-width: $min-width-md;\n      width: 100%;\n    }\n    @media screen and (min-width: $min-width-xl) {\n      max-width: $max-width-xl;\n      width: 100%;\n      padding: 0 5.6rem;\n    }\n    @media screen and (min-width: $min-width-xxl) {\n      max-width: $max-width-xxl;\n      width: 100%;\n      padding: 0 12rem;\n    }\n  }\n\n  .pn-quote-card__quote__container {\n    padding-bottom: 0;\n    padding-left: 0;\n    padding-right: 0;\n\n    @media screen and (min-width: $min-width-md) {\n      padding-left: 2.4rem;\n      padding-right: 2.4rem;\n    }\n  }\n\n  .pn-quote-card__quote {\n    font-size: 2rem;\n    padding-left: 2.4rem;\n    svg {\n      left: -0.8rem;\n      top: 0.2rem;\n    }\n\n    @media screen and (min-width: $min-width-md) {\n      padding-left: 4rem;\n      svg {\n        left: 0;\n      }\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n      font-size: 2.4rem;\n      svg {\n        left: 0;\n        top: 0.4rem;\n        scale: 1.3;\n      }\n    }\n\n    @media screen and (min-width: $min-width-xl) {\n      padding-left: 0;\n      font-size: 3.2rem;\n      svg {\n        left: -4.8rem;\n        top: 1rem;\n        scale: 1.4;\n      }\n    }\n\n    @media screen and (min-width: $min-width-xxl) {\n      font-size: 3.8rem;\n      svg {\n        left: -6.4rem;\n        top: 1.6rem;\n        scale: 1.8;\n      }\n    }\n  }\n\n  .pn-quote-card__reference__container {\n    flex-direction: row-reverse;\n  }\n\n  [slot='illustration'] {\n    picture > img {\n      max-width: 6rem;\n      max-height: 6rem;\n    }\n\n    @media screen and (min-width: $min-width-md) {\n      picture > img {\n        max-width: 10rem;\n        max-height: 10rem;\n      }\n    }\n\n    @media screen and (min-width: $max-width-xl) {\n      display: none;\n    }\n  }\n\n  .pn-quote-card__reference {\n    text-align: right;\n  }\n\n  .pn-quote-card__reference__name {\n    display: block;\n    font-size: 1.4rem;\n    @media screen and (min-width: $min-width-md) {\n      font-size: 1.6rem;\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n      font-size: 2rem;\n    }\n\n    @media screen and (min-width: $min-width-xxl) {\n      font-size: 3.2rem;\n      margin-bottom: 1rem;\n    }\n  }\n\n  .pn-quote-card__reference__occupation {\n    display: block;\n\n    font-size: 1.2rem;\n    @media screen and (min-width: $min-width-lg) {\n      font-size: 1.4rem;\n    }\n\n    @media screen and (min-width: $min-width-xxl) {\n      font-size: 1.6rem;\n    }\n  }\n\n  .pn-quote-card__large-photo {\n    display: none;\n\n    @media screen and (min-width: $max-width-xl) {\n      display: block;\n\n      & > [slot='illustration-big'] {\n        width: 18rem;\n        height: 18rem;\n        & picture > img {\n          width: 18rem;\n          height: 18rem;\n        }\n      }\n    }\n\n    @media screen and (min-width: $min-width-xxl) {\n      display: block;\n      width: 24rem;\n      height: 24rem;\n      & > [slot='illustration-big'] {\n        position: relative;\n        z-index: 1;\n        width: 24rem;\n        height: 24rem;\n\n        & > picture > img {\n          width: 24rem;\n          height: 24rem;\n        }\n      }\n    }\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pn-quote-card',\n  styleUrl: 'pn-quote-card.scss',\n})\nexport class PnQuoteCard {\n  @Element() hostElement: HTMLElement;\n  //props\n  @Prop() quote: string = null;\n  @Prop() name: string = null;\n  @Prop() occupation: string = null;\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-quote-card__section\">\n          <div class=\"pn-quote-card__container\">\n            <slot name=\"vertical-line\"> </slot>\n            <div class=\"pn-quote-card__quote__container\">\n              <blockquote class=\"pn-quote-card__quote\">\n                <svg width=\"25\" height=\"18\" viewBox=\"0 0 25 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path\n                    d=\"M10.483 0V7.391C10.483 13.095 6.752 16.961 1.5 18L0.505 15.849C2.937 14.932 4.5 12.211 4.5 10H0.5V0H10.483ZM24.5 0V7.391C24.5 13.095 20.752 16.962 15.5 18L14.504 15.849C16.937 14.932 18.5 12.211 18.5 10H14.517V0H24.5Z\"\n                    fill=\"white\"\n                  />\n                </svg>\n\n                {this.quote}\n              </blockquote>\n\n              <slot name=\"horizontal-line\"></slot>\n              <div class=\"pn-quote-card__reference__container\">\n                <slot name=\"illustration\" />\n                <div class=\"pn-quote-card__reference\">\n                  <span class=\"pn-quote-card__reference__name\">{this.name}</span>\n                  <span class=\"pn-quote-card__reference__occupation\">{this.occupation}</span>\n                </div>\n              </div>\n            </div>\n            <div class=\"pn-quote-card__large-photo\">\n              <slot name=\"illustration-big\" />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,w6RACvB,MAAAC,EAAeD,E,MCKFE,EAAW,M,oCAGE,K,UACD,K,gBACM,I,kCAC7B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,iBAAe,KAC1BJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mCACTH,EAAA,cAAAE,IAAA,2CAAYC,MAAM,wBAChBH,EAAA,OAAAE,IAAA,2CAAKG,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChET,EAAA,QAAAE,IAAA,2CACEQ,EAAE,4NACFF,KAAK,WAIRG,KAAKC,OAGRZ,EAAA,QAAAE,IAAA,2CAAME,KAAK,oBACXJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uCACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,iBACXJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kCAAkCQ,KAAKP,MACnDJ,EAAA,QAAAE,IAAA,2CAAMC,MAAM,wCAAwCQ,KAAKE,eAI/Db,EAAA,OAAAE,IAAA,2CAAKC,MAAM,8BACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,wB","ignoreList":[]}
+{"version":3,"names":["pnQuoteCardCss","PnQuoteCardStyle0","PnQuoteCard","render","h","Host","key","class","name","width","height","viewBox","fill","xmlns","d","this","quote","occupation"],"sources":["src/components/cards/pn-quote-card/pn-quote-card.scss?tag=pn-quote-card","src/components/cards/pn-quote-card/pn-quote-card.tsx"],"sourcesContent":["@import '../../../globals/main';\n\npn-quote-card {\n  .pn-quote-card__section {\n  }\n\n  .pn-quote-card__container {\n    margin: 0 auto;\n    display: flex;\n    flex-direction: row;\n\n    min-height: 262px;\n    padding: 0 2.4rem;\n  }\n\n  .pn-quote-card__quote__container {\n    padding: 0 3.2rem;\n  }\n\n  .pn-quote-card__quote {\n    position: relative;\n    font-weight: 400;\n    font-size: 2rem;\n    line-height: 140%;\n    margin: 0;\n\n    svg {\n      position: absolute;\n      left: -3.2rem;\n      top: 0.2rem;\n    }\n  }\n\n  .pn-quote-card__reference__container {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    gap: 1.6rem;\n\n    align-items: center;\n  }\n\n  .pn-quote-card__reference {\n  }\n\n  .pn-quote-card__reference__name {\n    display: block;\n    font-weight: 400;\n    font-size: 2.4rem;\n    line-height: 2.9rem;\n  }\n\n  .pn-quote-card__reference__occupation {\n    display: block;\n    font-weight: 400;\n    font-size: 1.4rem;\n    line-height: 1.7rem;\n  }\n\n  [slot='illustration'] {\n    padding: 0;\n  }\n\n  [slot='illustration-big'] {\n    padding: 0.8rem 0;\n  }\n\n  [slot='illustration'],\n  [slot='illustration-big'] {\n    aspect-ratio: 1/1;\n\n    picture {\n      aspect-ratio: 1 / 1;\n      img {\n        clip-path: circle(50%);\n        max-width: unset;\n      }\n    }\n  }\n}\n\n//line orientation\n\npn-quote-card {\n  [slot='horizontal-line'],\n  [slot='vertical-line'] {\n    display: flex;\n  }\n}\n\n//Colors\npn-quote-card[data-line-color='white'] {\n  .pn-quote-card__section {\n    background-color: $blue700;\n    color: $white;\n  }\n\n  .pn-line-shape__line,\n  .pn-line-shape__dot {\n    border-color: $white;\n    background-color: $white;\n  }\n\n  .pn-quote-card__quote {\n    svg > path {\n      fill: $white;\n    }\n  }\n}\n\npn-quote-card[data-line-color='blue'] {\n  .pn-quote-card__section {\n    background-color: $white;\n  }\n\n  .pn-line-shape__line,\n  .pn-line-shape__dot {\n    border-color: $blue400;\n    background-color: $blue400;\n  }\n\n  .pn-quote-card__quote {\n    svg > path {\n      fill: $blue400;\n    }\n  }\n}\n\npn-quote-card[data-line-color='blue900'] {\n  .pn-quote-card__section {\n    background-color: $white;\n  }\n\n  .pn-line-shape__line,\n  .pn-line-shape__dot {\n    border-color: $blue900;\n    background-color: $blue900;\n  }\n\n  .pn-quote-card__quote {\n    svg > path {\n      fill: $blue900;\n    }\n  }\n}\n\n//layouts\n\npn-quote-card[data-card-style='standalone'] {\n  &[data-line-color='white'] {\n    .pn-quote-card__section {\n      border-radius: 2.4rem;\n    }\n\n    .pn-quote-card__container {\n      padding: 2.4rem;\n    }\n  }\n  .pn-quote-card__section {\n    max-width: 100%;\n    margin: 0 auto;\n\n    @media screen and (min-width: $min-width-lg) {\n      max-width: 70%;\n    }\n    @media screen and (min-width: $min-width-xl) {\n      max-width: 60%;\n    }\n  }\n\n  .pn-quote-card__container {\n    min-height: unset;\n    padding: 0;\n\n    @media screen and (min-width: $min-width-md) {\n      padding: 0 2.4rem;\n    }\n  }\n\n  .pn-quote-card__quote__container {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    gap: 3.2rem;\n    padding: 2.4rem 1.6rem 1.6rem 1.6rem;\n\n    @media screen and (min-width: $min-width-md) {\n      padding: 2.4rem 3.2rem 1.6rem 3.2rem;\n    }\n  }\n\n  .pn-quote-card__quote {\n    font-size: 1.6rem;\n\n    @media screen and (min-width: $min-width-lg) {\n      font-size: 2rem;\n    }\n\n    svg {\n      display: block;\n      margin-bottom: 0.8rem;\n      position: relative;\n      top: 0;\n      left: 0;\n    }\n  }\n\n  .pn-quote-card__reference__container {\n    [slot='illustration'] {\n      picture {\n        img {\n          height: 6rem;\n          width: 6rem;\n        }\n      }\n    }\n    @media screen and (min-width: $min-width-lg) {\n      [slot='illustration'] {\n        picture {\n          img {\n            height: 9rem;\n            width: 9rem;\n          }\n        }\n      }\n    }\n  }\n\n  .pn-quote-card__reference__name {\n    font-size: 1.6rem;\n    @media screen and (min-width: $min-width-lg) {\n      font-size: 2.4rem;\n    }\n  }\n\n  .pn-quote-card__reference__occupation {\n    font-size: 1.2rem;\n    @media screen and (min-width: $min-width-lg) {\n      font-size: 1.4rem;\n    }\n  }\n\n  .pn-quote-card__large-photo {\n    display: none;\n  }\n}\n\npn-quote-card[data-card-style='combo'] {\n  .pn-quote-card__section {\n    width: 100%;\n    margin: 0 auto;\n    padding-top: 4rem;\n    padding-bottom: 4rem;\n    @media screen and (min-width: $min-width-lg) {\n      padding-bottom: 0;\n    }\n\n    @media screen and (min-width: $min-width-xl) {\n      padding-top: 10rem;\n    }\n  }\n\n  .pn-quote-card__container {\n    min-height: 10rem;\n    padding-bottom: 0;\n\n    @media screen and (min-width: $min-width-md) {\n      max-width: 90%;\n      width: 100%;\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n      max-width: $min-width-md;\n      width: 100%;\n    }\n    @media screen and (min-width: $min-width-xl) {\n      max-width: $max-width-xl;\n      width: 100%;\n      padding: 0 5.6rem;\n    }\n    @media screen and (min-width: $min-width-xxl) {\n      max-width: $max-width-xxl;\n      width: 100%;\n      padding: 0 12rem;\n    }\n  }\n\n  .pn-quote-card__quote__container {\n    padding-bottom: 0;\n    padding-left: 0;\n    padding-right: 0;\n\n    @media screen and (min-width: $min-width-md) {\n      padding-left: 2.4rem;\n      padding-right: 2.4rem;\n    }\n  }\n\n  .pn-quote-card__quote {\n    font-size: 2rem;\n    padding-left: 2.4rem;\n    svg {\n      left: -0.8rem;\n      top: 0.2rem;\n    }\n\n    @media screen and (min-width: $min-width-md) {\n      padding-left: 4rem;\n      svg {\n        left: 0;\n      }\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n      font-size: 2.4rem;\n      svg {\n        left: 0;\n        top: 0.4rem;\n        scale: 1.3;\n      }\n    }\n\n    @media screen and (min-width: $min-width-xl) {\n      padding-left: 0;\n      font-size: 3.2rem;\n      svg {\n        left: -4.8rem;\n        top: 1rem;\n        scale: 1.4;\n      }\n    }\n\n    @media screen and (min-width: $min-width-xxl) {\n      font-size: 3.8rem;\n      svg {\n        left: -6.4rem;\n        top: 1.6rem;\n        scale: 1.8;\n      }\n    }\n  }\n\n  .pn-quote-card__reference__container {\n    flex-direction: row-reverse;\n  }\n\n  [slot='illustration'] {\n    picture > img {\n      max-width: 6rem;\n      max-height: 6rem;\n    }\n\n    @media screen and (min-width: $min-width-md) {\n      picture > img {\n        max-width: 10rem;\n        max-height: 10rem;\n      }\n    }\n\n    @media screen and (min-width: $max-width-xl) {\n      display: none;\n    }\n  }\n\n  .pn-quote-card__reference {\n    text-align: right;\n  }\n\n  .pn-quote-card__reference__name {\n    display: block;\n    font-size: 1.4rem;\n    @media screen and (min-width: $min-width-md) {\n      font-size: 1.6rem;\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n      font-size: 2rem;\n    }\n\n    @media screen and (min-width: $min-width-xxl) {\n      font-size: 3.2rem;\n      margin-bottom: 1rem;\n    }\n  }\n\n  .pn-quote-card__reference__occupation {\n    display: block;\n\n    font-size: 1.2rem;\n    @media screen and (min-width: $min-width-lg) {\n      font-size: 1.4rem;\n    }\n\n    @media screen and (min-width: $min-width-xxl) {\n      font-size: 1.6rem;\n    }\n  }\n\n  .pn-quote-card__large-photo {\n    display: none;\n\n    @media screen and (min-width: $max-width-xl) {\n      display: block;\n\n      & > [slot='illustration-big'] {\n        width: 18rem;\n        height: 18rem;\n        & picture > img {\n          width: 18rem;\n          height: 18rem;\n        }\n      }\n    }\n\n    @media screen and (min-width: $min-width-xxl) {\n      display: block;\n      width: 24rem;\n      height: 24rem;\n      & > [slot='illustration-big'] {\n        position: relative;\n        z-index: 1;\n        width: 24rem;\n        height: 24rem;\n\n        & > picture > img {\n          width: 24rem;\n          height: 24rem;\n        }\n      }\n    }\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pn-quote-card',\n  styleUrl: 'pn-quote-card.scss',\n})\nexport class PnQuoteCard {\n  @Element() hostElement: HTMLElement;\n  //props\n  @Prop() quote: string = null;\n  @Prop() name: string = null;\n  @Prop() occupation: string = null;\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-quote-card__section\">\n          <div class=\"pn-quote-card__container\">\n            <slot name=\"vertical-line\"> </slot>\n            <div class=\"pn-quote-card__quote__container\">\n              <blockquote class=\"pn-quote-card__quote\">\n                <svg width=\"25\" height=\"18\" viewBox=\"0 0 25 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path\n                    d=\"M10.483 0V7.391C10.483 13.095 6.752 16.961 1.5 18L0.505 15.849C2.937 14.932 4.5 12.211 4.5 10H0.5V0H10.483ZM24.5 0V7.391C24.5 13.095 20.752 16.962 15.5 18L14.504 15.849C16.937 14.932 18.5 12.211 18.5 10H14.517V0H24.5Z\"\n                    fill=\"white\"\n                  />\n                </svg>\n\n                {this.quote}\n              </blockquote>\n\n              <slot name=\"horizontal-line\"></slot>\n              <div class=\"pn-quote-card__reference__container\">\n                <slot name=\"illustration\" />\n                <div class=\"pn-quote-card__reference\">\n                  <span class=\"pn-quote-card__reference__name\">{this.name}</span>\n                  <span class=\"pn-quote-card__reference__occupation\">{this.occupation}</span>\n                </div>\n              </div>\n            </div>\n            <div class=\"pn-quote-card__large-photo\">\n              <slot name=\"illustration-big\" />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,ivSACvB,MAAAC,EAAeD,E,MCKFE,EAAW,M,oCAGE,K,UACD,K,gBACM,I,kCAC7B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,iBAAe,KAC1BJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mCACTH,EAAA,cAAAE,IAAA,2CAAYC,MAAM,wBAChBH,EAAA,OAAAE,IAAA,2CAAKG,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChET,EAAA,QAAAE,IAAA,2CACEQ,EAAE,4NACFF,KAAK,WAIRG,KAAKC,OAGRZ,EAAA,QAAAE,IAAA,2CAAME,KAAK,oBACXJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uCACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,iBACXJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kCAAkCQ,KAAKP,MACnDJ,EAAA,QAAAE,IAAA,2CAAMC,MAAM,wCAAwCQ,KAAKE,eAI/Db,EAAA,OAAAE,IAAA,2CAAKC,MAAM,8BACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,wB","ignoreList":[]}

package/pn-market-web-components/p-76c2c01f.js

@@ -0,0 +1,2 @@
+const l='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m1.4 5.497-.334 5.005a1.069 1.069 0 0 1-2.133 0L10.6 7.497a1.403 1.403 0 1 1 2.8 0M12 18a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3" clip-rule="evenodd"/></svg>';const s=l;export{s as a};
+//# sourceMappingURL=p-76c2c01f.js.map

package/pn-market-web-components/p-76c2c01f.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icon","alert_exclamation_circle"],"sources":["node_modules/pn-design-assets/pn-assets/icons/alert_exclamation_circle.js"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m1.4 5.497-.334 5.005a1.069 1.069 0 0 1-2.133 0L10.6 7.497a1.403 1.403 0 1 1 2.8 0M12 18a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3\" clip-rule=\"evenodd\"/></svg>';\nexport const alert_exclamation_circle = icon;\nexport const alertExclamationCircle = icon;\n"],"mappings":"AAAA,MAAMA,EAAO,0YACD,MAACC,EAA2BD,S","ignoreList":[]}

package/pn-market-web-components/{p-e09a907b.js → p-793e1339.js}

@@ -1,2 +1,2 @@
-import{c as e}from"./p-2509d18d.js";const{state:n,onChange:t}=e({openLevel:"",currentLevel:1,openMenu:false,i18n:{menuHomeButton:"",menuGoBackButton:"",mainMenuButton:"",menuStartButton:"",navLabel:""}});export{t as o,n as s};
-//# sourceMappingURL=p-e09a907b.js.map
+import{c as e}from"./p-8836de82.js";const{state:n,onChange:t}=e({openLevel:"",currentLevel:1,openMenu:false,i18n:{menuHomeButton:"",menuGoBackButton:"",mainMenuButton:"",menuStartButton:"",navLabel:""}});export{t as o,n as s};
+//# sourceMappingURL=p-793e1339.js.map

package/pn-market-web-components/p-79e4715c.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as t,h as o,d as i}from"./p-82546a44.js";import{s as p}from"./p-f9083b7a.js";import"./p-8836de82.js";const n="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-profile-modal-type{display:flex;width:100%;padding:3.2rem 0 1.2rem;flex-direction:column;gap:1.6rem;display:none}pn-profile-modal-type:first-of-type{margin-top:2.4rem}pn-profile-modal-type:last-of-type{border-bottom:0;padding-bottom:0}pn-profile-modal-type:last-of-type .profileselectoroption{padding-bottom:0}pn-profile-modal-type[selected=true]{display:flex;opacity:1}";const r=n;const d=class{constructor(t){e(this,t);this.typeid="";this.name="false";this.selected=false;this.selectedprofile=null}get hostElement(){return t(this)}onSelectedChange(){if(this.selected){p.selectedType=this.name}p.selectedProfile="";[...this.hostElement.querySelectorAll("pn-profile-modal-profile")].map((e=>{e.setAttribute("selected","false")}))}render(){return o(i,{key:"a90b82cbdb53d0b841033587678ba8e5f3a56c6e",selected:(p.selectedType===this.name)+"","selected-profile":p.selectedProfile+""},o("slot",{key:"f95f9f7b109041184de33fca812f1b4743fb2244"}))}static get watchers(){return{selected:["onSelectedChange"]}}};d.style=r;export{d as pn_profile_modal_type};
+//# sourceMappingURL=p-79e4715c.entry.js.map

package/pn-market-web-components/{p-6647d2c4.entry.js.map → p-79e4715c.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnProfileModalTypeCss","PnProfileModalTypeStyle0","PnProfileModalType","onSelectedChange","this","selected","state","selectedType","name","selectedProfile","hostElement","querySelectorAll","map","x","setAttribute","render","h","Host","key"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal-type.scss?tag=pn-profile-modal-type","src/components/profile/pn-profile-modal/pn-profile-modal-type.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal-type {\n  display: flex;\n  width: 100%;\n  padding: 3.2rem 0 1.2rem;\n  flex-direction: column;\n  gap: 1.6rem;\n  &:first-of-type {\n    margin-top: 2.4rem;\n  }\n  &:last-of-type {\n    border-bottom: 0;\n    padding-bottom: 0;\n    .profileselectoroption {\n      padding-bottom: 0;\n    }\n  }\n  display: none;\n  &[selected='true'] {\n    display: flex;\n    opacity: 1;\n  }\n}\n","import { Component, Prop, h, Element, Host, Watch } from '@stencil/core';\nimport state from './pn-profile-modal-store';\n@Component({\n  tag: 'pn-profile-modal-type',\n  styleUrl: 'pn-profile-modal-type.scss',\n})\nexport class PnProfileModalType {\n  @Element() hostElement: Element;\n\n  @Prop({ reflect: true }) typeid: string = '';\n  @Prop({ mutable: true }) name: string = 'false';\n  @Prop({ mutable: true }) selected: boolean = false;\n  @Prop({ mutable: true }) selectedprofile: string = null;\n\n  @Watch('selected')\n  onSelectedChange() {\n    if (this.selected) {\n      state.selectedType = this.name;\n    }\n    state.selectedProfile = '';\n    [...this.hostElement.querySelectorAll('pn-profile-modal-profile')].map(x => {\n      x.setAttribute('selected', 'false');\n    });\n  }\n  render() {\n    return (\n      <Host selected={(state.selectedType === this.name) + ''} selected-profile={state.selectedProfile + ''}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"gHAAA,MAAMA,EAAwB,ucAC9B,MAAAC,EAAeD,E,MCKFE,EAAkB,M,qCAGa,G,UACF,Q,cACK,M,qBACM,I,kCAGnD,gBAAAC,GACE,GAAIC,KAAKC,SAAU,CACjBC,EAAMC,aAAeH,KAAKI,I,CAE5BF,EAAMG,gBAAkB,GACxB,IAAIL,KAAKM,YAAYC,iBAAiB,6BAA6BC,KAAIC,IACrEA,EAAEC,aAAa,WAAY,QAAQ,G,CAGvC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACb,UAAWC,EAAMC,eAAiBH,KAAKI,MAAQ,GAAE,mBAAoBF,EAAMG,gBAAkB,IACjGO,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["pnProfileModalTypeCss","PnProfileModalTypeStyle0","PnProfileModalType","onSelectedChange","this","selected","state","selectedType","name","selectedProfile","hostElement","querySelectorAll","map","x","setAttribute","render","h","Host","key"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal-type.scss?tag=pn-profile-modal-type","src/components/profile/pn-profile-modal/pn-profile-modal-type.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal-type {\n  display: flex;\n  width: 100%;\n  padding: 3.2rem 0 1.2rem;\n  flex-direction: column;\n  gap: 1.6rem;\n  &:first-of-type {\n    margin-top: 2.4rem;\n  }\n  &:last-of-type {\n    border-bottom: 0;\n    padding-bottom: 0;\n    .profileselectoroption {\n      padding-bottom: 0;\n    }\n  }\n  display: none;\n  &[selected='true'] {\n    display: flex;\n    opacity: 1;\n  }\n}\n","import { Component, Prop, h, Element, Host, Watch } from '@stencil/core';\nimport state from './pn-profile-modal-store';\n@Component({\n  tag: 'pn-profile-modal-type',\n  styleUrl: 'pn-profile-modal-type.scss',\n})\nexport class PnProfileModalType {\n  @Element() hostElement: Element;\n\n  @Prop({ reflect: true }) typeid: string = '';\n  @Prop({ mutable: true }) name: string = 'false';\n  @Prop({ mutable: true }) selected: boolean = false;\n  @Prop({ mutable: true }) selectedprofile: string = null;\n\n  @Watch('selected')\n  onSelectedChange() {\n    if (this.selected) {\n      state.selectedType = this.name;\n    }\n    state.selectedProfile = '';\n    [...this.hostElement.querySelectorAll('pn-profile-modal-profile')].map(x => {\n      x.setAttribute('selected', 'false');\n    });\n  }\n  render() {\n    return (\n      <Host selected={(state.selectedType === this.name) + ''} selected-profile={state.selectedProfile + ''}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"qHAAA,MAAMA,EAAwB,gxBAC9B,MAAAC,EAAeD,E,MCKFE,EAAkB,M,qCAGa,G,UACF,Q,cACK,M,qBACM,I,kCAGnD,gBAAAC,GACE,GAAIC,KAAKC,SAAU,CACjBC,EAAMC,aAAeH,KAAKI,I,CAE5BF,EAAMG,gBAAkB,GACxB,IAAIL,KAAKM,YAAYC,iBAAiB,6BAA6BC,KAAIC,IACrEA,EAAEC,aAAa,WAAY,QAAQ,G,CAGvC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACb,UAAWC,EAAMC,eAAiBH,KAAKI,MAAQ,GAAE,mBAAoBF,EAAMG,gBAAkB,IACjGO,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/pn-market-web-components/p-7b4f9fdf.entry.js

@@ -0,0 +1,2 @@
+import{r as t,g as e,h as a,d as i}from"./p-82546a44.js";import{c as n}from"./p-12360e4c.js";import{p as o}from"./p-df8bfe03.js";const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-animated-tile .pn-animated-tile__container{position:relative;border-radius:2.4rem;height:56rem;cursor:default}pn-animated-tile .pn-animated-tile__content{position:relative;display:flex;height:100%;width:100%;background-color:transparent}pn-animated-tile [slot=side-a],pn-animated-tile [slot=side-b]{position:absolute;align-self:stretch;top:0;left:0;width:100%;height:100%}pn-animated-tile [slot=side-a]{padding:0;opacity:1}pn-animated-tile [slot=side-b]{z-index:-1;padding:2.4rem 2.4rem 7rem 2.4rem;opacity:0;transform:translateY(50px)}pn-animated-tile .pn-animated-tile__toggle{z-index:2;position:absolute;bottom:2.4rem;right:2.4rem;padding:0.8rem;border-radius:50%;border:none;cursor:pointer;background-color:#ffffff;transition:background-color 0.45s ease-in-out}pn-animated-tile .pn-animated-tile__toggle pn-icon{background-color:#ffffff;transition:background-color 0.45s ease-in-out, transform 0.45s ease-in-out 0.5s}pn-animated-tile .pn-animated-tile__toggle:hover{background-color:#e9e6e5}pn-animated-tile .pn-animated-tile__toggle:hover pn-icon{background-color:#e9e6e5}pn-animated-tile .button-tooltip{display:none}.cat-animate [slot=side-a],.cat-animate [slot=side-b]{transition:opacity 0.45s ease-in-out, transform 0.45s ease-in-out 0.5s}.cat-animate.fade [slot=side-a]{opacity:0;z-index:-1}.cat-animate.fade [slot=side-b]{z-index:1;opacity:1;transform:translateY(0);transition-delay:0.5s}.cat-animate.fade--reversed [slot=side-a]{opacity:1;transition-delay:0.5s}.cat-animate.fade--reversed [slot=side-b]{opacity:0;transform:translateY(50px)}.cat-animate.toggle.animate pn-icon{transform:rotate(45deg)}[data-cat-theme=white] .pn-animated-tile__container{background-color:#ffffff}[data-cat-theme=white] .pn-animated-tile__toggle{background-color:#00a0d6}[data-cat-theme=white] .pn-animated-tile__toggle pn-icon{background-color:#00a0d6}[data-cat-theme=white] .pn-animated-tile__toggle pn-icon svg>path{fill:#ffffff}[data-cat-theme=white] .pn-animated-tile__toggle:hover{background-color:#005d92}[data-cat-theme=white] .pn-animated-tile__toggle:hover pn-icon{background-color:#005d92}[data-cat-theme=white] .pn-animated-tile__toggle:focus,[data-cat-theme=white] .pn-animated-tile__toggle:focus-visible{outline-color:#005d92}[data-cat-theme=coral400] .pn-animated-tile__container{background-color:#f06365}[data-cat-theme=coral400] .pn-animated-tile__toggle{background-color:#ffffff}[data-cat-theme=coral400] .pn-animated-tile__toggle pn-icon{background-color:#ffffff}[data-cat-theme=coral400] .pn-animated-tile__toggle pn-icon svg>path{fill:#f06365}[data-cat-theme=coral400] .pn-animated-tile__toggle:focus,[data-cat-theme=coral400] .pn-animated-tile__toggle:focus-visible{outline-color:#f06365}[data-cat-theme=private] .pn-animated-tile__container{background-color:#00a0d6}[data-cat-theme=private] .pn-animated-tile__toggle{background-color:#ffffff}[data-cat-theme=private] .pn-animated-tile__toggle pn-icon{background-color:#ffffff}[data-cat-theme=private] .pn-animated-tile__toggle pn-icon svg>path{fill:#00a0d6}[data-cat-theme=private] .pn-animated-tile__toggle:focus,[data-cat-theme=private] .pn-animated-tile__toggle:focus-visible{outline-color:#00a0d6}[data-cat-theme=business] .pn-animated-tile__container{background-color:#0d234b}[data-cat-theme=business] .pn-animated-tile__toggle{background-color:#ffffff}[data-cat-theme=business] .pn-animated-tile__toggle pn-icon{background-color:#ffffff}[data-cat-theme=business] .pn-animated-tile__toggle pn-icon svg>path{fill:#0d234b}[data-cat-theme=business] .pn-animated-tile__toggle:focus,[data-cat-theme=business] .pn-animated-tile__toggle:focus-visible{outline-color:#0d234b}[data-cat-theme=hybrid] .pn-animated-tile__container{background-color:#e9e6e5}[data-cat-theme=hybrid] .pn-animated-tile__toggle{background-color:#ffffff}[data-cat-theme=hybrid] .pn-animated-tile__toggle pn-icon{background-color:#ffffff}[data-cat-theme=hybrid] .pn-animated-tile__toggle pn-icon svg>path{fill:#005d92}[data-cat-theme=hybrid] .pn-animated-tile__toggle:focus,[data-cat-theme=hybrid] .pn-animated-tile__toggle:focus-visible{outline-color:#005d92}[data-cat-firstpage-only=true] [slot=side-b],[data-cat-firstpage-only=true] .pn-animated-tile__toggle{display:none}";const l=d;const r=class{constructor(e){t(this,e);this.toggled=false;this.transitionClassName="";this.animateIcon=""}get hostElement(){return e(this)}onClickHandler=()=>{this.toggled=!this.toggled};onToggledHandler(){this.transitionClassName=n({fade:this.toggled,"fade--reversed":!this.toggled});this.animateIcon=n({animate:this.toggled,"":!this.toggled})}render(){return a(i,{key:"ec2fa6234e759656fe4d0d40099248ba9feea212"},a("div",{key:"6457a5c6f9776c7846ea89f6fad9236f21ebd2ec",class:"pn-animated-tile__container"},a("div",{key:"5d4d15ad4016ab78e43ba598d464309d825a171d",class:`pn-animated-tile__content cat-animate ${this.transitionClassName}`},a("slot",{key:"8669f993453f1999ada8eaa342cb6daaca5827e0",name:"side-a"}),a("slot",{key:"96e3b5ea3e2ae3f67f329a8ab7fc06b0961e8689",name:"side-b"})),a("button",{key:"7a45847b51d43175e422b55705f6e9130394e03a",type:"button","aria-label":"Read more",class:`pn-animated-tile__toggle cat-animate toggle ${this.animateIcon}`,onClick:this.onClickHandler},a("pn-icon",{key:"79c94d44537ca72618b1460becb62bfe39b0021d",icon:o}))))}static get watchers(){return{toggled:["onToggledHandler"]}}};r.style=l;export{r as pn_animated_tile};
+//# sourceMappingURL=p-7b4f9fdf.entry.js.map

package/pn-market-web-components/{p-066e9db9.entry.js.map → p-7b4f9fdf.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnAnimatedTileCss","PnAnimatedTileStyle0","PnAnimatedTile","onClickHandler","this","toggled","onToggledHandler","transitionClassName","classNames","fade","animateIcon","animate","render","h","Host","key","class","name","type","onClick","icon","plus"],"sources":["src/components/animation/pn-animated-tile/pn-animated-tile.scss?tag=pn-animated-tile","src/components/animation/pn-animated-tile/pn-animated-tile.tsx"],"sourcesContent":["@import '../../../globals/main';\n\n$gray100: #e9e6e5;\n\npn-animated-tile {\n  .pn-animated-tile__container {\n    position: relative;\n    border-radius: 2.4rem;\n    height: 56rem;\n\n    cursor: default;\n  }\n\n  .pn-animated-tile__content {\n    position: relative;\n    display: flex;\n\n    height: 100%;\n    width: 100%;\n    background-color: transparent;\n  }\n\n  [slot='side-a'],\n  [slot='side-b'] {\n    position: absolute;\n    align-self: stretch;\n\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  //initial slots' state\n  [slot='side-a'] {\n    padding: 0;\n    opacity: 1;\n  }\n\n  [slot='side-b'] {\n    z-index: -1;\n    padding: 2.4rem 2.4rem 7rem 2.4rem;\n    opacity: 0;\n    transform: translateY(50px);\n  }\n\n  .pn-animated-tile__toggle {\n    z-index: 2;\n    position: absolute;\n    bottom: 2.4rem;\n    right: 2.4rem;\n    padding: 0.8rem;\n    border-radius: 50%;\n    border: none;\n    cursor: pointer;\n\n    background-color: $white;\n    transition: background-color 0.45s ease-in-out;\n    pn-icon {\n      background-color: $white;\n      transition:\n        background-color 0.45s ease-in-out,\n        transform 0.45s ease-in-out 0.5s;\n    }\n\n    &:hover {\n      background-color: $gray100;\n      pn-icon {\n        background-color: $gray100;\n      }\n    }\n  }\n\n  .button-tooltip {\n    display: none;\n  }\n}\n\n//animations\n.cat-animate {\n  [slot='side-a'],\n  [slot='side-b'] {\n    transition:\n      opacity 0.45s ease-in-out,\n      transform 0.45s ease-in-out 0.5s;\n  }\n\n  &.fade {\n    //from a to b\n    [slot='side-a'] {\n      opacity: 0;\n      z-index: -1;\n    }\n\n    [slot='side-b'] {\n      z-index: 1;\n      opacity: 1;\n      transform: translateY(0);\n      transition-delay: 0.5s;\n    }\n\n    //from b to a\n    &--reversed {\n      [slot='side-a'] {\n        opacity: 1;\n\n        transition-delay: 0.5s;\n      }\n\n      [slot='side-b'] {\n        opacity: 0;\n        transform: translateY(50px);\n      }\n    }\n  }\n\n  &.toggle {\n    &.animate {\n      pn-icon {\n        transform: rotate(45deg);\n      }\n    }\n  }\n}\n\n//themes\n[data-cat-theme='white'] {\n  .pn-animated-tile__container {\n    background-color: $white;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $blue400;\n    pn-icon {\n      background-color: $blue400;\n      svg > path {\n        fill: $white;\n      }\n    }\n\n    &:hover {\n      background-color: $blue700;\n      pn-icon {\n        background-color: $blue700;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $blue700;\n    }\n  }\n}\n\n[data-cat-theme='coral400'] {\n  .pn-animated-tile__container {\n    background-color: $coral400;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $white;\n    pn-icon {\n      background-color: $white;\n      svg > path {\n        fill: $coral400;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $coral400;\n    }\n  }\n}\n\n[data-cat-theme='private'] {\n  .pn-animated-tile__container {\n    background-color: $blue400;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $white;\n    pn-icon {\n      background-color: $white;\n      svg > path {\n        fill: $blue400;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $blue400;\n    }\n  }\n}\n\n[data-cat-theme='business'] {\n  .pn-animated-tile__container {\n    background-color: $blue900;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $white;\n    pn-icon {\n      background-color: $white;\n      svg > path {\n        fill: $blue900;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $blue900;\n    }\n  }\n}\n\n[data-cat-theme='hybrid'] {\n  .pn-animated-tile__container {\n    background-color: $gray100;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $white;\n    pn-icon {\n      background-color: $white;\n      svg > path {\n        fill: $blue700;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $blue700;\n    }\n  }\n}\n\n[data-cat-firstpage-only='true'] {\n  [slot='side-b'],\n  .pn-animated-tile__toggle {\n    display: none;\n  }\n}\n","import classNames from 'classnames';\n\nimport { Component, Element, h, Host, State, Watch } from '@stencil/core';\nimport { plus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-animated-tile',\n  styleUrl: 'pn-animated-tile.scss',\n})\nexport class PnAnimatedTile {\n  @Element() hostElement: HTMLElement;\n\n  @State() toggled: boolean = false;\n  @State() transitionClassName: string = '';\n  @State() animateIcon: string = '';\n\n  onClickHandler = () => {\n    this.toggled = !this.toggled;\n  };\n\n  @Watch('toggled')\n  onToggledHandler() {\n    this.transitionClassName = classNames({ 'fade': this.toggled, 'fade--reversed': !this.toggled });\n    this.animateIcon = classNames({ 'animate': this.toggled, '': !this.toggled });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-animated-tile__container\">\n          <div class={`pn-animated-tile__content cat-animate ${this.transitionClassName}`}>\n            <slot name=\"side-a\" />\n            <slot name=\"side-b\" />\n          </div>\n          <button type=\"button\" aria-label=\"Read more\" class={`pn-animated-tile__toggle cat-animate toggle ${this.animateIcon}`} onClick={this.onClickHandler}>\n            <pn-icon icon={plus}></pn-icon>\n          </button>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"iIAAA,MAAMA,EAAoB,ssIAC1B,MAAAC,EAAeD,E,MCQFE,EAAc,M,sCAGG,M,yBACW,G,iBACR,E,kCAE/BC,eAAiB,KACfC,KAAKC,SAAWD,KAAKC,OAAO,EAI9B,gBAAAC,GACEF,KAAKG,oBAAsBC,EAAW,CAAEC,KAAQL,KAAKC,QAAS,kBAAmBD,KAAKC,UACtFD,KAAKM,YAAcF,EAAW,CAAEG,QAAWP,KAAKC,QAAS,IAAKD,KAAKC,S,CAGrE,MAAAO,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,+BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAO,yCAAyCZ,KAAKG,uBACxDM,EAAA,QAAAE,IAAA,2CAAME,KAAK,WACXJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,YAEbJ,EAAA,UAAAE,IAAA,2CAAQG,KAAK,SAAQ,aAAY,YAAYF,MAAO,+CAA+CZ,KAAKM,cAAeS,QAASf,KAAKD,gBACnIU,EAAA,WAAAE,IAAA,2CAASK,KAAMC,M","ignoreList":[]}
+{"version":3,"names":["pnAnimatedTileCss","PnAnimatedTileStyle0","PnAnimatedTile","onClickHandler","this","toggled","onToggledHandler","transitionClassName","classNames","fade","animateIcon","animate","render","h","Host","key","class","name","type","onClick","icon","plus"],"sources":["src/components/animation/pn-animated-tile/pn-animated-tile.scss?tag=pn-animated-tile","src/components/animation/pn-animated-tile/pn-animated-tile.tsx"],"sourcesContent":["@import '../../../globals/main';\n\n$gray100: #e9e6e5;\n\npn-animated-tile {\n  .pn-animated-tile__container {\n    position: relative;\n    border-radius: 2.4rem;\n    height: 56rem;\n\n    cursor: default;\n  }\n\n  .pn-animated-tile__content {\n    position: relative;\n    display: flex;\n\n    height: 100%;\n    width: 100%;\n    background-color: transparent;\n  }\n\n  [slot='side-a'],\n  [slot='side-b'] {\n    position: absolute;\n    align-self: stretch;\n\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  //initial slots' state\n  [slot='side-a'] {\n    padding: 0;\n    opacity: 1;\n  }\n\n  [slot='side-b'] {\n    z-index: -1;\n    padding: 2.4rem 2.4rem 7rem 2.4rem;\n    opacity: 0;\n    transform: translateY(50px);\n  }\n\n  .pn-animated-tile__toggle {\n    z-index: 2;\n    position: absolute;\n    bottom: 2.4rem;\n    right: 2.4rem;\n    padding: 0.8rem;\n    border-radius: 50%;\n    border: none;\n    cursor: pointer;\n\n    background-color: $white;\n    transition: background-color 0.45s ease-in-out;\n    pn-icon {\n      background-color: $white;\n      transition:\n        background-color 0.45s ease-in-out,\n        transform 0.45s ease-in-out 0.5s;\n    }\n\n    &:hover {\n      background-color: $gray100;\n      pn-icon {\n        background-color: $gray100;\n      }\n    }\n  }\n\n  .button-tooltip {\n    display: none;\n  }\n}\n\n//animations\n.cat-animate {\n  [slot='side-a'],\n  [slot='side-b'] {\n    transition:\n      opacity 0.45s ease-in-out,\n      transform 0.45s ease-in-out 0.5s;\n  }\n\n  &.fade {\n    //from a to b\n    [slot='side-a'] {\n      opacity: 0;\n      z-index: -1;\n    }\n\n    [slot='side-b'] {\n      z-index: 1;\n      opacity: 1;\n      transform: translateY(0);\n      transition-delay: 0.5s;\n    }\n\n    //from b to a\n    &--reversed {\n      [slot='side-a'] {\n        opacity: 1;\n\n        transition-delay: 0.5s;\n      }\n\n      [slot='side-b'] {\n        opacity: 0;\n        transform: translateY(50px);\n      }\n    }\n  }\n\n  &.toggle {\n    &.animate {\n      pn-icon {\n        transform: rotate(45deg);\n      }\n    }\n  }\n}\n\n//themes\n[data-cat-theme='white'] {\n  .pn-animated-tile__container {\n    background-color: $white;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $blue400;\n    pn-icon {\n      background-color: $blue400;\n      svg > path {\n        fill: $white;\n      }\n    }\n\n    &:hover {\n      background-color: $blue700;\n      pn-icon {\n        background-color: $blue700;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $blue700;\n    }\n  }\n}\n\n[data-cat-theme='coral400'] {\n  .pn-animated-tile__container {\n    background-color: $coral400;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $white;\n    pn-icon {\n      background-color: $white;\n      svg > path {\n        fill: $coral400;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $coral400;\n    }\n  }\n}\n\n[data-cat-theme='private'] {\n  .pn-animated-tile__container {\n    background-color: $blue400;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $white;\n    pn-icon {\n      background-color: $white;\n      svg > path {\n        fill: $blue400;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $blue400;\n    }\n  }\n}\n\n[data-cat-theme='business'] {\n  .pn-animated-tile__container {\n    background-color: $blue900;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $white;\n    pn-icon {\n      background-color: $white;\n      svg > path {\n        fill: $blue900;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $blue900;\n    }\n  }\n}\n\n[data-cat-theme='hybrid'] {\n  .pn-animated-tile__container {\n    background-color: $gray100;\n  }\n\n  .pn-animated-tile__toggle {\n    background-color: $white;\n    pn-icon {\n      background-color: $white;\n      svg > path {\n        fill: $blue700;\n      }\n    }\n\n    &:focus,\n    &:focus-visible {\n      outline-color: $blue700;\n    }\n  }\n}\n\n[data-cat-firstpage-only='true'] {\n  [slot='side-b'],\n  .pn-animated-tile__toggle {\n    display: none;\n  }\n}\n","import classNames from 'classnames';\n\nimport { Component, Element, h, Host, State, Watch } from '@stencil/core';\nimport { plus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-animated-tile',\n  styleUrl: 'pn-animated-tile.scss',\n})\nexport class PnAnimatedTile {\n  @Element() hostElement: HTMLElement;\n\n  @State() toggled: boolean = false;\n  @State() transitionClassName: string = '';\n  @State() animateIcon: string = '';\n\n  onClickHandler = () => {\n    this.toggled = !this.toggled;\n  };\n\n  @Watch('toggled')\n  onToggledHandler() {\n    this.transitionClassName = classNames({ 'fade': this.toggled, 'fade--reversed': !this.toggled });\n    this.animateIcon = classNames({ 'animate': this.toggled, '': !this.toggled });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-animated-tile__container\">\n          <div class={`pn-animated-tile__content cat-animate ${this.transitionClassName}`}>\n            <slot name=\"side-a\" />\n            <slot name=\"side-b\" />\n          </div>\n          <button type=\"button\" aria-label=\"Read more\" class={`pn-animated-tile__toggle cat-animate toggle ${this.animateIcon}`} onClick={this.onClickHandler}>\n            <pn-icon icon={plus}></pn-icon>\n          </button>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"iIAAA,MAAMA,EAAoB,+gJAC1B,MAAAC,EAAeD,E,MCQFE,EAAc,M,sCAGG,M,yBACW,G,iBACR,E,kCAE/BC,eAAiB,KACfC,KAAKC,SAAWD,KAAKC,OAAO,EAI9B,gBAAAC,GACEF,KAAKG,oBAAsBC,EAAW,CAAEC,KAAQL,KAAKC,QAAS,kBAAmBD,KAAKC,UACtFD,KAAKM,YAAcF,EAAW,CAAEG,QAAWP,KAAKC,QAAS,IAAKD,KAAKC,S,CAGrE,MAAAO,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,+BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAO,yCAAyCZ,KAAKG,uBACxDM,EAAA,QAAAE,IAAA,2CAAME,KAAK,WACXJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,YAEbJ,EAAA,UAAAE,IAAA,2CAAQG,KAAK,SAAQ,aAAY,YAAYF,MAAO,+CAA+CZ,KAAKM,cAAeS,QAASf,KAAKD,gBACnIU,EAAA,WAAAE,IAAA,2CAASK,KAAMC,M","ignoreList":[]}

package/pn-market-web-components/p-7b7629c5.entry.js

@@ -0,0 +1,2 @@
+import{r as t,g as c,h as a,d as o}from"./p-82546a44.js";const n="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-cta-block{display:flex;justify-content:center}pn-cta-block .cta-block{display:flex;justify-content:space-between;flex-direction:column;border-radius:2.4rem;padding:3.2rem 2.4rem;width:100%}@media screen and (min-width: 768px){pn-cta-block .cta-block{flex-direction:row;padding:2.4rem}}@media screen and (min-width: 1140px){pn-cta-block .cta-block{margin-right:auto;margin-left:auto;max-width:95%}}@media screen and (min-width: 1440px){pn-cta-block .cta-block{max-width:90%}}pn-cta-block .cta-block[pn-background-color=blue25]{background-color:#effbff}pn-cta-block .cta-block[pn-background-color=coral50]{background-color:#fdefee}pn-cta-block .cta-block[pn-background-color=gray25]{background-color:#f9f8f8}pn-cta-block .cta-block[pn-background-color=green25]{background-color:#edfbf3}pn-cta-block .cta-block[pn-background-color=transparent]{padding:0 3.2rem}pn-cta-block .cta-block--content-top .cta-block__content{justify-content:flex-start}@media screen and (min-width: 768px){pn-cta-block .cta-block--large .cta-block__heading{font-size:3.6rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block--large .cta-block__text{font-size:2rem}}pn-cta-block .cta-block--small{width:auto}@media screen and (min-width: 992px){pn-cta-block .cta-block--small{display:inline-flex;max-width:75%}pn-cta-block .cta-block--small.cta-block--center{max-width:66%}}pn-cta-block .cta-block--center{align-items:center;flex-direction:column;gap:1.6rem;text-align:center}@media screen and (min-width: 768px){pn-cta-block .cta-block--center{gap:2.4rem;padding:3.2rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block--center .cta-block__content{max-width:74rem;padding:0}}pn-cta-block .cta-block--center .cta-block__action{margin-top:0.8rem}pn-cta-block .cta-block--center .cta-block__action>[slot=cta-button]{gap:0.8rem}@media screen and (min-width: 768px){pn-cta-block .cta-block--center .cta-block__action{flex-direction:row;gap:2.4rem;margin-top:1.6rem}pn-cta-block .cta-block--center .cta-block__action.cta-block__button{margin-bottom:0}pn-cta-block .cta-block--center .cta-block__action>[slot=cta-buttons]{flex-direction:row;align-items:center;gap:2.4rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block--center .cta-block__image-wrapper{display:block}}pn-cta-block .cta-block--center .cta-block__image-wrapper>[slot=illustration]{padding-right:0}pn-cta-block .cta-block--center .cta-block__text{margin-bottom:0 !important}pn-cta-block .cta-block__image-wrapper{margin-bottom:1.6rem}pn-cta-block .cta-block__image-wrapper>[slot=illustration]>picture>img{border-radius:0.8rem;max-width:100%}@media screen and (min-width: 768px){pn-cta-block .cta-block__image-wrapper{display:none;max-width:20%}}@media screen and (min-width: 992px){pn-cta-block .cta-block__image-wrapper{display:block;margin-bottom:0}pn-cta-block .cta-block__image-wrapper>[slot=illustration]{padding-right:3.2rem}}pn-cta-block .cta-block__content{display:flex;flex:1;flex-direction:column;justify-content:center}@media screen and (min-width: 768px){pn-cta-block .cta-block__content{padding-right:2.4rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block__content .cta-block__heading,pn-cta-block .cta-block__content .cta-block__text{max-width:74rem;text-wrap:balance}}pn-cta-block .cta-block__content .cta-block__text{margin-bottom:2.4rem}@media screen and (min-width: 768px){pn-cta-block .cta-block__content .cta-block__text{margin-bottom:0}}pn-cta-block .cta-block__heading{margin-bottom:0.8rem}pn-cta-block .cta-block__action{display:flex}pn-cta-block .cta-block__action>[slot=cta-buttons]{display:flex;flex-direction:column;row-gap:1.6rem;flex:1}@media screen and (min-width: 768px){pn-cta-block .cta-block__action>[slot=cta-buttons]{align-items:flex-end;justify-content:center;gap:1.6rem;margin-top:0}}pn-cta-block .cta-block__action>[slot=cta-buttons]>a{color:#005d92;font-weight:500;font-size:1.6rem;padding:0.1rem;text-decoration:none}pn-cta-block .cta-block__action>[slot=cta-buttons]>a pn-icon svg{transition:transform 0.3s ease-in-out}pn-cta-block .cta-block__action>[slot=cta-buttons]>a pn-icon svg path{fill:#005d92}pn-cta-block .cta-block__action>[slot=cta-buttons]>a:hover{color:#0d234b;text-decoration:underline}pn-cta-block .cta-block__action>[slot=cta-buttons]>a:hover pn-icon svg{transition:transform 0.3s ease-in-out;transform:translateX(0.3rem)}pn-cta-block .cta-block__action>[slot=cta-buttons]>a:hover pn-icon svg path{fill:#0d234b}";const e=n;const l=class{constructor(c){t(this,c);this.heading=null;this.bodyText=null;this.pnBackgroundColor=null;this.isLarge=false;this.isCentered=false;this.isSmall=false;this.contentTop=false}get hostElement(){return c(this)}render(){const t=this.hostElement.querySelector('[slot="illustration"]');const c=this.hostElement.querySelector('[slot="cta-buttons"]');return a(o,{key:"cd97d60c2c61e127f2e4deacab39fb7f773694ea"},a("div",{key:"b01ea2ef995dae9d741d1da0f5119ab612ade54a","pn-background-color":this.pnBackgroundColor,class:`cta-block ${this.isLarge?"cta-block--large":""}  ${this.isCentered?"cta-block--center":""}  ${this.isSmall?"cta-block--small":""} ${this.contentTop?"cta-block--content-top":""}`},t?a("div",{class:"cta-block__image-wrapper"},a("slot",{name:"illustration"})):null,a("div",{key:"2b94493d618cabd0205e5cecfd105cec3a695528",class:"cta-block__content"},this.heading?a("h2",{class:"cta-block__heading"},this.heading):null,this.bodyText?a("p",{class:"cta-block__text"},this.bodyText):null),c?a("div",{class:"cta-block__action"},a("slot",{name:"cta-buttons"})):null))}};l.style=e;export{l as pn_cta_block};
+//# sourceMappingURL=p-7b7629c5.entry.js.map

package/pn-market-web-components/{p-24086c59.entry.js.map → p-7b7629c5.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnCtaBlockCss","PnCtaBlockStyle0","PnCtaBlock","render","hasImage","this","hostElement","querySelector","hasButtons","h","Host","key","pnBackgroundColor","class","isLarge","isCentered","isSmall","contentTop","name","heading","bodyText"],"sources":["src/components/cta/pn-cta-block/pn-cta-block.scss?tag=pn-cta-block","src/components/cta/pn-cta-block/pn-cta-block.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-cta-block {\n  display: flex;\n  justify-content: center;\n\n  .cta-block {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column;\n    border-radius: 2.4rem;\n    padding: 3.2rem 2.4rem;\n    width: 100%;\n\n    @media screen and (min-width: $min-width-md) {\n      flex-direction: row;\n      padding: 2.4rem;\n    }\n\n    @media screen and (min-width: $max-width-xl) {\n      margin-right: auto;\n      margin-left: auto;\n      max-width: 95%;\n    }\n\n    @media screen and (min-width: $max-width-xxl) {\n      max-width: 90%;\n    }\n\n    &[pn-background-color='blue25'] {\n      background-color: $blue25;\n    }\n\n    &[pn-background-color='coral50'] {\n      background-color: $coral50;\n    }\n\n    &[pn-background-color='gray25'] {\n      background-color: $gray25;\n    }\n\n    &[pn-background-color='green25'] {\n      background-color: $green25;\n    }\n\n    &[pn-background-color='transparent'] {\n      padding: 0 3.2rem;\n    }\n  }\n\n  .cta-block--content-top {\n    .cta-block__content {\n      justify-content: flex-start;\n    }\n  }\n\n  .cta-block--large {\n    .cta-block__heading {\n      @media screen and (min-width: $min-width-md) {\n        font-size: 3.6rem;\n      }\n    }\n\n    .cta-block__text {\n      @media screen and (min-width: $min-width-md) {\n        font-size: 2rem;\n      }\n    }\n  }\n\n  .cta-block--small {\n    width: auto;\n\n    @media screen and (min-width:$min-width-lg) {\n      display: inline-flex;\n      max-width: 75%;\n\n      &.cta-block--center {\n        max-width: 66%;\n      }\n    }\n  }\n\n  .cta-block--center {\n    align-items: center;\n    flex-direction: column;\n    gap: 1.6rem;\n    text-align: center;\n\n    @media screen and (min-width:$min-width-md) {\n      gap: 2.4rem;\n      padding: 3.2rem;\n    }\n\n    .cta-block__content {\n      @media screen and (min-width: $min-width-md) {\n        max-width: 74rem;\n        padding: 0;\n      }\n    }\n\n    .cta-block__action {\n      margin-top: 0.8rem;\n\n      &>[slot='cta-button'] {\n        gap: 0.8rem;\n      }\n\n      @media screen and (min-width: $min-width-md) {\n        flex-direction: row;\n        gap: 2.4rem;\n        margin-top: 1.6rem;\n\n        &.cta-block__button {\n          margin-bottom: 0;\n        }\n\n        &>[slot='cta-buttons'] {\n          flex-direction: row;\n          align-items: center;\n          gap: 2.4rem;\n        }\n      }\n    }\n\n    .cta-block__image-wrapper {\n      @media screen and (min-width: $min-width-md) {\n        display: block;\n      }\n\n      & > [slot='illustration'] {\n        padding-right: 0;\n      }\n    }\n\n    .cta-block__text {\n      margin-bottom: 0 !important;\n    }\n  }\n\n  .cta-block__image-wrapper {\n    margin-bottom: 1.6rem;\n\n    &>[slot='illustration'] {\n      &>picture>img {\n        border-radius: 0.8rem;\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (min-width:$min-width-md) {\n      display: none;\n      max-width: 20%;\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n      display: block;\n      margin-bottom: 0;\n\n      & > [slot='illustration'] {\n        padding-right: 3.2rem;\n      }\n    }\n  }\n\n  .cta-block__content {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    justify-content: center;\n\n    @media screen and (min-width: $min-width-md) {\n      padding-right: 2.4rem;\n    }\n\n    .cta-block__heading,\n    .cta-block__text {\n      @media screen and (min-width: $min-width-md) {\n        max-width: 74rem;\n        text-wrap: balance;\n      }\n    }\n\n    .cta-block__text {\n      margin-bottom: 2.4rem;\n\n      @media screen and (min-width: $min-width-md) {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .cta-block__heading {\n    margin-bottom: 0.8rem;\n  }\n\n  .cta-block__action {\n    display: flex;\n\n    &>[slot='cta-buttons'] {\n      display: flex;\n      flex-direction: column;\n      row-gap: 1.6rem;\n      flex: 1;\n\n      @media screen and (min-width:$min-width-md) {\n        align-items: flex-end;\n        justify-content: center;\n        gap: 1.6rem;\n        margin-top: 0;\n      }\n\n      & > a {\n        color: $blue700;\n        font-weight: 500;\n        font-size: 1.6rem;\n        padding: 0.1rem;\n        text-decoration: none;\n\n        pn-icon svg {\n          transition: transform 0.3s ease-in-out;\n\n          path {\n            fill: $blue700;\n          }\n        }\n\n        &:hover {\n          color: $blue900;\n          text-decoration: underline;\n          \n          pn-icon svg {\n            transition: transform 0.3s ease-in-out;\n            transform: translateX(0.3rem);\n\n            path {\n              fill: $blue900;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","import { Component, Host, Prop, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'pn-cta-block',\n  styleUrl: 'pn-cta-block.scss',\n})\nexport class PnCtaBlock {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() heading: string = null;\n  @Prop() bodyText: string = null;\n\n  @Prop() pnBackgroundColor: string = null;\n\n  @Prop() isLarge: boolean = false;\n  @Prop() isCentered: boolean = false;\n  @Prop() isSmall: boolean = false;\n  @Prop() contentTop: boolean = false;\n\n  render() {\n    const hasImage = this.hostElement.querySelector('[slot=\"illustration\"]');\n    const hasButtons = this.hostElement.querySelector('[slot=\"cta-buttons\"]');\n    return (\n      <Host>\n        <div pn-background-color={this.pnBackgroundColor} class={`cta-block ${this.isLarge ? 'cta-block--large' : ''}  ${this.isCentered ? 'cta-block--center' : ''}  ${(this.isSmall ? 'cta-block--small' : '')} ${this.contentTop ? 'cta-block--content-top' : ''}`}>\n          {(hasImage ?\n            <div class=\"cta-block__image-wrapper\">\n              <slot name=\"illustration\" />\n            </div> : null\n          )}\n          <div class=\"cta-block__content\">\n            {(this.heading) ? <h2 class=\"cta-block__heading\">{this.heading}</h2> : null}\n            {(this.bodyText) ? <p class=\"cta-block__text\">{this.bodyText}</p> : null}\n          </div>\n          {(hasButtons ?\n            <div class=\"cta-block__action\">\n              <slot name=\"cta-buttons\" />\n            </div> : null\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAgB,w7IACtB,MAAAC,EAAeD,E,MCKFE,EAAU,M,sCAGK,K,cACC,K,uBAES,K,aAET,M,gBACG,M,aACH,M,gBACG,K,kCAE9B,MAAAC,GACE,MAAMC,EAAWC,KAAKC,YAAYC,cAAc,yBAChD,MAAMC,EAAaH,KAAKC,YAAYC,cAAc,wBAClD,OACEE,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,iEAA0BN,KAAKO,kBAAmBC,MAAO,aAAaR,KAAKS,QAAU,mBAAqB,OAAOT,KAAKU,WAAa,oBAAsB,OAAQV,KAAKW,QAAU,mBAAqB,MAAOX,KAAKY,WAAa,yBAA2B,MACrPb,EACAK,EAAA,OAAKI,MAAM,4BACTJ,EAAA,QAAMS,KAAK,kBACJ,KAEXT,EAAA,OAAAE,IAAA,2CAAKE,MAAM,sBACPR,KAAY,QAAII,EAAA,MAAII,MAAM,sBAAsBR,KAAKc,SAAgB,KACrEd,KAAa,SAAII,EAAA,KAAGI,MAAM,mBAAmBR,KAAKe,UAAgB,MAEpEZ,EACAC,EAAA,OAAKI,MAAM,qBACTJ,EAAA,QAAMS,KAAK,iBACJ,M","ignoreList":[]}
+{"version":3,"names":["pnCtaBlockCss","PnCtaBlockStyle0","PnCtaBlock","render","hasImage","this","hostElement","querySelector","hasButtons","h","Host","key","pnBackgroundColor","class","isLarge","isCentered","isSmall","contentTop","name","heading","bodyText"],"sources":["src/components/cta/pn-cta-block/pn-cta-block.scss?tag=pn-cta-block","src/components/cta/pn-cta-block/pn-cta-block.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-cta-block {\n  display: flex;\n  justify-content: center;\n\n  .cta-block {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column;\n    border-radius: 2.4rem;\n    padding: 3.2rem 2.4rem;\n    width: 100%;\n\n    @media screen and (min-width: $min-width-md) {\n      flex-direction: row;\n      padding: 2.4rem;\n    }\n\n    @media screen and (min-width: $max-width-xl) {\n      margin-right: auto;\n      margin-left: auto;\n      max-width: 95%;\n    }\n\n    @media screen and (min-width: $max-width-xxl) {\n      max-width: 90%;\n    }\n\n    &[pn-background-color='blue25'] {\n      background-color: $blue25;\n    }\n\n    &[pn-background-color='coral50'] {\n      background-color: $coral50;\n    }\n\n    &[pn-background-color='gray25'] {\n      background-color: $gray25;\n    }\n\n    &[pn-background-color='green25'] {\n      background-color: $green25;\n    }\n\n    &[pn-background-color='transparent'] {\n      padding: 0 3.2rem;\n    }\n  }\n\n  .cta-block--content-top {\n    .cta-block__content {\n      justify-content: flex-start;\n    }\n  }\n\n  .cta-block--large {\n    .cta-block__heading {\n      @media screen and (min-width: $min-width-md) {\n        font-size: 3.6rem;\n      }\n    }\n\n    .cta-block__text {\n      @media screen and (min-width: $min-width-md) {\n        font-size: 2rem;\n      }\n    }\n  }\n\n  .cta-block--small {\n    width: auto;\n\n    @media screen and (min-width:$min-width-lg) {\n      display: inline-flex;\n      max-width: 75%;\n\n      &.cta-block--center {\n        max-width: 66%;\n      }\n    }\n  }\n\n  .cta-block--center {\n    align-items: center;\n    flex-direction: column;\n    gap: 1.6rem;\n    text-align: center;\n\n    @media screen and (min-width:$min-width-md) {\n      gap: 2.4rem;\n      padding: 3.2rem;\n    }\n\n    .cta-block__content {\n      @media screen and (min-width: $min-width-md) {\n        max-width: 74rem;\n        padding: 0;\n      }\n    }\n\n    .cta-block__action {\n      margin-top: 0.8rem;\n\n      &>[slot='cta-button'] {\n        gap: 0.8rem;\n      }\n\n      @media screen and (min-width: $min-width-md) {\n        flex-direction: row;\n        gap: 2.4rem;\n        margin-top: 1.6rem;\n\n        &.cta-block__button {\n          margin-bottom: 0;\n        }\n\n        &>[slot='cta-buttons'] {\n          flex-direction: row;\n          align-items: center;\n          gap: 2.4rem;\n        }\n      }\n    }\n\n    .cta-block__image-wrapper {\n      @media screen and (min-width: $min-width-md) {\n        display: block;\n      }\n\n      & > [slot='illustration'] {\n        padding-right: 0;\n      }\n    }\n\n    .cta-block__text {\n      margin-bottom: 0 !important;\n    }\n  }\n\n  .cta-block__image-wrapper {\n    margin-bottom: 1.6rem;\n\n    &>[slot='illustration'] {\n      &>picture>img {\n        border-radius: 0.8rem;\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (min-width:$min-width-md) {\n      display: none;\n      max-width: 20%;\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n      display: block;\n      margin-bottom: 0;\n\n      & > [slot='illustration'] {\n        padding-right: 3.2rem;\n      }\n    }\n  }\n\n  .cta-block__content {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    justify-content: center;\n\n    @media screen and (min-width: $min-width-md) {\n      padding-right: 2.4rem;\n    }\n\n    .cta-block__heading,\n    .cta-block__text {\n      @media screen and (min-width: $min-width-md) {\n        max-width: 74rem;\n        text-wrap: balance;\n      }\n    }\n\n    .cta-block__text {\n      margin-bottom: 2.4rem;\n\n      @media screen and (min-width: $min-width-md) {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .cta-block__heading {\n    margin-bottom: 0.8rem;\n  }\n\n  .cta-block__action {\n    display: flex;\n\n    &>[slot='cta-buttons'] {\n      display: flex;\n      flex-direction: column;\n      row-gap: 1.6rem;\n      flex: 1;\n\n      @media screen and (min-width:$min-width-md) {\n        align-items: flex-end;\n        justify-content: center;\n        gap: 1.6rem;\n        margin-top: 0;\n      }\n\n      & > a {\n        color: $blue700;\n        font-weight: 500;\n        font-size: 1.6rem;\n        padding: 0.1rem;\n        text-decoration: none;\n\n        pn-icon svg {\n          transition: transform 0.3s ease-in-out;\n\n          path {\n            fill: $blue700;\n          }\n        }\n\n        &:hover {\n          color: $blue900;\n          text-decoration: underline;\n          \n          pn-icon svg {\n            transition: transform 0.3s ease-in-out;\n            transform: translateX(0.3rem);\n\n            path {\n              fill: $blue900;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","import { Component, Host, Prop, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'pn-cta-block',\n  styleUrl: 'pn-cta-block.scss',\n})\nexport class PnCtaBlock {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() heading: string = null;\n  @Prop() bodyText: string = null;\n\n  @Prop() pnBackgroundColor: string = null;\n\n  @Prop() isLarge: boolean = false;\n  @Prop() isCentered: boolean = false;\n  @Prop() isSmall: boolean = false;\n  @Prop() contentTop: boolean = false;\n\n  render() {\n    const hasImage = this.hostElement.querySelector('[slot=\"illustration\"]');\n    const hasButtons = this.hostElement.querySelector('[slot=\"cta-buttons\"]');\n    return (\n      <Host>\n        <div pn-background-color={this.pnBackgroundColor} class={`cta-block ${this.isLarge ? 'cta-block--large' : ''}  ${this.isCentered ? 'cta-block--center' : ''}  ${(this.isSmall ? 'cta-block--small' : '')} ${this.contentTop ? 'cta-block--content-top' : ''}`}>\n          {(hasImage ?\n            <div class=\"cta-block__image-wrapper\">\n              <slot name=\"illustration\" />\n            </div> : null\n          )}\n          <div class=\"cta-block__content\">\n            {(this.heading) ? <h2 class=\"cta-block__heading\">{this.heading}</h2> : null}\n            {(this.bodyText) ? <p class=\"cta-block__text\">{this.bodyText}</p> : null}\n          </div>\n          {(hasButtons ?\n            <div class=\"cta-block__action\">\n              <slot name=\"cta-buttons\" />\n            </div> : null\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAgB,iwJACtB,MAAAC,EAAeD,E,MCKFE,EAAU,M,sCAGK,K,cACC,K,uBAES,K,aAET,M,gBACG,M,aACH,M,gBACG,K,kCAE9B,MAAAC,GACE,MAAMC,EAAWC,KAAKC,YAAYC,cAAc,yBAChD,MAAMC,EAAaH,KAAKC,YAAYC,cAAc,wBAClD,OACEE,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,iEAA0BN,KAAKO,kBAAmBC,MAAO,aAAaR,KAAKS,QAAU,mBAAqB,OAAOT,KAAKU,WAAa,oBAAsB,OAAQV,KAAKW,QAAU,mBAAqB,MAAOX,KAAKY,WAAa,yBAA2B,MACrPb,EACAK,EAAA,OAAKI,MAAM,4BACTJ,EAAA,QAAMS,KAAK,kBACJ,KAEXT,EAAA,OAAAE,IAAA,2CAAKE,MAAM,sBACPR,KAAY,QAAII,EAAA,MAAII,MAAM,sBAAsBR,KAAKc,SAAgB,KACrEd,KAAa,SAAII,EAAA,KAAGI,MAAM,mBAAmBR,KAAKe,UAAgB,MAEpEZ,EACAC,EAAA,OAAKI,MAAM,qBACTJ,EAAA,QAAMS,KAAK,iBACJ,M","ignoreList":[]}

package/pn-market-web-components/p-7db6ef34.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as s,h as r,d as t}from"./p-82546a44.js";const i="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-bonus-progressbar{width:100%}.bonusprogressbar-top{display:flex;align-items:center;margin-bottom:1.6rem}.bonusprogressbar-top-icon{border-radius:100%;height:5rem;width:5rem;padding:1rem;display:inline-flex;margin-right:1em;margin-left:0.5em;background-color:#e0f8ff}[theme=red] .bonusprogressbar-top-icon{background-color:#fbc2c1}.bonusprogressbar-top-icon pn-icon svg{width:100%;height:100%}.bonusprogressbar-sumtext{margin-top:0.4rem;font-size:1.3rem;color:#5e554a}.bonusprogressbar-top-percentage{margin-left:0.8rem;padding:0}.bonusprogressbar-wrapper{position:relative;display:flex;min-height:5em;align-items:center}.bonusprogressbar-currentlevel{position:absolute}.bonusprogressbar-progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.7rem;border:0.1rem solid #00a0d6;border-radius:1.7rem;padding:0;margin:0;overflow:hidden}[theme=red] .bonusprogressbar-progress[value]{border-color:#f06365}.bonusprogressbar-progress[value]::-webkit-progress-bar{border:0;border-radius:1.7rem;margin:0;padding:0;background:#e0f8ff}[theme=red] .bonusprogressbar-progress[value]::-webkit-progress-bar{background:#fdefee}.bonusprogressbar-progress[value]::-webkit-progress-value{margin:0;padding:0;border-radius:1.7rem;background:#00a0d6}[theme=red] .bonusprogressbar-progress[value]::-webkit-progress-value{background:#f06365}";const o=i;const a=class{constructor(s){e(this,s);this.icon=null;this.heading="";this.sumtext=null;this.theme="blue";this.bonuspercentage="0%";this.currency="kr";this.value=0;this.min=0;this.max=0;this.valuepercentage=0;this.progresspercentage=0;this.levelValues=[];this.currentLevelAdjustedValue=0}get hostElement(){return s(this)}componentWillLoad(){this.setInitialValues();this.setValuePercentage()}setInitialValues(){const e=Array.from(this.hostElement.querySelectorAll("pn-bonus-progressbar-level:not([current])"));this.currentLevelAdjustedValue=this.value;this.levelValues=e.map((e=>parseInt(e.getAttribute("value"),10)));if(!this.max){if(this.levelValues&&this.levelValues.length>0){const e=this.levelValues.slice(-1)[0];let s=1.05;if(this.value>e){s=1.2}this.max=Math.floor(e*s)}}if(this.value>this.max){this.currentLevelAdjustedValue=100}}setValuePercentage(){this.valuepercentage=this.value/this.max*100;this.progresspercentage=(this.value-this.min)/(this.max-this.min)*100;if(this.progresspercentage<0){if(this.levelValues&&this.levelValues.length&&this.levelValues[0]<this.value){this.min=Math.floor(this.levelValues[0]*.95)}else{this.min=Math.floor(this.value*.95)}}if(this.progresspercentage>100){this.progresspercentage=100;const e=this.levelValues.slice(-1)[0];let s=1.05;if(this.value>e){s=1.2}this.max=Math.floor(e*s)}}iconColor(){switch(this.theme){case"red":return"coral700";case"blue":default:return"blue700"}}render(){return r(t,{key:"89103fc6287e71d9ac12c7bcbb284959c0ea64bd"},r("div",{key:"9a0b60180dc43681d5f5e1b7376435afb583765e",class:"bonusprogressbar-top"},this.icon?r("div",{class:"bonusprogressbar-top-icon"},r("pn-icon",{icon:this.icon,small:"false",color:this.iconColor()})):{},r("div",{key:"97f7f703387b719ab11ca555e5f46de0a38b0dcf",class:"bonusprogressbar-top-heading"},r("h4",{key:"8127659ee7221eec13123fd0e07c1871a132fdf9",class:"bonusprogressbar-top-headline"},this.heading," ",r("strong",{key:"5883c56d6aa717e654634e4232e768e76b5f8236",class:"bonusprogressbar-top-percentage"},this.bonuspercentage)),this.sumtext?r("div",{class:"bonusprogressbar-sumtext"},this.sumtext):null)),r("div",{key:"9ca7943f007cfb8bf63c1c64032140ae158bed85",class:"bonusprogressbar-wrapper"},r("progress",{key:"db618cbeb83e9e6459c2db90da1806952b2b98b3",class:"bonusprogressbar-progress",value:this.progresspercentage,max:"100"}),r("slot",{key:"6954cfff8a350a37528f0529d1158b79b9abe499"})))}static get watchers(){return{currentLevelAdjustedValue:["setValuePercentage"],value:["setValuePercentage"],min:["setValuePercentage"],max:["setValuePercentage"]}}};a.style=o;export{a as pn_bonus_progressbar};
+//# sourceMappingURL=p-7db6ef34.entry.js.map

package/pn-market-web-components/{p-4e3059dd.entry.js.map → p-7db6ef34.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnBonusProgressbarCss","PnBonusProgressbarStyle0","PnBonusProgressbar","componentWillLoad","this","setInitialValues","setValuePercentage","levelElements","Array","from","hostElement","querySelectorAll","currentLevelAdjustedValue","value","levelValues","map","elm","parseInt","getAttribute","max","length","newMax","slice","modifier","Math","floor","valuepercentage","progresspercentage","min","iconColor","theme","render","h","Host","key","class","icon","small","color","heading","bonuspercentage","sumtext"],"sources":["src/components/input/pn-bonus-progressbar/pn-bonus-progressbar.scss?tag=pn-bonus-progressbar","src/components/input/pn-bonus-progressbar/pn-bonus-progressbar.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-bonus-progressbar {\n  width: 100%;\n}\n\n.bonusprogressbar-top {\n  display: flex;\n  align-items: center;\n  margin-bottom: 1.6rem;\n}\n\n.bonusprogressbar-top-icon {\n  border-radius: 100%;\n  height: 5rem;\n  width: 5rem;\n  padding: 1rem;\n  display: inline-flex;\n  margin-right: 1em;\n  margin-left: 0.5em;\n  background-color: #e0f8ff;\n  [theme='red'] & {\n    background-color: #fbc2c1;\n  }\n  pn-icon svg {\n    width: 100%;\n    height: 100%;\n  }\n}\n.bonusprogressbar-top-heading {\n}\n.bonusprogressbar-top-headline {\n}\n\n.bonusprogressbar-sumtext {\n  margin-top: 0.4rem;\n  font-size: 1.3rem;\n  color: $gray700;\n}\n.bonusprogressbar-top-percentage {\n  //margin-left:auto;\n  margin-left: 0.8rem;\n  padding: 0;\n}\n\n.bonusprogressbar-wrapper {\n  position: relative;\n  display: flex;\n  min-height: 5em;\n  align-items: center;\n}\n\n.bonusprogressbar-currentlevel {\n  position: absolute;\n}\n.bonusprogressbar-progress[value] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n\n  width: 100%;\n  height: 1.7rem;\n\n  border: 0.1rem solid #00a0d6;\n  [theme='red'] & {\n    border-color: #f06365;\n  }\n  border-radius: 1.7rem;\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n  &::-webkit-progress-bar {\n    border: 0;\n    border-radius: 1.7rem;\n    margin: 0;\n    padding: 0;\n    background: #e0f8ff;\n\n    [theme='red'] & {\n      background: #fdefee;\n    }\n  }\n  &::-webkit-progress-value {\n    margin: 0;\n    padding: 0;\n    border-radius: 1.7rem;\n    background: #00a0d6;\n    [theme='red'] & {\n      background: #f06365;\n    }\n  }\n}\n","import { Component, Prop, h, Host, State, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'pn-bonus-progressbar',\n  styleUrl: 'pn-bonus-progressbar.scss',\n})\nexport class PnBonusProgressbar {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() icon: string = null;\n  @Prop() heading: string = '';\n  @Prop({ reflect: true }) sumtext: string = null;\n  @Prop({ reflect: true }) theme: string = 'blue';\n  @Prop() bonuspercentage: string = '0%';\n  @Prop({ reflect: true }) currency: string = 'kr';\n  @Prop({ reflect: true, mutable: true }) value: number = 0;\n  @Prop({ reflect: true, mutable: true }) min: number = 0;\n  @Prop({ reflect: true, mutable: true }) max: number = 0;\n\n  @State() valuepercentage: number = 0;\n  @State() progresspercentage: number = 0;\n  @State() levelValues: number[] = [];\n  @State() currentLevelAdjustedValue: number = 0;\n\n  componentWillLoad() {\n    this.setInitialValues();\n    this.setValuePercentage();\n  }\n\n  setInitialValues() {\n    const levelElements = Array.from(this.hostElement.querySelectorAll('pn-bonus-progressbar-level:not([current])'));\n    this.currentLevelAdjustedValue = this.value;\n    this.levelValues = levelElements.map(elm => {\n      return parseInt(elm.getAttribute('value'), 10);\n    });\n    if (!this.max) {\n      if (this.levelValues && this.levelValues.length > 0) {\n        const newMax = this.levelValues.slice(-1)[0] as number;\n        let modifier = 1.05;\n        if (this.value > newMax) {\n          modifier = 1.2;\n        }\n        this.max = Math.floor(newMax * modifier); // This sets the max value which all levels are relative to\n      }\n    }\n\n    // if (!this.min) {\n    //   const suggestedMin = Math.floor(this.value * 0.9);\n    //   if (suggestedMin > 0) {\n    //     this.min = suggestedMin;\n    //   }\n    // }\n\n    if (this.value > this.max) {\n      this.currentLevelAdjustedValue = 100;\n    }\n  }\n\n  @Watch('currentLevelAdjustedValue')\n  @Watch('value')\n  @Watch('min')\n  @Watch('max')\n  setValuePercentage() {\n    this.valuepercentage = (this.value / this.max) * 100;\n    this.progresspercentage = ((this.value - this.min) / (this.max - this.min)) * 100;\n    if (this.progresspercentage < 0) {\n      if (this.levelValues && this.levelValues.length && this.levelValues[0] < this.value) {\n        this.min = Math.floor(this.levelValues[0] * 0.95);\n      } else {\n        this.min = Math.floor(this.value * 0.95);\n      }\n    }\n\n    if (this.progresspercentage > 100) {\n      this.progresspercentage = 100;\n      const newMax = this.levelValues.slice(-1)[0] as number;\n      let modifier = 1.05;\n      if (this.value > newMax) {\n        modifier = 1.2;\n      }\n      this.max = Math.floor(newMax * modifier); // This sets the max value which all levels are relative to\n      // this.max = Math.floor(newMax * 1.20);\n    }\n  }\n\n  iconColor() {\n    switch (this.theme) {\n      case 'red':\n        return 'coral700';\n      case 'blue':\n      default:\n        return 'blue700';\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"bonusprogressbar-top\">\n          {this.icon ? (\n            <div class=\"bonusprogressbar-top-icon\">\n              <pn-icon icon={this.icon} small=\"false\" color={this.iconColor()} />\n            </div>\n          ) : (\n            {}\n          )}\n          <div class=\"bonusprogressbar-top-heading\">\n            <h4 class=\"bonusprogressbar-top-headline\">\n              {this.heading} <strong class=\"bonusprogressbar-top-percentage\">{this.bonuspercentage}</strong>\n            </h4>\n            {this.sumtext ? <div class=\"bonusprogressbar-sumtext\">{this.sumtext}</div> : null}\n          </div>\n        </div>\n\n        <div class=\"bonusprogressbar-wrapper\">\n          <progress class=\"bonusprogressbar-progress\" value={this.progresspercentage} max=\"100\"></progress>\n          {/* <pn-bonus-progressbar-level current={true} value={this.value} visualpercentage={this.currentLevelAdjustedValue} bonuspercentage={this.bonuspercentage}></pn-bonus-progressbar-level> */}\n          {/* <div class=\"bonusprogressbar-currentlevel\" style={ {'left':`%`} }></div> */}\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,k6CAC9B,MAAAC,EAAeD,E,MCKFE,EAAkB,M,mCAGN,K,aACG,G,aACiB,K,WACF,O,qBACP,K,cACU,K,WACY,E,SACF,E,SACA,E,qBAEnB,E,wBACG,E,iBACL,G,+BACY,C,kCAE7C,iBAAAC,GACEC,KAAKC,mBACLD,KAAKE,oB,CAGP,gBAAAD,GACE,MAAME,EAAgBC,MAAMC,KAAKL,KAAKM,YAAYC,iBAAiB,8CACnEP,KAAKQ,0BAA4BR,KAAKS,MACtCT,KAAKU,YAAcP,EAAcQ,KAAIC,GAC5BC,SAASD,EAAIE,aAAa,SAAU,MAE7C,IAAKd,KAAKe,IAAK,CACb,GAAIf,KAAKU,aAAeV,KAAKU,YAAYM,OAAS,EAAG,CACnD,MAAMC,EAASjB,KAAKU,YAAYQ,OAAO,GAAG,GAC1C,IAAIC,EAAW,KACf,GAAInB,KAAKS,MAAQQ,EAAQ,CACvBE,EAAW,G,CAEbnB,KAAKe,IAAMK,KAAKC,MAAMJ,EAASE,E,EAWnC,GAAInB,KAAKS,MAAQT,KAAKe,IAAK,CACzBf,KAAKQ,0BAA4B,G,EAQrC,kBAAAN,GACEF,KAAKsB,gBAAmBtB,KAAKS,MAAQT,KAAKe,IAAO,IACjDf,KAAKuB,oBAAuBvB,KAAKS,MAAQT,KAAKwB,MAAQxB,KAAKe,IAAMf,KAAKwB,KAAQ,IAC9E,GAAIxB,KAAKuB,mBAAqB,EAAG,CAC/B,GAAIvB,KAAKU,aAAeV,KAAKU,YAAYM,QAAUhB,KAAKU,YAAY,GAAKV,KAAKS,MAAO,CACnFT,KAAKwB,IAAMJ,KAAKC,MAAMrB,KAAKU,YAAY,GAAK,I,KACvC,CACLV,KAAKwB,IAAMJ,KAAKC,MAAMrB,KAAKS,MAAQ,I,EAIvC,GAAIT,KAAKuB,mBAAqB,IAAK,CACjCvB,KAAKuB,mBAAqB,IAC1B,MAAMN,EAASjB,KAAKU,YAAYQ,OAAO,GAAG,GAC1C,IAAIC,EAAW,KACf,GAAInB,KAAKS,MAAQQ,EAAQ,CACvBE,EAAW,G,CAEbnB,KAAKe,IAAMK,KAAKC,MAAMJ,EAASE,E,EAKnC,SAAAM,GACE,OAAQzB,KAAK0B,OACX,IAAK,MACH,MAAO,WACT,IAAK,OACL,QACE,MAAO,U,CAIb,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wBACR/B,KAAKgC,KACJJ,EAAA,OAAKG,MAAM,6BACTH,EAAA,WAASI,KAAMhC,KAAKgC,KAAMC,MAAM,QAAQC,MAAOlC,KAAKyB,eAChD,CAEJ,EAEJG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gCACTH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,iCACP/B,KAAKmC,QAAO,IAAEP,EAAA,UAAAE,IAAA,2CAAQC,MAAM,mCAAmC/B,KAAKoC,kBAEtEpC,KAAKqC,QAAUT,EAAA,OAAKG,MAAM,4BAA4B/B,KAAKqC,SAAiB,OAIjFT,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,YAAAE,IAAA,2CAAUC,MAAM,4BAA4BtB,MAAOT,KAAKuB,mBAAoBR,IAAI,QAGhFa,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["pnBonusProgressbarCss","PnBonusProgressbarStyle0","PnBonusProgressbar","componentWillLoad","this","setInitialValues","setValuePercentage","levelElements","Array","from","hostElement","querySelectorAll","currentLevelAdjustedValue","value","levelValues","map","elm","parseInt","getAttribute","max","length","newMax","slice","modifier","Math","floor","valuepercentage","progresspercentage","min","iconColor","theme","render","h","Host","key","class","icon","small","color","heading","bonuspercentage","sumtext"],"sources":["src/components/input/pn-bonus-progressbar/pn-bonus-progressbar.scss?tag=pn-bonus-progressbar","src/components/input/pn-bonus-progressbar/pn-bonus-progressbar.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-bonus-progressbar {\n  width: 100%;\n}\n\n.bonusprogressbar-top {\n  display: flex;\n  align-items: center;\n  margin-bottom: 1.6rem;\n}\n\n.bonusprogressbar-top-icon {\n  border-radius: 100%;\n  height: 5rem;\n  width: 5rem;\n  padding: 1rem;\n  display: inline-flex;\n  margin-right: 1em;\n  margin-left: 0.5em;\n  background-color: #e0f8ff;\n  [theme='red'] & {\n    background-color: #fbc2c1;\n  }\n  pn-icon svg {\n    width: 100%;\n    height: 100%;\n  }\n}\n.bonusprogressbar-top-heading {\n}\n.bonusprogressbar-top-headline {\n}\n\n.bonusprogressbar-sumtext {\n  margin-top: 0.4rem;\n  font-size: 1.3rem;\n  color: $gray700;\n}\n.bonusprogressbar-top-percentage {\n  //margin-left:auto;\n  margin-left: 0.8rem;\n  padding: 0;\n}\n\n.bonusprogressbar-wrapper {\n  position: relative;\n  display: flex;\n  min-height: 5em;\n  align-items: center;\n}\n\n.bonusprogressbar-currentlevel {\n  position: absolute;\n}\n.bonusprogressbar-progress[value] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n\n  width: 100%;\n  height: 1.7rem;\n\n  border: 0.1rem solid #00a0d6;\n  [theme='red'] & {\n    border-color: #f06365;\n  }\n  border-radius: 1.7rem;\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n  &::-webkit-progress-bar {\n    border: 0;\n    border-radius: 1.7rem;\n    margin: 0;\n    padding: 0;\n    background: #e0f8ff;\n\n    [theme='red'] & {\n      background: #fdefee;\n    }\n  }\n  &::-webkit-progress-value {\n    margin: 0;\n    padding: 0;\n    border-radius: 1.7rem;\n    background: #00a0d6;\n    [theme='red'] & {\n      background: #f06365;\n    }\n  }\n}\n","import { Component, Prop, h, Host, State, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'pn-bonus-progressbar',\n  styleUrl: 'pn-bonus-progressbar.scss',\n})\nexport class PnBonusProgressbar {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() icon: string = null;\n  @Prop() heading: string = '';\n  @Prop({ reflect: true }) sumtext: string = null;\n  @Prop({ reflect: true }) theme: string = 'blue';\n  @Prop() bonuspercentage: string = '0%';\n  @Prop({ reflect: true }) currency: string = 'kr';\n  @Prop({ reflect: true, mutable: true }) value: number = 0;\n  @Prop({ reflect: true, mutable: true }) min: number = 0;\n  @Prop({ reflect: true, mutable: true }) max: number = 0;\n\n  @State() valuepercentage: number = 0;\n  @State() progresspercentage: number = 0;\n  @State() levelValues: number[] = [];\n  @State() currentLevelAdjustedValue: number = 0;\n\n  componentWillLoad() {\n    this.setInitialValues();\n    this.setValuePercentage();\n  }\n\n  setInitialValues() {\n    const levelElements = Array.from(this.hostElement.querySelectorAll('pn-bonus-progressbar-level:not([current])'));\n    this.currentLevelAdjustedValue = this.value;\n    this.levelValues = levelElements.map(elm => {\n      return parseInt(elm.getAttribute('value'), 10);\n    });\n    if (!this.max) {\n      if (this.levelValues && this.levelValues.length > 0) {\n        const newMax = this.levelValues.slice(-1)[0] as number;\n        let modifier = 1.05;\n        if (this.value > newMax) {\n          modifier = 1.2;\n        }\n        this.max = Math.floor(newMax * modifier); // This sets the max value which all levels are relative to\n      }\n    }\n\n    // if (!this.min) {\n    //   const suggestedMin = Math.floor(this.value * 0.9);\n    //   if (suggestedMin > 0) {\n    //     this.min = suggestedMin;\n    //   }\n    // }\n\n    if (this.value > this.max) {\n      this.currentLevelAdjustedValue = 100;\n    }\n  }\n\n  @Watch('currentLevelAdjustedValue')\n  @Watch('value')\n  @Watch('min')\n  @Watch('max')\n  setValuePercentage() {\n    this.valuepercentage = (this.value / this.max) * 100;\n    this.progresspercentage = ((this.value - this.min) / (this.max - this.min)) * 100;\n    if (this.progresspercentage < 0) {\n      if (this.levelValues && this.levelValues.length && this.levelValues[0] < this.value) {\n        this.min = Math.floor(this.levelValues[0] * 0.95);\n      } else {\n        this.min = Math.floor(this.value * 0.95);\n      }\n    }\n\n    if (this.progresspercentage > 100) {\n      this.progresspercentage = 100;\n      const newMax = this.levelValues.slice(-1)[0] as number;\n      let modifier = 1.05;\n      if (this.value > newMax) {\n        modifier = 1.2;\n      }\n      this.max = Math.floor(newMax * modifier); // This sets the max value which all levels are relative to\n      // this.max = Math.floor(newMax * 1.20);\n    }\n  }\n\n  iconColor() {\n    switch (this.theme) {\n      case 'red':\n        return 'coral700';\n      case 'blue':\n      default:\n        return 'blue700';\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"bonusprogressbar-top\">\n          {this.icon ? (\n            <div class=\"bonusprogressbar-top-icon\">\n              <pn-icon icon={this.icon} small=\"false\" color={this.iconColor()} />\n            </div>\n          ) : (\n            {}\n          )}\n          <div class=\"bonusprogressbar-top-heading\">\n            <h4 class=\"bonusprogressbar-top-headline\">\n              {this.heading} <strong class=\"bonusprogressbar-top-percentage\">{this.bonuspercentage}</strong>\n            </h4>\n            {this.sumtext ? <div class=\"bonusprogressbar-sumtext\">{this.sumtext}</div> : null}\n          </div>\n        </div>\n\n        <div class=\"bonusprogressbar-wrapper\">\n          <progress class=\"bonusprogressbar-progress\" value={this.progresspercentage} max=\"100\"></progress>\n          {/* <pn-bonus-progressbar-level current={true} value={this.value} visualpercentage={this.currentLevelAdjustedValue} bonuspercentage={this.bonuspercentage}></pn-bonus-progressbar-level> */}\n          {/* <div class=\"bonusprogressbar-currentlevel\" style={ {'left':`%`} }></div> */}\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,2uDAC9B,MAAAC,EAAeD,E,MCKFE,EAAkB,M,mCAGN,K,aACG,G,aACiB,K,WACF,O,qBACP,K,cACU,K,WACY,E,SACF,E,SACA,E,qBAEnB,E,wBACG,E,iBACL,G,+BACY,C,kCAE7C,iBAAAC,GACEC,KAAKC,mBACLD,KAAKE,oB,CAGP,gBAAAD,GACE,MAAME,EAAgBC,MAAMC,KAAKL,KAAKM,YAAYC,iBAAiB,8CACnEP,KAAKQ,0BAA4BR,KAAKS,MACtCT,KAAKU,YAAcP,EAAcQ,KAAIC,GAC5BC,SAASD,EAAIE,aAAa,SAAU,MAE7C,IAAKd,KAAKe,IAAK,CACb,GAAIf,KAAKU,aAAeV,KAAKU,YAAYM,OAAS,EAAG,CACnD,MAAMC,EAASjB,KAAKU,YAAYQ,OAAO,GAAG,GAC1C,IAAIC,EAAW,KACf,GAAInB,KAAKS,MAAQQ,EAAQ,CACvBE,EAAW,G,CAEbnB,KAAKe,IAAMK,KAAKC,MAAMJ,EAASE,E,EAWnC,GAAInB,KAAKS,MAAQT,KAAKe,IAAK,CACzBf,KAAKQ,0BAA4B,G,EAQrC,kBAAAN,GACEF,KAAKsB,gBAAmBtB,KAAKS,MAAQT,KAAKe,IAAO,IACjDf,KAAKuB,oBAAuBvB,KAAKS,MAAQT,KAAKwB,MAAQxB,KAAKe,IAAMf,KAAKwB,KAAQ,IAC9E,GAAIxB,KAAKuB,mBAAqB,EAAG,CAC/B,GAAIvB,KAAKU,aAAeV,KAAKU,YAAYM,QAAUhB,KAAKU,YAAY,GAAKV,KAAKS,MAAO,CACnFT,KAAKwB,IAAMJ,KAAKC,MAAMrB,KAAKU,YAAY,GAAK,I,KACvC,CACLV,KAAKwB,IAAMJ,KAAKC,MAAMrB,KAAKS,MAAQ,I,EAIvC,GAAIT,KAAKuB,mBAAqB,IAAK,CACjCvB,KAAKuB,mBAAqB,IAC1B,MAAMN,EAASjB,KAAKU,YAAYQ,OAAO,GAAG,GAC1C,IAAIC,EAAW,KACf,GAAInB,KAAKS,MAAQQ,EAAQ,CACvBE,EAAW,G,CAEbnB,KAAKe,IAAMK,KAAKC,MAAMJ,EAASE,E,EAKnC,SAAAM,GACE,OAAQzB,KAAK0B,OACX,IAAK,MACH,MAAO,WACT,IAAK,OACL,QACE,MAAO,U,CAIb,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wBACR/B,KAAKgC,KACJJ,EAAA,OAAKG,MAAM,6BACTH,EAAA,WAASI,KAAMhC,KAAKgC,KAAMC,MAAM,QAAQC,MAAOlC,KAAKyB,eAChD,CAEJ,EAEJG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gCACTH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,iCACP/B,KAAKmC,QAAO,IAAEP,EAAA,UAAAE,IAAA,2CAAQC,MAAM,mCAAmC/B,KAAKoC,kBAEtEpC,KAAKqC,QAAUT,EAAA,OAAKG,MAAM,4BAA4B/B,KAAKqC,SAAiB,OAIjFT,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,YAAAE,IAAA,2CAAUC,MAAM,4BAA4BtB,MAAOT,KAAKuB,mBAAoBR,IAAI,QAGhFa,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/pn-market-web-components/p-809ed802.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as t,h as o,d as r}from"./p-82546a44.js";import{a as i,b as n}from"./p-5f4ccd8a.js";const s={sv:{toggleLinkTitleText:`Välj kundnummer`},en:{toggleLinkTitleText:`Choose customernumber`},da:{toggleLinkTitleText:`Vælg kundenummer`},no:{toggleLinkTitleText:`Velg kundenummer`},fi:{toggleLinkTitleText:`Valitse asiakasnumero`},de:{toggleLinkTitleText:`Kundennummer auswählen`}};const a="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}.customernumber-container{position:relative;padding:0;display:flex;flex-direction:column;border-radius:0.8rem;border:0.1rem solid #969087;transition:border 0.15s ease}.customernumber-container:hover,pn-customernumber-selector[open] .customernumber-container{border-color:#005d92}pn-customernumber-selector[open] .customernumber-container{border-bottom-left-radius:0;border-bottom-right-radius:0}.customernumber-toggle{display:flex;z-index:11;position:relative;margin:0;border-radius:0.8rem;padding:1rem;border:0;background:transparent;font-size:1em;text-align:left;outline:0;cursor:pointer}.customernumber-toggle pn-icon{align-self:center}.customernumber-selected{flex-grow:1;max-width:calc(100% - 2.4rem);overflow:hidden}.customernumber-selected-title{color:#005d92}.customernumber-selected-description{font-size:0.875em;width:100%;overflow:hidden;text-overflow:ellipsis}.customernumber-options{position:absolute;z-index:10;left:-0.1rem;right:-0.1rem;top:100%;border:0.1rem solid #005d92;border-bottom-left-radius:0.8rem;border-bottom-right-radius:0.8rem;max-height:0;opacity:0;transform-origin:top left;transition:transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s, opacity 0.1s linear, max-height 0.1s ease;overflow-y:auto}pn-customernumber-selector[open] .customernumber-options{opacity:1;transition-delay:0s;max-height:500rem}";const c=a;const d=class{constructor(t){e(this,t);this.language="sv";this.open=false;this.heading="";this.description="";this.i18n=s["en"]}get hostElement(){return t(this)}componentWillLoad(){this.init()}init(){this.setTranslations()}setTranslations(){if(this.language&&s[this.language]){this.i18n=s[this.language]}}render(){return o(r,{key:"a41ce27f21fc0a16c0b6576c6af95b20ba5bdbd3"},o("div",{key:"faa8c7c3659d0a0b72c84a287330bb6988dc3bf5",class:"customernumber-container"},o("button",{key:"e538a91434e961b2b9b6d6f89ce70656bbc3b538",class:"customernumber-toggle","aria-label":this.i18n.toggleLinkTitleText,onClick:()=>this.open=!this.open},o("div",{key:"18446ed1324b90543dc1edc3a016aec0f37d8d73",class:"customernumber-selected"},o("strong",{key:"9979f4f6d3701f577adef74b8273a2ac9709c03d",class:"customernumber-selected-title"},this.heading),o("div",{key:"454f058daf095418f5fee28e061363c035e9ae62",class:"customernumber-selected-description"},this.description)),o("pn-icon",{key:"69b6614740bbadad07deb3a3fe9227aa2025fb2c",icon:this.open?i:n,small:"false",color:"blue700"})),o("div",{key:"b7aec42dc18e95235f546120f00f826af2542603",class:"customernumber-options"},o("slot",{key:"e369c5409b3cbcc9ab7ed2370ce77f7b080dc546"}))))}};d.style=c;export{d as pn_customernumber_selector};
+//# sourceMappingURL=p-809ed802.entry.js.map

package/pn-market-web-components/p-809ed802.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["translations","sv","toggleLinkTitleText","en","da","no","fi","de","pnCustomernumberSelectorCss","PnCustomernumberSelectorStyle0","PnCustomernumberSelector","componentWillLoad","this","init","setTranslations","language","i18n","render","h","Host","key","class","onClick","open","heading","description","icon","angle_up","angle_down","small","color"],"sources":["src/components/profile/pn-customernumber-selector/translations.ts","src/components/profile/pn-customernumber-selector/pn-customernumber-selector.scss?tag=pn-customernumber-selector","src/components/profile/pn-customernumber-selector/pn-customernumber-selector.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    toggleLinkTitleText: `Välj kundnummer`,\n  },\n  en: {\n    toggleLinkTitleText: `Choose customernumber`,\n  },\n  da: {\n    toggleLinkTitleText: `Vælg kundenummer`,\n  },\n  no: {\n    toggleLinkTitleText: `Velg kundenummer`,\n  },\n  fi: {\n    toggleLinkTitleText: `Valitse asiakasnumero`,\n  },\n  de: {\n    toggleLinkTitleText: `Kundennummer auswählen`,\n  },\n};\n","@import '../../../globals/main.scss';\n\npn-customernumber-selector {\n}\n\n.customernumber-container {\n  position: relative;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  border-radius: 0.8rem;\n  border: 0.1rem solid $gray400;\n  transition: border 0.15s ease;\n  &:hover,\n  pn-customernumber-selector[open] & {\n    border-color: $blue700;\n  }\n\n  pn-customernumber-selector[open] & {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n}\n\n.customernumber-toggle {\n  display: flex;\n  z-index: 11;\n  position: relative;\n  margin: 0;\n  border-radius: 0.8rem;\n  padding: 1rem;\n  border: 0;\n  background: transparent;\n  font-size: 1em;\n  text-align: left;\n  outline: 0;\n  cursor: pointer;\n\n  pn-icon {\n    align-self: center;\n  }\n}\n\n.customernumber-selected {\n  flex-grow: 1;\n  max-width: calc(100% - 2.4rem);\n  overflow: hidden;\n}\n\n.customernumber-selected-title {\n  color: $blue700;\n}\n\n.customernumber-selected-description {\n  font-size: 0.875em;\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.customernumber-options {\n  position: absolute;\n  z-index: 10;\n  left: -0.1rem;\n  right: -0.1rem;\n  top: 100%;\n  border: 0.1rem solid $blue700;\n  border-bottom-left-radius: 0.8rem;\n  border-bottom-right-radius: 0.8rem;\n\n  pn-customernumber-selector[open] & {\n    opacity: 1;\n    transition-delay: 0s;\n    max-height: 500rem;\n  }\n  max-height: 0;\n  opacity: 0;\n  transform-origin: top left;\n  transition:\n    transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s,\n    opacity 0.1s linear,\n    max-height 0.1s ease;\n  overflow-y: auto;\n}\n","import { Component, Prop, h, State, Element, Listen, Watch, Host, Event, EventEmitter } from '@stencil/core';\nimport { translations } from './translations';\nimport { CustomernumberSelectori18n } from './pn-customernumber-selector-types';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { MarketWebLoginManager } from '../../../globals/MarketWebLoginManager';\nimport { angle_down, angle_up } from \"pn-design-assets/pn-assets/icons\";\n\n@Component({\n  tag: 'pn-customernumber-selector',\n  styleUrl: 'pn-customernumber-selector.scss',\n})\nexport class PnCustomernumberSelector {\n  @Element() hostElement: Element;\n\n  @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  @Prop() heading: string = '';\n  @Prop() description: string = '';\n\n  @State() i18n: CustomernumberSelectori18n = translations['en'];\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  init() {\n    this.setTranslations();\n  }\n\n  setTranslations() {\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"customernumber-container\">\n          <button class=\"customernumber-toggle\" aria-label={this.i18n.toggleLinkTitleText} onClick={() => (this.open = !this.open)}>\n            <div class=\"customernumber-selected\">\n              <strong class=\"customernumber-selected-title\">{this.heading}</strong>\n              <div class=\"customernumber-selected-description\">{this.description}</div>\n            </div>\n            <pn-icon icon={this.open ? angle_up : angle_down} small=\"false\" color=\"blue700\" />\n          </button>\n          <div class=\"customernumber-options\">\n            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAO,MAAMA,EAAe,CAC1BC,GAAI,CACFC,oBAAqB,mBAEvBC,GAAI,CACFD,oBAAqB,yBAEvBE,GAAI,CACFF,oBAAqB,oBAEvBG,GAAI,CACFH,oBAAqB,oBAEvBI,GAAI,CACFJ,oBAAqB,yBAEvBK,GAAI,CACFL,oBAAqB,2BCjBzB,MAAMM,EAA8B,6sDACpC,MAAAC,EAAeD,E,MCUFE,EAAwB,M,uCAGwB,K,UACH,M,aAE9B,G,iBACI,G,UAEcV,EAAa,K,kCAEzD,iBAAAW,GACEC,KAAKC,M,CAGP,IAAAA,GACED,KAAKE,iB,CAGP,eAAAA,GACE,GAAIF,KAAKG,UAAYf,EAAaY,KAAKG,UAAW,CAChDH,KAAKI,KAAOhB,EAAaY,KAAKG,S,EAIlC,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,UAAAE,IAAA,2CAAQC,MAAM,wBAAuB,aAAaT,KAAKI,KAAKd,oBAAqBoB,QAAS,IAAOV,KAAKW,MAAQX,KAAKW,MACjHL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACTH,EAAA,UAAAE,IAAA,2CAAQC,MAAM,iCAAiCT,KAAKY,SACpDN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uCAAuCT,KAAKa,cAEzDP,EAAA,WAAAE,IAAA,2CAASM,KAAMd,KAAKW,KAAOI,EAAWC,EAAYC,MAAM,QAAQC,MAAM,aAExEZ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0BACTH,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/pn-market-web-components/p-82546a44.js

@@ -0,0 +1,3 @@
+const e="pn-market-web-components";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:true,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:true,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};var r=Object.defineProperty;var n=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:true})};var s=new WeakMap;var l=e=>s.get(e);var i=(e,t)=>s.set(t.t=e,t);var o=(e,t)=>{const r={l:0,$hostElement$:e,i:t,o:new Map};{r.u=new Promise((e=>r.v=e))}{r.h=new Promise((e=>r.p=e));e["s-p"]=[];e["s-rc"]=[]}return s.set(e,r)};var a=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var c=new Map;var u=(e,t,r)=>{const n=e.m.replace(/-/g,"_");const s=e.$;if(!s){return void 0}const l=c.get(s);if(l){return l[n]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${s}.entry.js${""}`).then((e=>{{c.set(s,e)}return e[n]}),f)};var v=new Map;var d="{visibility:hidden}.hydrated{visibility:inherit}";var h="slot-fb{display:contents}slot-fb[hidden]{display:none}";var p="http://www.w3.org/1999/xlink";var m=typeof window!=="undefined"?window:{};var y=m.document||{head:{}};var b=m.HTMLElement||class{};var w={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,n)=>e.addEventListener(t,r,n),rel:(e,t,r,n)=>e.removeEventListener(t,r,n),ce:(e,t)=>new CustomEvent(e,t)};var g=t.shadowDom;var $=(()=>{let e=false;try{y.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var S=e=>Promise.resolve(e);var k=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var C=false;var j=[];var O=[];var x=(e,t)=>r=>{e.push(r);if(!C){C=true;if(t&&w.l&4){R(E)}else{w.raf(E)}}};var D=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var E=()=>{D(j);{D(O);if(C=j.length>0){w.raf(E)}}};var R=e=>S().then(e);var T=x(O,true);var L=e=>w.S=e;var A={};var F="http://www.w3.org/2000/svg";var M="http://www.w3.org/1999/xhtml";var N=e=>e!=null;var P=e=>{e=typeof e;return e==="object"||e==="function"};function U(e){var t,r,n;return(n=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?n:void 0}var W={};n(W,{err:()=>z,map:()=>B,ok:()=>H,unwrap:()=>I,unwrapErr:()=>Q});var H=e=>({isOk:true,isErr:false,value:e});var z=e=>({isOk:false,isErr:true,value:e});function B(e,t){if(e.isOk){const r=t(e.value);if(r instanceof Promise){return r.then((e=>H(e)))}else{return H(r)}}if(e.isErr){const t=e.value;return z(t)}throw"should never get here"}var I=e=>{if(e.isOk){return e.value}else{throw e.value}};var Q=e=>{if(e.isErr){return e.value}else{throw e.value}};var q=(e,t="")=>{{return()=>{}}};var G=(e,t)=>{{return()=>{}}};var K=(e,t,...r)=>{let n=null;let s=null;let l=null;let i=false;let o=false;const a=[];const f=t=>{for(let r=0;r<t.length;r++){n=t[r];if(Array.isArray(n)){f(n)}else if(n!=null&&typeof n!=="boolean"){if(i=typeof e!=="function"&&!P(n)){n=String(n)}if(i&&o){a[a.length-1].k+=n}else{a.push(i?V(null,n):n)}o=i}}};f(r);if(t){if(t.key){s=t.key}if(t.name){l=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,a,J)}const c=V(e,null);c.C=t;if(a.length>0){c.j=a}{c.O=s}{c.D=l}return c};var V=(e,t)=>{const r={l:0,R:e,k:t,T:null,j:null};{r.C=null}{r.O=null}{r.D=null}return r};var X={};var _=e=>e&&e.R===X;var J={forEach:(e,t)=>e.map(Y).forEach(t),map:(e,t)=>e.map(Y).map(t).map(Z)};var Y=e=>({vattrs:e.C,vchildren:e.j,vkey:e.O,vname:e.D,vtag:e.R,vtext:e.k});var Z=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return K(e.vtag,t,...e.vchildren||[])}const t=V(e.vtag,e.vtext);t.C=e.vattrs;t.j=e.vchildren;t.O=e.vkey;t.D=e.vname;return t};var ee=(e,t)=>{if(e!=null&&!P(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var te=e=>l(e).$hostElement$;var re=(e,t,r)=>{const n=te(e);return{emit:e=>ne(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}};var ne=(e,t,r)=>{const n=w.ce(t,r);e.dispatchEvent(n);return n};var se=new WeakMap;var le=(e,t,r)=>{let n=v.get(e);if(k&&r){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}v.set(e,n)};var ie=(e,t,r)=>{var n;const s=ae(t);const l=v.get(s);e=e.nodeType===11?e:y;if(l){if(typeof l==="string"){e=e.head||e;let r=se.get(e);let i;if(!r){se.set(e,r=new Set)}if(!r.has(s)){{i=y.createElement("style");i.innerHTML=l;const r=(n=w.L)!=null?n:U(y);if(r!=null){i.setAttribute("nonce",r)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const r=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,r)}else if("host"in e){if(k){const t=new CSSStyleSheet;t.replaceSync(l);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=l+t.innerHTML}else{e.prepend(i)}}}else{e.append(i)}}if(t.l&1&&e.nodeName!=="HEAD"){e.insertBefore(i,null)}}if(t.l&4){i.innerHTML+=h}if(r){r.add(s)}}}else if(!e.adoptedStyleSheets.includes(l)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]}}return s};var oe=e=>{const t=e.i;const r=e.$hostElement$;const n=t.l;const s=q("attachStyles",t.m);const l=ie(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10&&n&2){r["s-sc"]=l;r.classList.add(l+"-h")}s()};var ae=(e,t)=>"sc-"+e.m;var fe=(e,t,r,n,s,l)=>{if(r!==n){let i=a(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const s=ue(r);const l=ue(n);t.remove(...s.filter((e=>e&&!l.includes(e))));t.add(...l.filter((e=>e&&!s.includes(e))))}else if(t==="style"){{for(const t in r){if(!n||n[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in n){if(!r||n[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,n[t])}else{e.style[t]=n[t]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(m,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(r||n){const s=t.endsWith(ve);t=t.replace(de,"");if(r){w.rel(e,t,r,s)}if(n){w.ael(e,t,n,s)}}}else{const a=P(n);if((i||a&&n!==null)&&!s){try{if(!e.tagName.includes("-")){const s=n==null?"":n;if(t==="list"){i=false}else if(r==null||e[t]!=s){if(typeof e.__lookupSetter__(t)==="function"){e[t]=s}else{e.setAttribute(t,s)}}}else{e[t]=n}}catch(e){}}let f=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){t=o;f=true}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){if(f){e.removeAttributeNS(p,t)}else{e.removeAttribute(t)}}}else if((!i||l&4||s)&&!a){n=n===true?"":n;if(f){e.setAttributeNS(p,t,n)}else{e.setAttribute(t,n)}}}}};var ce=/\s/;var ue=e=>!e?[]:e.split(ce);var ve="Capture";var de=new RegExp(ve+"$");var he=(e,t,r)=>{const n=t.T.nodeType===11&&t.T.host?t.T.host:t.T;const s=e&&e.C||A;const l=t.C||A;{for(const e of pe(Object.keys(s))){if(!(e in l)){fe(n,e,s[e],void 0,r,t.l)}}}for(const e of pe(Object.keys(l))){fe(n,e,s[e],l[e],r,t.l)}};function pe(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var me;var ye;var be;var we=false;var ge=false;var $e=false;var Se=false;var ke=(e,r,n,s)=>{var l;const i=r.j[n];let o=0;let a;let f;let c;if(!we){$e=true;if(i.R==="slot"){if(me){s.classList.add(me+"-s")}i.l|=i.j?2:1}}if(i.k!==null){a=i.T=y.createTextNode(i.k)}else if(i.l&1){a=i.T=y.createTextNode("")}else{if(!Se){Se=i.R==="svg"}a=i.T=y.createElementNS(Se?F:M,!we&&t.slotRelocation&&i.l&2?"slot-fb":i.R);if(Se&&i.R==="foreignObject"){Se=false}{he(null,i,Se)}const r=a.getRootNode();const n=!r.querySelector("body");if(!n&&t.scoped&&N(me)&&a["s-si"]!==me){a.classList.add(a["s-si"]=me)}if(i.j){for(o=0;o<i.j.length;++o){f=ke(e,i,o,a);if(f){a.appendChild(f)}}}{if(i.R==="svg"){Se=false}else if(a.tagName==="foreignObject"){Se=true}}}a["s-hn"]=be;{if(i.l&(2|1)){a["s-sr"]=true;a["s-cr"]=ye;a["s-sn"]=i.D||"";a["s-rf"]=(l=i.C)==null?void 0:l.ref;c=e&&e.j&&e.j[n];if(c&&c.R===i.R&&e.T){{Ce(e.T,false)}}}}return a};var Ce=(e,r)=>{w.l|=1;const n=Array.from(e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===be){n.push(t)}}}for(let e=n.length-1;e>=0;e--){const t=n[e];if(t["s-hn"]!==be&&t["s-ol"]){Pe(Re(t),t,Ee(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;$e=true}if(r){Ce(t,r)}}w.l&=~1};var je=(e,t,r,n,s,l)=>{let i=e["s-cr"]&&e["s-cr"].parentNode||e;let o;if(i.shadowRoot&&i.tagName===be){i=i.shadowRoot}for(;s<=l;++s){if(n[s]){o=ke(null,r,s,e);if(o){n[s].T=o;Pe(i,o,Ee(t))}}}};var Oe=(e,t,r)=>{for(let n=t;n<=r;++n){const t=e[n];if(t){const e=t.T;Ne(t);if(e){{ge=true;if(e["s-ol"]){e["s-ol"].remove()}else{Ce(e,true)}}e.remove()}}}};var xe=(e,t,r,n,s=false)=>{let l=0;let i=0;let o=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=n.length-1;let d=n[0];let h=n[v];let p;let m;while(l<=f&&i<=v){if(c==null){c=t[++l]}else if(u==null){u=t[--f]}else if(d==null){d=n[++i]}else if(h==null){h=n[--v]}else if(De(c,d,s)){Te(c,d,s);c=t[++l];d=n[++i]}else if(De(u,h,s)){Te(u,h,s);u=t[--f];h=n[--v]}else if(De(c,h,s)){if(c.R==="slot"||h.R==="slot"){Ce(c.T.parentNode,false)}Te(c,h,s);Pe(e,c.T,u.T.nextSibling);c=t[++l];h=n[--v]}else if(De(u,d,s)){if(c.R==="slot"||h.R==="slot"){Ce(u.T.parentNode,false)}Te(u,d,s);Pe(e,u.T,c.T);u=t[--f];d=n[++i]}else{o=-1;{for(a=l;a<=f;++a){if(t[a]&&t[a].O!==null&&t[a].O===d.O){o=a;break}}}if(o>=0){m=t[o];if(m.R!==d.R){p=ke(t&&t[i],r,o,e)}else{Te(m,d,s);t[o]=void 0;p=m.T}d=n[++i]}else{p=ke(t&&t[i],r,i,e);d=n[++i]}if(p){{Pe(Re(c.T),p,Ee(c.T))}}}}if(l>f){je(e,n[v+1]==null?null:n[v+1].T,r,n,i,v)}else if(i>v){Oe(t,l,f)}};var De=(e,t,r=false)=>{if(e.R===t.R){if(e.R==="slot"){if("A"in e&&r&&e.T.nodeType!==8){return false}return e.D===t.D}if(!r){return e.O===t.O}return true}return false};var Ee=e=>e&&e["s-ol"]||e;var Re=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;var Te=(e,r,n=false)=>{const s=r.T=e.T;const l=e.j;const i=r.j;const o=r.R;const a=r.k;let f;if(a===null){{Se=o==="svg"?true:o==="foreignObject"?false:Se}{if(o==="slot"&&!we);else{he(e,r,Se)}}if(l!==null&&i!==null){xe(s,l,r,i,n)}else if(i!==null){if(e.k!==null){s.textContent=""}je(s,null,r,i,0,i.length-1)}else if(!n&&t.updatable&&l!==null){Oe(l,0,l.length-1)}if(Se&&o==="svg"){Se=false}}else if(f=s["s-cr"]){f.parentNode.textContent=a}else if(e.k!==a){s.data=a}};var Le=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const r=e["s-sn"];e.hidden=false;for(const n of t){if(n!==e){if(n["s-hn"]!==e["s-hn"]||r!==""){if(n.nodeType===1&&(r===n.getAttribute("slot")||r===n["s-sn"])||n.nodeType===3&&r===n["s-sn"]){e.hidden=true;break}}else{if(n.nodeType===1||n.nodeType===3&&n.textContent.trim()!==""){e.hidden=true;break}}}}}Le(e)}}};var Ae=[];var Fe=e=>{let r;let n;let s;for(const l of e.childNodes){if(l["s-sr"]&&(r=l["s-cr"])&&r.parentNode){n=r.parentNode.childNodes;const e=l["s-sn"];for(s=n.length-1;s>=0;s--){r=n[s];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==l["s-hn"]&&!t.experimentalSlotFixes){if(Me(r,e)){let t=Ae.find((e=>e.F===r));ge=true;r["s-sn"]=r["s-sn"]||e;if(t){t.F["s-sh"]=l["s-hn"];t.M=l}else{r["s-sh"]=l["s-hn"];Ae.push({M:l,F:r})}if(r["s-sr"]){Ae.map((e=>{if(Me(e.F,r["s-sn"])){t=Ae.find((e=>e.F===r));if(t&&!e.M){e.M=t.M}}}))}}else if(!Ae.some((e=>e.F===r))){Ae.push({F:r})}}}}if(l.nodeType===1){Fe(l)}}};var Me=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var Ne=e=>{{e.C&&e.C.ref&&e.C.ref(null);e.j&&e.j.map(Ne)}};var Pe=(e,t,r)=>{const n=e==null?void 0:e.insertBefore(t,r);return n};var Ue=(e,t,r=false)=>{var n,s,l,i;const o=e.$hostElement$;const a=e.i;const f=e.N||V(null,null);const c=_(t)?t:K(null,null,t);be=o.tagName;if(a.P){c.C=c.C||{};a.P.map((([e,t])=>c.C[t]=o[e]))}if(r&&c.C){for(const e of Object.keys(c.C)){if(o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.C[e]=o[e]}}}c.R=null;c.l|=4;e.N=c;c.T=f.T=o.shadowRoot||o;{me=o["s-sc"]}we=(a.l&1)!==0;{ye=o["s-cr"];ge=false}Te(f,c,r);{w.l|=1;if($e){Fe(c.T);for(const e of Ae){const t=e.F;if(!t["s-ol"]){const e=y.createTextNode("");e["s-nr"]=t;Pe(t.parentNode,t["s-ol"]=e,t)}}for(const e of Ae){const t=e.F;const o=e.M;if(o){const e=o.parentNode;let r=o.nextSibling;{let l=(n=t["s-ol"])==null?void 0:n.previousSibling;while(l){let n=(s=l["s-nr"])!=null?s:null;if(n&&n["s-sn"]===t["s-sn"]&&e===n.parentNode){n=n.nextSibling;while(n===t||(n==null?void 0:n["s-sr"])){n=n==null?void 0:n.nextSibling}if(!n||!n["s-nr"]){r=n;break}}l=l.previousSibling}}if(!r&&e!==t.parentNode||t.nextSibling!==r){if(t!==r){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Pe(e,t,r);if(t.nodeType===1){t.hidden=(l=t["s-ih"])!=null?l:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](t)}else{if(t.nodeType===1){if(r){t["s-ih"]=(i=t.hidden)!=null?i:false}t.hidden=true}}}}if(ge){Le(c.T)}w.l&=~1;Ae.length=0}ye=void 0};var We=(e,t)=>{if(t&&!e.U&&t["s-p"]){t["s-p"].push(new Promise((t=>e.U=t)))}};var He=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}We(e,e.W);const r=()=>ze(e,t);return T(r)};var ze=(e,t)=>{const r=e.$hostElement$;const n=q("scheduleUpdate",e.i.m);const s=e.t;if(!s){throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let l;if(t){{e.l|=256;if(e.H){e.H.map((([e,t])=>Je(s,e,t)));e.H=void 0}}{l=Je(s,"componentWillLoad")}}{l=Be(l,(()=>Je(s,"componentWillRender")))}n();return Be(l,(()=>Qe(e,s,t)))};var Be=(e,t)=>Ie(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Ie=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Qe=async(e,t,r)=>{var n;const s=e.$hostElement$;const l=q("update",e.i.m);const i=s["s-rc"];if(r){oe(e)}const o=q("render",e.i.m);{Ge(e,t,s,r)}if(i){i.map((e=>e()));s["s-rc"]=void 0}o();l();{const t=(n=s["s-p"])!=null?n:[];const r=()=>Ve(e);if(t.length===0){r()}else{Promise.all(t).then(r);e.l|=4;t.length=0}}};var qe=null;var Ge=(e,t,r,n)=>{try{qe=t;t=t.render();{e.l&=~16}{e.l|=2}{{{Ue(e,t,n)}}}}catch(t){f(t,e.$hostElement$)}qe=null;return null};var Ke=()=>qe;var Ve=e=>{const t=e.i.m;const r=e.$hostElement$;const n=q("postUpdate",t);const s=e.t;const l=e.W;{Je(s,"componentDidRender")}if(!(e.l&64)){e.l|=64;{Ye(r)}{Je(s,"componentDidLoad")}n();{e.p(r);if(!l){_e()}}}else{{Je(s,"componentDidUpdate")}n()}{e.v(r)}{if(e.U){e.U();e.U=void 0}if(e.l&512){R((()=>He(e,false)))}e.l&=~(4|512)}};var Xe=e=>{{const t=l(e);const r=t.$hostElement$.isConnected;if(r&&(t.l&(2|16))===2){He(t,false)}return r}};var _e=t=>{{Ye(y.documentElement)}R((()=>ne(m,"appload",{detail:{namespace:e}})))};var Je=(e,t,r)=>{if(e&&e[t]){try{return e[t](r)}catch(e){f(e)}}return void 0};var Ye=e=>{var r;return e.classList.add((r=t.hydratedSelectorName)!=null?r:"hydrated")};var Ze=(e,t)=>l(e).o.get(t);var et=(e,t,r,n)=>{const s=l(e);if(!s){throw new Error(`Couldn't find host element for "${n.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const i=s.$hostElement$;const o=s.o.get(t);const a=s.l;const c=s.t;r=ee(r,n.B[t][0]);const u=Number.isNaN(o)&&Number.isNaN(r);const v=r!==o&&!u;if((!(a&8)||o===void 0)&&v){s.o.set(t,r);if(c){if(n.I&&a&128){const e=n.I[t];if(e){e.map((e=>{try{c[e](r,o,t)}catch(e){f(e,i)}}))}}if((a&(2|16))===2){He(s,false)}}}};var tt=(e,t,r)=>{var n,s;const i=e.prototype;if(t.B||(t.I||e.watchers)){if(e.watchers&&!t.I){t.I=e.watchers}const o=Object.entries((n=t.B)!=null?n:{});o.map((([e,[n]])=>{if(n&31||r&2&&n&32){Object.defineProperty(i,e,{get(){return Ze(this,e)},set(r){et(this,e,r,t)},configurable:true,enumerable:true})}else if(r&1&&n&64){Object.defineProperty(i,e,{value(...t){var r;const n=l(this);return(r=n==null?void 0:n.u)==null?void 0:r.then((()=>{var r;return(r=n.t)==null?void 0:r[e](...t)}))}})}}));if(r&1){const r=new Map;i.attributeChangedCallback=function(e,n,s){w.jmp((()=>{var o;const a=r.get(e);if(this.hasOwnProperty(a)){s=this[a];delete this[a]}else if(i.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==s){return}else if(a==null){const r=l(this);const i=r==null?void 0:r.l;if(i&&!(i&8)&&i&128&&s!==n){const l=r.t;const i=(o=t.I)==null?void 0:o[e];i==null?void 0:i.forEach((t=>{if(l[t]!=null){l[t].call(l,s,n,e)}}))}return}this[a]=s===null&&typeof this[a]==="boolean"?false:s}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=t.I)!=null?s:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,n])=>{var s;const l=n[1]||e;r.set(l,e);if(n[0]&512){(s=t.P)==null?void 0:s.push([e,l])}return l}))]))}}return e};var rt=async(e,t,r,n)=>{let s;if((t.l&32)===0){t.l|=32;const n=r.$;if(n){const e=u(r);if(e&&"then"in e){const t=G();s=await e;t()}else{s=e}if(!s){throw new Error(`Constructor for "${r.m}#${t.q}" was not found`)}if(!s.isProxied){{r.I=s.watchers}tt(s,r,2);s.isProxied=true}const n=q("createInstance",r.m);{t.l|=8}try{new s(t)}catch(e){f(e)}{t.l&=~8}{t.l|=128}n()}else{s=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.l|=128))}if(s&&s.style){let e;if(typeof s.style==="string"){e=s.style}const t=ae(r);if(!v.has(t)){const n=q("registerStyles",r.m);le(t,e,!!(r.l&1));n()}}}const l=t.W;const i=()=>He(t,true);if(l&&l["s-rc"]){l["s-rc"].push(i)}else{i()}};var nt=e=>{};var st=e=>{if((w.l&1)===0){const t=l(e);const r=t.i;const n=q("connectedCallback",r.m);if(!(t.l&1)){t.l|=1;{if(r.l&(4|8)){lt(e)}}{let r=e;while(r=r.parentNode||r.host){if(r["s-p"]){We(t,t.W=r);break}}}if(r.B){Object.entries(r.B).map((([t,[r]])=>{if(r&31&&e.hasOwnProperty(t)){const r=e[t];delete e[t];e[t]=r}}))}{rt(e,t,r)}}else{vt(e,t,r.G);if(t==null?void 0:t.t);else if(t==null?void 0:t.h){t.h.then((()=>nt()))}}n()}};var lt=e=>{const t=e["s-cr"]=y.createComment("");t["s-cn"]=true;Pe(e,t,e.firstChild)};var it=e=>{{Je(e,"disconnectedCallback")}};var ot=async e=>{if((w.l&1)===0){const t=l(e);{if(t.K){t.K.map((e=>e()));t.K=void 0}}if(t==null?void 0:t.t){it(t.t)}else if(t==null?void 0:t.h){t.h.then((()=>it(t.t)))}}};var at=e=>{const t=e.cloneNode;e.cloneNode=function(e){const r=this;const n=r.shadowRoot&&g;const s=t.call(r,n?e:false);if(!n&&e){let e=0;let t,n;const l=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"];for(;e<r.childNodes.length;e++){t=r.childNodes[e]["s-nr"];n=l.every((t=>!r.childNodes[e][t]));if(t){{s.appendChild(t.cloneNode(true))}}if(n){s.appendChild(r.childNodes[e].cloneNode(true))}}}return s}};var ft=(e,t)=>{class r extends Array{item(e){return this[e]}}if(t.l&8){const t=e.__lookupGetter__("childNodes");Object.defineProperty(e,"children",{get(){return this.childNodes.map((e=>e.nodeType===1))}});Object.defineProperty(e,"childElementCount",{get(){return e.children.length}});Object.defineProperty(e,"childNodes",{get(){const e=t.call(this);if((w.l&1)===0&&l(this).l&2){const t=new r;for(let r=0;r<e.length;r++){const n=e[r]["s-nr"];if(n){t.push(n)}}return t}return r.from(e)}})}};var ct=(e,t={})=>{var r;const n=q();const s=[];const i=t.exclude||[];const a=m.customElements;const f=y.head;const c=f.querySelector("meta[charset]");const u=y.createElement("style");const v=[];let p;let b=true;Object.assign(w,t);w.S=new URL(t.resourcesUrl||"./",y.baseURI).href;let g=false;e.map((e=>{e[1].map((t=>{var r;const n={l:t[0],m:t[1],B:t[2],G:t[3]};if(n.l&4){g=true}{n.B=t[2]}{n.G=t[3]}{n.P=[]}{n.I=(r=t[4])!=null?r:{}}const f=n.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;o(e,n);if(n.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=l(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;vt(this,e,n.G)}if(p){clearTimeout(p);p=null}if(b){v.push(this)}else{w.jmp((()=>st(this)))}}disconnectedCallback(){w.jmp((()=>ot(this)))}componentOnReady(){return l(this).h}};{{ft(c.prototype,n)}{at(c.prototype)}}n.$=e[0];if(!i.includes(f)&&!a.get(f)){s.push(f);a.define(f,tt(c,n,1))}}))}));if(s.length>0){if(g){u.textContent+=h}{u.textContent+=s.sort()+d}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(r=w.L)!=null?r:U(y);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}b=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{w.jmp((()=>p=setTimeout(_e,30)))}}n()};var ut=(e,t)=>t;var vt=(e,t,r,n)=>{if(r){r.map((([r,n,s])=>{const l=ht(e,r);const i=dt(t,s);const o=pt(r);w.ael(l,n,i,o);(t.K=t.K||[]).push((()=>w.rel(l,n,i,o)))}))}};var dt=(e,t)=>r=>{var n;try{{if(e.l&256){(n=e.t)==null?void 0:n[t](r)}else{(e.H=e.H||[]).push([t,r])}}}catch(e){f(e)}};var ht=(e,t)=>{if(t&8)return m;return e};var pt=e=>$?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var mt=e=>w.L=e;export{ut as F,b as H,L as a,ct as b,re as c,X as d,Ke as e,Xe as f,te as g,K as h,S as p,i as r,mt as s};
+//# sourceMappingURL=p-82546a44.js.map