@postnord/pn-marketweb-components 4.0.2 → 4.0.4-test

package/dist/pn-market-web-components/p-eb21f772.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pnMediaBlockCss","PnMediaBlockStyle0","PnmediaBlock","undefined","root","document","threshold","rootMargin","hasVideo","this","videoSrc","hasImage","imageSrc","observerScroll","observerSnap","componentWillLoad","hasButtonSlot","block","querySelector","componentDidLoad","scrollTrigger","getElementById","calculatedBlockHeight","offsetHeight","overlayElement","customOverlayBackground","style","background","parallaxScroll","IntersectionObserver","entries","forEach","entry","isIntersecting","window","addEventListener","handleScroll","removeEventListener","observe","scrollSnapBlock","HTMLElement","setTimeout","scrollIntoView","behavior","console","error","disconnectedCallback","disconnect","mediaBlockElement","firstElementChild","videoPauseButton","scrollTriggerTop","getBoundingClientRect","top","mediaBlockElementHeight","scrollPosition","parallaxSpeedContent","parallaxSpeedMedia","mediaContainer","content","transform","opacity","Math","max","render","showOverlayLayer","fixedBackground","blockHeight","animateOverlayBackground","marginBottom","isVideo","isImage","classes","join","pnPlayOnScrollObserverOptions","h","key","class","observerOptions","media","srcSet","imageSrcSmallScreenFormat","src","alt","imageAltText","role","id","blockHeading","blockPreamble","HeadingTag","level","blockHeadingLevel","cssClass","name"],"sources":["src/components/media/pn-media-block/pn-media-block.scss?tag=pn-media-block","src/components/media/pn-media-block/pn-media-block.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$animationDuration: 20s;\n\npn-media-block {\n  .media-block {\n    .media-block__block-container {\n      display: grid;\n      overflow: hidden;\n    }\n    .media-block__media-container,\n    .media-block__content-container,\n    .media-block__overlay-filter {\n      grid-area: 1 / 1;\n      width: 100%;\n      position: relative;\n    }\n\n    .media-block__media-container {\n      height: 100vh;\n      overflow: hidden;\n      position: relative;\n\n      img,\n      video {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        object-fit: cover;\n        pointer-events: none;\n        max-width: 100%;\n        max-height: none;\n        height: 100%;\n        width: 100%;\n        pointer-events: none;\n      }\n\n      pn-play-on-scroll {\n        width: 100%;\n        height: 100%;\n      }\n\n      .scroll-wrapper {\n        width: 100%;\n        height: 100%;\n      }\n\n      [slot='scroll-affected'] {\n        width: 100%;\n        height: 100%;\n        display: flex;\n      }\n\n      .scroll-wrapper,\n      .scroll-affected {\n        width: 100%;\n        height: 100%;\n        display: flex;\n      }\n      video {\n        width: 100%;\n        height: 100%;\n      }\n    }\n\n    .media-block__overlay-filter {\n      z-index: 2;\n    }\n\n    .media-block__content-container {\n      z-index: 3;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: opacity 1s;\n      flex-direction: column;\n      margin: 0 auto;\n      padding: 3.4rem 0;\n\n      @include inner-container;\n\n      @media screen and (min-width: $min-width-lg) {\n        padding: 6.4rem 0;\n      }\n\n      @media screen and (min-width: $min-width-xl) {\n        padding: 7.2rem 0;\n      }\n\n      @media screen and (min-width: $min-width-xxl) {\n        padding: 8rem 0;\n      }\n\n      .media-block__block-heading {\n        max-width: 100rem;\n        text-wrap: balance;\n        color: white;\n        font-size: 3.2rem;\n        text-align: center;\n        font-weight: 700;\n        line-height: 1.1;\n        margin-bottom: 3rem;\n\n        @media screen and (min-width: $min-width-sm) {\n          font-size: 4rem;\n        }\n\n        @media screen and (min-width: $min-width-md) {\n          font-size: 4.8rem;\n        }\n\n        @media screen and (min-width: $min-width-lg) {\n          font-size: 5.6rem;\n        }\n\n        @media screen and (min-width: $min-width-xl) {\n          font-size: 8rem;\n        }\n\n        @media screen and (min-width: $min-width-xxl) {\n          font-size: 8.8rem;\n        }\n      }\n\n      .media-block__preamble {\n        max-width: 80rem;\n        max-width: 80ch;\n        text-wrap: balance;\n        display: flex;\n        color: white;\n        font-size: 1.8rem;\n        text-align: center;\n        font-weight: 300;\n\n        @media screen and (min-width: $min-width-sm) {\n          font-size: 2rem;\n        }\n\n        @media screen and (min-width: $min-width-xl) {\n          font-size: 2.4rem;\n        }\n\n        @media screen and (min-width: $min-width-xxl) {\n          font-weight: 500;\n        }\n      }\n\n      .media-block__cta-link {\n        margin-top: 3rem;\n      }\n    }\n  }\n\n  .media-block--height-100svh {\n    min-height: 100vh;\n\n    @supports (height: 100svh) {\n      height: 100svh;\n    }\n\n    .media-block__block-container {\n      height: 100vh;\n\n      @supports (max-height: 100svh) {\n        max-height: 100svh;\n      }\n\n      .media-block__media-container,\n      .media-block__content-container,\n      .media-block__overlay-filter {\n        height: 100vh;\n\n        @supports (max-height: 100svh) {\n          max-height: 100svh;\n        }\n      }\n\n      .media-block__media-container picture {\n        height: 100vh;\n\n        @supports (max-height: 100svh) {\n          max-height: 100svh;\n        }\n      }\n    }\n  }\n\n  .media-block--height-65svh {\n    min-height: 65svh;\n    overflow: auto;\n\n    .media-block__block-container {\n      height: 65vh;\n\n      @supports (max-height: 100svh) {\n        max-height: 65svh;\n      }\n\n      .media-block__media-container,\n      .media-block__content-container,\n      .media-block__overlay-filter {\n        height: 65vh;\n\n        @supports (max-height: 100svh) {\n          max-height: 65svh;\n        }\n      }\n    }\n\n    .media-block__media-container picture {\n      max-height: none !important;\n      height: auto !important;\n    }\n  }\n\n  .media-block--height-dynamic {\n    height: auto;\n    overflow: auto;\n\n    .media-block__block-container {\n      height: auto;\n      max-height: none;\n\n      .media-block__media-container,\n      .media-block__content-container,\n      .media-block__overlay-filter {\n        height: auto;\n        max-height: none;\n      }\n    }\n  }\n\n  .media-block--with-overlay {\n    .media-block__block-container .media-block__overlay-filter {\n      z-index: 2;\n      background: radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%);\n    }\n  }\n\n  .media-block--fixed-background {\n    .media-block__block-container {\n      .media-block__media-container,\n      .media-block__overlay-filter {\n        position: relative;\n        overflow: hidden;\n        top: 0;\n        width: 100%;\n        display: flex !important;\n        clip-path: inset(0);\n      }\n\n      .media-block__media-container {\n        picture {\n          position: absolute;\n          top: 0;\n          width: 100%;\n          display: flex !important;\n          height: 100%;\n\n          img {\n            position: fixed;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            z-index: 1;\n          }\n        }\n      }\n    }\n  }\n\n  .media-block--video {\n    .media-block__content-container {\n      max-width: 80%;\n    }\n  }\n\n  .media-block--animate-overlay-background {\n    .media-block__overlay-filter {\n      background-size: 200% 200% !important;\n      animation: overlayBackgroundAnimation $animationDuration ease infinite;\n    }\n  }\n\n  @keyframes overlayBackgroundAnimation {\n    0% {\n      background-position: 100% 100%;\n    }\n    50% {\n      background-position: 50% 60%;\n    }\n    100% {\n      background-position: 100% 100%;\n    }\n  }\n\n  .media-block--margin-bottom {\n    margin-bottom: 3.2rem;\n\n    @media screen and (min-width:$min-width-md) {\n      margin-bottom: 4rem;\n    }\n\n    @media screen and (min-width:$min-width-lg) {\n      margin-bottom: 5.6rem;\n    }\n\n    @media screen and (min-width:$min-width-xl) {\n      margin-bottom: 7.2rem;\n    }\n  }\n}\n","import { HeadingTag } from '@/globals/HeadingTag';\nimport { Component, Element, Prop, h, State } from '@stencil/core';\n\nfunction userPrefersReducedMotion(): boolean {\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n@Component({\n  tag: 'pn-media-block',\n  styleUrl: 'pn-media-block.scss',\n})\nexport class PnmediaBlock {\n  @Prop() blockHeight: string = null;\n  @Prop() imageSrc?: string = null;\n  @Prop() imageSrcSmallScreenFormat?: string = undefined;\n  @Prop() imageAltText?: string = '';\n  @Prop() videoSrc?: string = null;\n  @Prop() parallaxScroll: boolean = false;\n  @Prop() showOverlayLayer: boolean = false;\n  @Prop() customOverlayBackground?: string = null;\n  @Prop() animateOverlayBackground: boolean = false;\n  @Prop() scrollSnapBlock: boolean = false;\n  @Prop() fixedBackground: boolean = false;\n  @Prop() blockHeading?: string = null;\n  @Prop() blockHeadingLevel?: string = 'h2';\n  @Prop() blockPreamble?: string = null;\n  @Prop() marginBottom?: boolean = false;\n\n  @State() pnPlayOnScrollObserverOptions: IntersectionObserverInit = {\n    root: document,\n    threshold: 1,\n    rootMargin: '220px 0px 220px 0px',\n  };\n\n  @State() calculatedBlockHeight: number;\n  @State() hasButtonSlot: boolean = true;\n\n  @Element() block: HTMLElement;\n\n  get hasVideo() {\n    if (this.videoSrc !== null && this.videoSrc !== 'undefined') {\n      return true;\n    }\n    return false;\n  }\n\n  get hasImage() {\n    if (this.imageSrc !== null && this.imageSrc !== 'undefined') {\n      return true;\n    }\n    return false;\n  }\n\n  private observerScroll: IntersectionObserver;\n  private observerSnap: IntersectionObserver;\n\n  componentWillLoad() {\n    this.hasButtonSlot = !!this.block.querySelector('[slot=\"cta-button\"]');\n  }\n\n  async componentDidLoad() {\n    const scrollTrigger = document.getElementById('scroll-trigger');\n    this.calculatedBlockHeight = this.block.offsetHeight;\n\n    const overlayElement = this.block.querySelector('#mediaBlockOverlay') as HTMLElement;\n    if (this.customOverlayBackground != null || this.customOverlayBackground != 'undefined') {\n      overlayElement.style.background = `${this.customOverlayBackground}`;\n    }\n\n    if (this.parallaxScroll) {\n      this.observerScroll = new IntersectionObserver(\n        entries => {\n          entries.forEach(entry => {\n            if (entry.isIntersecting) {\n              window.addEventListener('scroll', this.handleScroll);\n            } else {\n              window.removeEventListener('scroll', this.handleScroll);\n            }\n          });\n        },\n        { rootMargin: `0px 0px` },\n      );\n\n      this.observerScroll.observe(scrollTrigger);\n    }\n\n    if (this.scrollSnapBlock) {\n      this.observerSnap = new IntersectionObserver(\n        entries => {\n          entries.forEach(entry => {\n            if (entry.isIntersecting) {\n              // The block is within 100px of the viewport, scroll it into view\n              if (this.block instanceof HTMLElement) {\n                setTimeout(() => {\n                  this.block.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                }, 1000); // Adjust the delay as needed\n              } else {\n                console.error('this.block is not a valid HTMLElement');\n              }\n            }\n          });\n        },\n        {\n          root: document,\n          rootMargin: '100px 0px 100px 0px',\n          threshold: 0,\n        },\n      );\n\n      this.observerSnap.observe(scrollTrigger);\n    }\n  }\n\n  disconnectedCallback() {\n    // Clean up the observer and event listener when the component is removed\n    if (this.observerScroll) {\n      this.observerScroll.disconnect();\n    }\n    if (this.observerSnap) {\n      this.observerSnap.disconnect();\n    }\n    window.removeEventListener('scroll', this.handleScroll);\n  }\n\n  handleScroll = () => {\n    const mediaBlockElement = this.block.firstElementChild as HTMLElement;\n    const scrollTrigger = this.block.querySelector('#scroll-trigger') as HTMLElement;\n    const videoPauseButton = this.block.querySelector('#overlayed-button-pause-video') as HTMLButtonElement;\n\n    const scrollTriggerTop = scrollTrigger.getBoundingClientRect().top;\n    const mediaBlockElementHeight = mediaBlockElement.offsetHeight;\n\n    const scrollPosition = mediaBlockElementHeight - scrollTriggerTop;\n\n    const parallaxSpeedContent = 0.3;\n    const parallaxSpeedMedia = 0.2;\n\n    const mediaContainer = this.block.querySelector('.media-block__media-container') as HTMLElement;\n    const content = this.block.querySelector('.media-block__content-container') as HTMLElement;\n\n    if (mediaContainer != null) {\n      // Move the image or video at a slower speed\n      mediaContainer.style.transform = `translate(0, ${scrollPosition * (0.1 + parallaxSpeedMedia)}px)`;\n\n      if (videoPauseButton != null) {\n        // Move the pause button up\n        videoPauseButton.style.transform = `translate(0, ${-scrollPosition * (0.3 + parallaxSpeedMedia)}px)`;\n      }\n    }\n\n    if (content) {\n      // Move the content at a faster speed\n      content.style.transform = `translate(0, ${scrollPosition * (0.5 + parallaxSpeedContent)}px)`;\n\n      // Change the opacity based on the scroll position\n      const opacity = Math.max(0, 1 - scrollPosition / 600);\n      content.style.opacity = `${opacity}`;\n    }\n  };\n\n  render() {\n    const { showOverlayLayer, fixedBackground, blockHeight, scrollSnapBlock, hasButtonSlot, hasVideo, hasImage, animateOverlayBackground, marginBottom } = this;\n\n    const isVideo = hasVideo;\n    const isImage = hasImage;\n\n    const classes = [\n      'media-block',\n      blockHeight ? `media-block--height-${blockHeight}` : '',\n      showOverlayLayer ? 'media-block--with-overlay' : '',\n      animateOverlayBackground ? `media-block--animate-overlay-background` : '',\n      isVideo ? 'media-block--video' : '',\n      scrollSnapBlock ? 'scroll-snap' : 'no-scroll-snap',\n      fixedBackground ? 'media-block--fixed-background' : '',\n      marginBottom ? 'media-block--margin-bottom' : '',\n    ].join(' ');\n\n    const pnPlayOnScrollObserverOptions: IntersectionObserverInit = {\n      root: this.blockHeight === '100svh' ? this.block : null,\n      threshold: [0, 0.5, 1], // Callback will be executed when 0%, 50%, and 100% of the target is visible\n    };\n\n    return (\n      <div class={classes}>\n        <div class=\"media-block__block-container\">\n          <div class=\"media-block__media-container\">\n            {isVideo ? (\n              <pn-play-on-scroll show-overlay={this.showOverlayLayer} observerOptions={pnPlayOnScrollObserverOptions} video-src={this.videoSrc}></pn-play-on-scroll>\n            ) : isImage ? (\n              <picture>\n                <source media=\"(min-width: 1400px)\" srcSet={this.imageSrc} />\n                <source media=\"(min-width: 1224px)\" srcSet={this.imageSrc} />\n                <source media=\"(min-width: 1140px)\" srcSet={this.imageSrc} />\n                <source\n                  media=\"(min-width: 1023px)\"\n                  srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                />\n                <source\n                  media=\"(min-width: 768px)\"\n                  srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                />\n                <source\n                  media=\"(min-width: 500px)\"\n                  srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                />\n                <img\n                  src={this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                  alt={this.imageAltText !== 'undefined' ? this.imageAltText : ''}\n                  role={this.imageAltText !== 'undefined' ? 'img' : 'presentation'}\n                  aria-hidden={this.imageAltText !== 'undefined' ? 'false' : 'true'}\n                />\n              </picture>\n            ) : null}\n          </div>\n\n          {!isVideo && <div class=\"media-block__overlay-filter\" id=\"mediaBlockOverlay\"></div>}\n\n          {(this.blockHeading || this.blockPreamble) && (\n            <div class=\"media-block__content-container\">\n              {this.blockHeading && (\n                <HeadingTag level={this.blockHeadingLevel} cssClass=\"media-block__block-heading\">\n                  {this.blockHeading}\n                </HeadingTag>\n              )}\n              {this.blockPreamble && <p class=\"media-block__preamble\">{this.blockPreamble}</p>}\n              {hasButtonSlot && (\n                <div class=\"media-block__cta-link\">\n                  <slot name=\"cta-button\" />\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n\n        <div id=\"scroll-trigger\"></div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pn-market-web-components/p-efab81a9.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,d as i}from"./p-82546a44.js";import{a as n}from"./p-76c2c01f.js";const r="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--marketweb-input{display:inline-flex;flex-direction:column}pn-marketweb-input input{padding:0.75em;font-size:1em;font-weight:500;-webkit-font-smoothing:antialiased;outline:none;border-radius:0.8rem;border:0.1rem solid #5e554a;transition:box-shadow 0.15s, border 0.15s;color:#000000;width:100%}pn-marketweb-input input::placeholder{color:#969087;font-weight:normal}pn-marketweb-input input:focus{border:0.1rem solid #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-marketweb-input input:hover{border:0.1rem solid #00a0d6}pn-marketweb-input input:disabled{background:#f3f2f2;border:none}pn-marketweb-input>.input-container{position:relative}pn-marketweb-input>.input-container>button{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#005d92;padding:0.6rem;border-radius:0.8rem;outline:none;transition:border 0.1s, background 0.2s, color 0.1s;border:0.1rem solid transparent}pn-marketweb-input>.input-container>button:focus{border:0.1rem solid #005d92}pn-marketweb-input>.input-container>button:hover{background:#e0f8ff}pn-marketweb-input>.input-container>button:active{background:#005d92;color:white}pn-marketweb-input>.input-container>svg{position:absolute;right:0.75em;top:50%;transform:translateY(-50%);height:1.5em;width:1.5em;pointer-events:none}pn-marketweb-input>.input-container>svg polyline{stroke-linecap:round;transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86)}pn-marketweb-input>.input-container>svg.pn-input-checkmark polyline{stroke:#005e41;stroke-dashoffset:23;stroke-dasharray:23}pn-marketweb-input .label-container{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;display:flex;justify-content:space-between;align-items:flex-end}pn-marketweb-input .label-container label{cursor:pointer;transition:color 0.2s}.label-container label.char-count{flex-shrink:0;padding-left:0.5em}pn-marketweb-input small{font-size:0.75em;font-size:max(.6em, 1.2rem);transition:transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);margin-top:0.5em;color:#5e554a}pn-input.error{color:#a70707}pn-input.error label{color:#a70707}pn-input.error small{color:#a70707}pn-input.error small>pn-icon{margin-right:0.25em}pn-input.error input{border:0.1rem solid #a70707}pn-input.error input:focus{border:0.1rem solid #a70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707}pn-input.error input:hover{border:0.1rem solid #f06365}pn-input.valid{color:#005e41}pn-input.valid .input-container>svg.pn-input-checkmark polyline{stroke-dashoffset:0}pn-input.valid label{color:#005e41}pn-input.valid input{border:0.1rem solid #005e41}pn-input.valid input:focus{border:0.1rem solid #005e41;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005e41}pn-input.valid input:hover{border:0.1rem solid #5ec584}pn-marketweb-input.password input{padding-right:4em}pn-marketweb-input.icon input{padding-right:2.3em}";const o=r;const s=class{constructor(e){t(this,e);this.disabled=false;this.error="";this.invalid=false;this.helpertext="";this.label="";this.placeholder="";this.inputid=`${Math.random()}`;this.name="";this.required=false;this.type="text";this.autocomplete="";this.valid=null;this.value="";this.maxlength="";this.min="";this.max="";this.step="";this.pattern="";this.showText=false}getTextMessage(){if(this.error)return this.error;if(this.helpertext)return this.helpertext;return null}toggleTextVisibility(){this.showText=!this.showText}getInputType(){let t=["text","password","url","tel","search","number","email","date","datetime-local","month","week","time"];return t.includes(this.type)&&!this.showText?this.type:"text"}setVal(t){const e=t.composedPath?.()[0];this.value=e.value}getClassNames(){let t="pn-input ";if(this.error.length>0||this.invalid)t+="error ";if(this.valid)t+="valid ";if(this.type==="password")t+="password ";if(this.error||this.invalid||this.valid)t+="icon ";return t}render(){return e(i,{key:"4f7f8f34c1ee53c4afb001753391d4c157e1478b",class:this.getClassNames()},(this.label||this.maxlength)&&e("div",{key:"47d1c694771fc809834c83b1862479fd8a9e9d8d",class:"label-container"},this.label&&e("label",{key:"0fc212d7f191e9a14fbfc125c5f6f8170f89fa9a",htmlFor:this.inputid},this.label),parseInt(this.maxlength)>0&&e("label",{key:"b80c0e7c3a0303ab9f86c0a29869d65e0db2bc60",class:"char-count",htmlFor:this.inputid},`${this.value.length}/${this.maxlength}`)),e("div",{key:"ff9cc8c88c7bd113bae6e70973705fd3e79720e1",class:"input-container"},e("input",{key:"9d7032bf457b824ab3e8e9e4a26f5676f10fd75f",type:this.getInputType(),value:this.value,id:this.inputid,name:this.name,placeholder:this.placeholder,disabled:this.disabled,required:this.required,autocomplete:this.autocomplete,onInput:t=>this.setVal(t),maxlength:this.maxlength?this.maxlength:null,min:this.min?this.min:null,max:this.max?this.max:null,step:this.step?this.step:null,pattern:this.pattern?this.pattern:null}),e("svg",{key:"32edd92bb708da7494c80e21163321c976753506",class:"pn-input-checkmark",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},e("polyline",{key:"c7a4e9e801dd98d2f392954ce1f4cf38f4be59d0",class:"checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"})),this.type==="password"&&!this.disabled&&e("button",{key:"1afd953b2b8f429ef82978649382c969b47b3c52",onClick:()=>this.toggleTextVisibility()},"Show")),this.getTextMessage()&&e("small",{key:"8e10536b12bf476a98e54202c5302c8816d28f74"},this.error&&e("pn-icon",{key:"a86e347e28f92a4b8437e964fbf9d3784dcdf158",icon:n,small:true,color:"warning"}),this.getTextMessage()))}};s.style=o;export{s as pn_marketweb_input};
-//# sourceMappingURL=p-efab81a9.entry.js.map

package/dist/pn-market-web-components/p-efab81a9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pnMarketwebInputCss","PnMarketwebInputStyle0","PnMarketwebInput","Math","random","getTextMessage","this","error","helpertext","toggleTextVisibility","showText","getInputType","types","includes","type","setVal","e","target","composedPath","value","getClassNames","classNames","length","invalid","valid","render","h","Host","key","class","label","maxlength","htmlFor","inputid","parseInt","id","name","placeholder","disabled","required","autocomplete","onInput","min","max","step","pattern","xmlns","viewBox","fill","points","onClick","icon","alert_exclamation_circle","small","color"],"sources":["src/components/input/pn-marketweb-input/pn-marketweb-input.scss?tag=pn-marketweb-input","src/components/input/pn-marketweb-input/pn-marketweb-input.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn--marketweb-input {\n  display: inline-flex;\n  flex-direction: column;\n}\n\npn-marketweb-input input {\n  padding: 0.75em;\n  font-size: 1em;\n  font-weight: 500;\n  -webkit-font-smoothing: antialiased;\n  outline: none;\n  border-radius: 0.8rem;\n  border: 0.1rem solid $gray700;\n  transition:\n    box-shadow 0.15s,\n    border 0.15s;\n  color: $black;\n  width: 100%;\n\n  &::placeholder {\n    color: $gray400;\n    font-weight: normal;\n  }\n\n  &:focus {\n    border: 0.1rem solid $blue700;\n    box-shadow:\n      0 0 0 0.2rem #fff,\n      0 0 0 0.4rem $blue700;\n  }\n\n  &:hover {\n    border: 0.1rem solid $blue400;\n  }\n\n  &:disabled {\n    background: $gray50;\n    border: none;\n  }\n}\n\npn-marketweb-input > .input-container {\n  position: relative;\n\n  > button {\n    position: absolute;\n    right: 1.2rem;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: $blue700;\n    padding: 0.6rem;\n    border-radius: 0.8rem;\n    outline: none;\n    transition:\n      border 0.1s,\n      background 0.2s,\n      color 0.1s;\n    border: 0.1rem solid transparent;\n\n    &:focus {\n      border: 0.1rem solid $blue700;\n    }\n\n    &:hover {\n      background: $blue50;\n    }\n\n    &:active {\n      background: $blue700;\n      color: white;\n    }\n  }\n\n  > svg {\n    position: absolute;\n    right: 0.75em;\n    top: 50%;\n    transform: translateY(-50%);\n    height: 1.5em;\n    width: 1.5em;\n    pointer-events: none;\n\n    polyline {\n      stroke-linecap: round;\n      transition: stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);\n    }\n  }\n\n  > svg.pn-input-checkmark polyline {\n    stroke: $green700;\n    stroke-dashoffset: 23;\n    stroke-dasharray: 23;\n  }\n}\n\npn-marketweb-input .label-container {\n  margin-bottom: 0.4rem;\n  color: $gray700;\n  font-size: 0.875em;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n\n  label {\n    cursor: pointer;\n    transition: color 0.2s;\n  }\n}\n\n.label-container label.char-count {\n  flex-shrink: 0;\n  padding-left: 0.5em;\n}\n\npn-marketweb-input small {\n  font-size: 0.75em;\n  font-size: unquote('max(.6em, 1.2rem)');\n  transition: transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);\n  margin-top: 0.5em;\n  color: $gray700;\n}\n\npn-input.error {\n  color: $warning;\n\n  label {\n    color: $warning;\n  }\n\n  small {\n    color: $warning;\n  }\n\n  small > pn-icon {\n    margin-right: 0.25em;\n  }\n\n  input {\n    border: 0.1rem solid $warning;\n\n    &:focus {\n      border: 0.1rem solid $warning;\n      box-shadow:\n        0 0 0 0.2rem #fff,\n        0 0 0 0.4rem $warning;\n    }\n\n    &:hover {\n      border: 0.1rem solid $coral400;\n    }\n  }\n}\n\npn-input.valid {\n  color: $green700;\n\n  .input-container > svg.pn-input-checkmark polyline {\n    stroke-dashoffset: 0;\n  }\n\n  label {\n    color: $green700;\n  }\n\n  input {\n    border: 0.1rem solid $green700;\n\n    &:focus {\n      border: 0.1rem solid $green700;\n      box-shadow:\n        0 0 0 0.2rem #fff,\n        0 0 0 0.4rem $green700;\n    }\n\n    &:hover {\n      border: 0.1rem solid $green400;\n    }\n  }\n}\n\npn-marketweb-input.password input {\n  padding-right: 4em;\n}\n\npn-marketweb-input.icon input {\n  padding-right: 2.3em;\n}\n","import { Component, Prop, h, Host, State } from '@stencil/core';\nimport { alert_exclamation_circle } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-input',\n  styleUrl: 'pn-marketweb-input.scss',\n})\nexport class PnMarketwebInput {\n  @Prop() disabled: boolean = false;\n  /** Error message; will take precedence over helpertext if both are provided (applies invalid styles automatically) */\n  @Prop() error: string = '';\n  /** Error state without message (If you want to control the error messaging on your own) */\n  @Prop() invalid: boolean = false;\n  /** Text message placed underneath the input field */\n  @Prop() helpertext: string = '';\n  /** Text label placed above the input field */\n  @Prop() label: string = '';\n  @Prop() placeholder: string = '';\n  @Prop() inputid: string = `${Math.random()}`;\n  @Prop() name: string = '';\n  @Prop() required: boolean = false;\n  @Prop({ mutable: true }) type: string = 'text';\n  @Prop() autocomplete: string = '';\n  @Prop() valid: boolean = null;\n  @Prop() value: string = '';\n  /** The maximum number of characters the user should be able to add, also adds a visible counter */\n  @Prop() maxlength: string = '';\n  @Prop() min: string = '';\n  @Prop() max: string = '';\n  @Prop() step: string = '';\n  @Prop() pattern: string = '';\n\n  getTextMessage() {\n    if (this.error) return this.error;\n    if (this.helpertext) return this.helpertext;\n\n    return null;\n  }\n\n  @State() showText: boolean = false;\n  toggleTextVisibility() {\n    this.showText = !this.showText;\n  }\n\n  getInputType() {\n    let types = ['text', 'password', 'url', 'tel', 'search', 'number', 'email', 'date', 'datetime-local', 'month', 'week', 'time'];\n\n    return types.includes(this.type) && !this.showText ? this.type : 'text';\n  }\n\n  setVal(e) {\n    const target: HTMLInputElement = e.composedPath?.()[0] as HTMLInputElement;\n    this.value = target.value;\n  }\n\n  getClassNames() {\n    let classNames = 'pn-input ';\n    if (this.error.length > 0 || this.invalid) classNames += 'error ';\n    if (this.valid) classNames += 'valid ';\n    if (this.type === 'password') classNames += 'password ';\n    if (this.error || this.invalid || this.valid) classNames += 'icon ';\n\n    return classNames;\n  }\n\n  render() {\n    return (\n      <Host class={this.getClassNames()}>\n        {(this.label || this.maxlength) && (\n          <div class=\"label-container\">\n            {this.label && <label htmlFor={this.inputid}>{this.label}</label>}\n            {parseInt(this.maxlength) > 0 && (\n              <label class=\"char-count\" htmlFor={this.inputid}>\n                {`${this.value.length}/${this.maxlength}`}\n              </label>\n            )}\n          </div>\n        )}\n        <div class=\"input-container\">\n          <input\n            type={this.getInputType()}\n            value={this.value}\n            id={this.inputid}\n            name={this.name}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            required={this.required}\n            autocomplete={this.autocomplete}\n            onInput={e => this.setVal(e)}\n            maxlength={this.maxlength ? this.maxlength : null}\n            min={this.min ? this.min : null}\n            max={this.max ? this.max : null}\n            step={this.step ? this.step : null}\n            pattern={this.pattern ? this.pattern : null}\n          />\n          <svg class=\"pn-input-checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <polyline class=\"checkmark-path\" points=\"4,12 9,17 20,6\" stroke-width=\"3\" />\n          </svg>\n\n          {this.type === 'password' && !this.disabled && <button onClick={() => this.toggleTextVisibility()}>Show</button>}\n        </div>\n\n        {this.getTextMessage() && (\n          <small>\n            {this.error && <pn-icon icon={alert_exclamation_circle} small color=\"warning\"></pn-icon>}\n            {this.getTextMessage()}\n          </small>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAsB,wtGAC5B,MAAAC,EAAeD,E,MCMFE,EAAgB,M,uCACC,M,WAEJ,G,aAEG,M,gBAEE,G,WAEL,G,iBACM,G,aACJ,GAAGC,KAAKC,W,UACX,G,cACK,M,UACY,O,kBACT,G,WACN,K,WACD,G,eAEI,G,SACN,G,SACA,G,UACC,G,aACG,G,cASG,K,CAP7B,cAAAC,GACE,GAAIC,KAAKC,MAAO,OAAOD,KAAKC,MAC5B,GAAID,KAAKE,WAAY,OAAOF,KAAKE,WAEjC,OAAO,I,CAIT,oBAAAC,GACEH,KAAKI,UAAYJ,KAAKI,Q,CAGxB,YAAAC,GACE,IAAIC,EAAQ,CAAC,OAAQ,WAAY,MAAO,MAAO,SAAU,SAAU,QAAS,OAAQ,iBAAkB,QAAS,OAAQ,QAEvH,OAAOA,EAAMC,SAASP,KAAKQ,QAAUR,KAAKI,SAAWJ,KAAKQ,KAAO,M,CAGnE,MAAAC,CAAOC,GACL,MAAMC,EAA2BD,EAAEE,iBAAiB,GACpDZ,KAAKa,MAAQF,EAAOE,K,CAGtB,aAAAC,GACE,IAAIC,EAAa,YACjB,GAAIf,KAAKC,MAAMe,OAAS,GAAKhB,KAAKiB,QAASF,GAAc,SACzD,GAAIf,KAAKkB,MAAOH,GAAc,SAC9B,GAAIf,KAAKQ,OAAS,WAAYO,GAAc,YAC5C,GAAIf,KAAKC,OAASD,KAAKiB,SAAWjB,KAAKkB,MAAOH,GAAc,QAE5D,OAAOA,C,CAGT,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOvB,KAAKc,kBACdd,KAAKwB,OAASxB,KAAKyB,YACnBL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACRvB,KAAKwB,OAASJ,EAAA,SAAAE,IAAA,2CAAOI,QAAS1B,KAAK2B,SAAU3B,KAAKwB,OAClDI,SAAS5B,KAAKyB,WAAa,GAC1BL,EAAA,SAAAE,IAAA,2CAAOC,MAAM,aAAaG,QAAS1B,KAAK2B,SACrC,GAAG3B,KAAKa,MAAMG,UAAUhB,KAAKyB,cAKtCL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACTH,EAAA,SAAAE,IAAA,2CACEd,KAAMR,KAAKK,eACXQ,MAAOb,KAAKa,MACZgB,GAAI7B,KAAK2B,QACTG,KAAM9B,KAAK8B,KACXC,YAAa/B,KAAK+B,YAClBC,SAAUhC,KAAKgC,SACfC,SAAUjC,KAAKiC,SACfC,aAAclC,KAAKkC,aACnBC,QAASzB,GAAKV,KAAKS,OAAOC,GAC1Be,UAAWzB,KAAKyB,UAAYzB,KAAKyB,UAAY,KAC7CW,IAAKpC,KAAKoC,IAAMpC,KAAKoC,IAAM,KAC3BC,IAAKrC,KAAKqC,IAAMrC,KAAKqC,IAAM,KAC3BC,KAAMtC,KAAKsC,KAAOtC,KAAKsC,KAAO,KAC9BC,QAASvC,KAAKuC,QAAUvC,KAAKuC,QAAU,OAEzCnB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBAAqBiB,MAAM,6BAA6BC,QAAQ,YAAYC,KAAK,QAC1FtB,EAAA,YAAAE,IAAA,2CAAUC,MAAM,iBAAiBoB,OAAO,iBAAgB,eAAc,OAGvE3C,KAAKQ,OAAS,aAAeR,KAAKgC,UAAYZ,EAAA,UAAAE,IAAA,2CAAQsB,QAAS,IAAM5C,KAAKG,wBAAsB,SAGlGH,KAAKD,kBACJqB,EAAA,SAAAE,IAAA,4CACGtB,KAAKC,OAASmB,EAAA,WAAAE,IAAA,2CAASuB,KAAMC,EAA0BC,MAAK,KAACC,MAAM,YACnEhD,KAAKD,kB","ignoreList":[]}

package/dist/pn-market-web-components/p-f28059f4.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i,d as n}from"./p-82546a44.js";const o="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}}";const e=o;const a=class{constructor(i){t(this,i);this.symbol=null;this.small=false;this.color="black"}render(){return i(n,{key:"a1917c9d9ae0182591904b2a06683b1961a13ec0"},i("pn-icon",{key:"32ada4505d2162bce62c024099c754403860174c",icon:this.symbol,color:this.color,small:this.small}))}};a.style=e;export{a as pn_marketweb_icon};
-//# sourceMappingURL=p-f28059f4.entry.js.map

package/dist/pn-market-web-components/p-f28d0971.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,g as a,h as r,d as n}from"./p-82546a44.js";import{F as d}from"./p-3478f368.js";import{M as o}from"./p-6b1d045c.js";import{s as i}from"./p-fe466661.js";import"./p-8836de82.js";const h={sv:{searchlabel:"Sök",searchplaceholder:"Vad letar du efter?",searchbuttontext:"Sök",menuHomeButton:"Hem",menuGoBackButton:"Gå tillbaka",mainMenuButton:"Meny",menuStartButton:"Start",profileSelectionFlyoutHeading:"Inloggad som",unifiedLoginButton:"Logga in",unifiedMyPagesButton:"Mina sidor",home:"Hem"},en:{searchlabel:"Search",searchplaceholder:"Search",searchbuttontext:"Search",menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",profileSelectionFlyoutHeading:"Logged in as",unifiedLoginButton:"Log in",unifiedMyPagesButton:"My pages",home:"Home"},da:{searchlabel:"Søg",searchplaceholder:"Søg",searchbuttontext:"Søg",menuHomeButton:"Hjem",menuGoBackButton:"Gå tilbage",mainMenuButton:"Menu",menuStartButton:"Start",profileSelectionFlyoutHeading:"Logget ind som",unifiedLoginButton:"Log ind",unifiedMyPagesButton:"Mine sider",home:"Hjem"},no:{searchlabel:"Søk",searchplaceholder:"Søk",searchbuttontext:"Søk",menuHomeButton:"Hjem",menuGoBackButton:"Gå tilbake",mainMenuButton:"Meny",menuStartButton:"Start",profileSelectionFlyoutHeading:"Logget på som",unifiedLoginButton:"Logg inn",unifiedMyPagesButton:"Sidene mine",home:"Hjem"},fi:{searchlabel:"Hae",searchplaceholder:"Hae",searchbuttontext:"Hae",menuHomeButton:"Koti",menuGoBackButton:"Mene takaisin",mainMenuButton:"Valikko",menuStartButton:"Alkaa",profileSelectionFlyoutHeading:"Kirjautunut sisään nimellä",unifiedLoginButton:"Kirjaudu sisään",unifiedMyPagesButton:"Minun sivujani",home:"Koti"},de:{searchlabel:"Suche",searchplaceholder:"Wonach suchen Sie?",searchbuttontext:"Suche",menuHomeButton:"Start",menuGoBackButton:"Geh zurück",mainMenuButton:"Menü",menuStartButton:"Start",profileSelectionFlyoutHeading:"Eingeloggt als",unifiedLoginButton:"Anmeldung",unifiedMyPagesButton:"Meine Seiten",home:"Start"},zh:{searchlabel:"搜索",searchplaceholder:"搜索",searchbuttontext:"搜索",menuHomeButton:"主页",menuGoBackButton:"回去",mainMenuButton:"选择菜单",menuStartButton:"开始",home:"主页"},it:{searchlabel:"Cerca",searchplaceholder:"Cerca",searchbuttontext:"Cerca",menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",profileSelectionFlyoutHeading:"Logged in as",unifiedLoginButton:"Log in",unifiedMyPagesButton:"My pages",home:"Home"},nl:{searchlabel:"Zoeken",searchplaceholder:"Zoeken",searchbuttontext:"Zoeken",menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",profileSelectionFlyoutHeading:"Logged in as",unifiedLoginButton:"Log in",unifiedMyPagesButton:"My pages",home:"Home"},es:{searchplaceholder:"Buscar",searchlabel:"Buscar",searchbuttontext:"Buscar",menuHomeButton:"Inicio",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",profileSelectionFlyoutHeading:"Logged in as",unifiedLoginButton:"Log in",unifiedMyPagesButton:"My pages",home:"Inicio"},fr:{searchplaceholder:"Recherche",searchlabel:"Recherche",searchbuttontext:"Recherche",menuHomeButton:"Accueil",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",profileSelectionFlyoutHeading:"Logged in as",unifiedLoginButton:"Log in",unifiedMyPagesButton:"My pages",home:"Accueil"},tr:{searchlabel:"Ara",searchplaceholder:"Ara",searchbuttontext:"Ara",menuHomeButton:"Anasayfa",menuGoBackButton:"Geri git",mainMenuButton:"Menü",menuStartButton:"Başlat",profileSelectionFlyoutHeading:"Oturum açma adı",unifiedLoginButton:"Oturum aç",unifiedMyPagesButton:"Sayfalarım",home:"Anasayfa"},pt:{searchlabel:"Search",searchplaceholder:"Search",searchbuttontext:"Search",menuHomeButton:"Página inicial",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",profileSelectionFlyoutHeading:"Logged in as",unifiedLoginButton:"Log in",unifiedMyPagesButton:"My pages"},pl:{searchlabel:"Szukaj",searchplaceholder:"Szukaj",searchbuttontext:"Szukaj",menuHomeButton:"Strona główna",menuGoBackButton:"Powrót",mainMenuButton:"Menu",menuStartButton:"Początek",profileSelectionFlyoutHeading:"Zalogowany(-a) jako",unifiedLoginButton:"Logowanie",unifiedMyPagesButton:"Moje strony",home:"Strona główna"},"pt-BR":{searchlabel:"Buscar",searchplaceholder:"Buscar",searchbuttontext:"Buscar",menuHomeButton:"Página inicial",menuGoBackButton:"Voltar",mainMenuButton:"Menu",menuStartButton:"Iniciar",profileSelectionFlyoutHeading:"Login efetuado como",unifiedLoginButton:"Fazer login",unifiedMyPagesButton:"Minhas páginas"}};const s='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}}body[data-siteheader-menuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-menuopen=true]{max-height:initial;overflow:initial}}pn-marketweb-siteheader{display:block;background:#ffffff}pn-marketweb-siteheader header{position:relative;z-index:1000;display:flex;flex-flow:column;box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);flex-direction:row;justify-content:space-between}@media screen and (min-width: 48em){pn-marketweb-siteheader header{flex-direction:column;justify-content:initial}}pn-marketweb-siteheader .siteheader-row{display:flex;flex-flow:row;align-items:center;width:100%;padding:0 1.6rem;min-height:2em}pn-marketweb-siteheader .siteheader-row:not(:last-child){border-bottom:0.1rem solid #f3f2f2}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row{justify-content:space-between;min-height:3.2em}}@media screen and (max-width: 48em){pn-marketweb-siteheader .siteheader-row:last-child{justify-content:flex-end}}pn-marketweb-siteheader .siteheader-topright{display:flex;flex-direction:row}pn-marketweb-siteheader .siteheader-logocontainer{display:flex;align-items:center;position:relative;min-height:3em;background:#ffffff;z-index:1}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-logocontainer{position:absolute;left:50%;transform:translateX(-50%)}}pn-marketweb-siteheader .siteheader-logolink{height:100%;max-height:6.4rem;display:flex;align-items:center}pn-marketweb-siteheader .siteheader-logolink:hover,pn-marketweb-siteheader .siteheader-logolink:focus,pn-marketweb-siteheader .siteheader-logolink:active{box-shadow:none}pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:none}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:block;max-width:30rem;min-width:23.3rem;width:100%}}pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg,pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg::after{background-color:#e0f8ff}pn-marketweb-siteheader pn-spinner{display:none}pn-marketweb-siteheader pn-button-dropdown:not(.hydrated) .pn-button-dropdown-container{display:none}pn-marketweb-siteheader pn-button button{font-weight:400 !important;padding:0.5rem !important}pn-marketweb-siteheader pn-button button .pn-button-bg:after{border-radius:0.8rem !important}.siteheader-topleft pn-site-selector{padding:1rem 0;display:none}@media screen and (min-width: 48em){.siteheader-topleft pn-site-selector{display:block}}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector{margin-left:1.3rem}}.siteheader-topleft pn-site-selector .pn-button-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:0}.siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector .pn-button-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:initial}.siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{margin-left:0.4em}}@media screen and (min-width: 60em){.siteheader-topright{margin-right:1.6rem}}.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{padding:1rem 0;display:none;align-self:center}@media screen and (min-width: 48em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{display:block;margin-left:1rem}}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{margin-left:1.6rem}}.siteheader-topright>pn-language-selector .pn-button-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-button-dropdown-label,.siteheader-topright>a:is(a){font-size:0}.siteheader-topright>pn-language-selector .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-button-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector .pn-button-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-button-dropdown-label,.siteheader-topright>a:is(a){font-size:initial}.siteheader-topright>pn-language-selector .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-button-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{margin-left:0.4em}}.siteheader-menu{max-width:100%;overflow:visible;overflow-x:clip}@media screen and (min-width: 60em){.siteheader-menu{margin-top:auto;overflow:visible}}.siteheader-menu pn-mainnav-link a[target]::after{content:none}.siteheader-menu pn-marketweb-siteheader-search{padding:0.3rem 1.6rem;width:100%}.siteheader-menu [slot=top] pn-search-field{width:100%}.siteheader-menu-footer{display:flex;flex-direction:column;align-items:center}.siteheader-menu-footer>*{margin:1.6rem}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a{text-decoration:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header{background-color:#0d234b;box-shadow:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){border-bottom:0.1rem solid #0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row pn-button button:hover .pn-button-bg,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row pn-button button:hover .pn-button-bg::after{background-color:#005d92 !important}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-button-dropdown-label:hover{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-button-dropdown-label:active{background-color:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-button-dropdown-label:focus{background-color:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#ffffff !important}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:active{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{align-self:center;margin-left:1rem}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{display:none}}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .mainnav-toggle button{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .first-level_icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#ffffff;color:#0d234b;border:0.1rem solid #ffffff;padding:0.65rem 1.5rem}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{background-color:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{top:6.4em}}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search{padding-bottom:0.5rem;background-color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container{border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;border-top-right-radius:50%;border-bottom-right-radius:50%}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container button.clear{border:2px solid #ffffff;border-radius:50%;padding:0.5rem}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level .mainnav-level-header .secondlevel-backbtn pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-level[data-level="2"] .mainnav-level-header pn-mainnav-link>a:hover{background-color:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a{background-color:#0d234b;border-bottom:0.1rem solid rgba(0, 93, 146, 0.5)}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button:hover,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a:hover{text-decoration:none}@media screen and (min-width: 1024px){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a{border-bottom:none}}@media screen and (max-width: 1023px){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link:first-child{border-top:0.1rem solid rgba(0, 93, 146, 0.5)}}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link a,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link button{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link a:focus,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link button:focus{outline:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level="1"]){background-color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level="1"]) pn-mainnav-list{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level="1"]) pn-mainnav-list pn-mainnav-link>a:hover{background-color:#00a0d6;text-decoration:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-marketweb-siteheader-login-linklist ul li a:not(.pn-button){color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-marketweb-siteheader-login-linklist ul li a:hover{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header [data-level="1"] pn-mainnav-link pn-icon.first-level_arrow svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#ffffff}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}.siteheader-menu-top-search{display:none}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl] pn-site-selector .pn-button-dropdown-label,.header-wrapper[data-header-theme=dotcom] pn-site-selector .pn-button-dropdown-label{border-radius:48px}}.header-wrapper[data-header-theme=tpl] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-variant=borderless][data-appearance=light] .pn-button-bg::after,.header-wrapper[data-header-theme=dotcom] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-variant=borderless][data-appearance=light] .pn-button-bg::after{background-color:#005d92 !important}.header-wrapper[data-header-theme=tpl] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-appearance=light] pn-icon .pn-icon-svg path,.header-wrapper[data-header-theme=dotcom] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-appearance=light] pn-icon .pn-icon-svg path{fill:#ffffff !important}.header-wrapper[data-header-theme=tpl] .siteheader-row pn-button.pn-button-dropdown-label button .pn-button-text,.header-wrapper[data-header-theme=dotcom] .siteheader-row pn-button.pn-button-dropdown-label button .pn-button-text{color:#ffffff !important}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a{text-decoration:none}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button]{display:flex;gap:1rem;align-items:center}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button]{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a{color:#0d234b;font-weight:500;font-size:1.6rem;padding:0.8rem 2.4rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-bg{background-color:#fbc2c1}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-content pn-icon svg>path{fill:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-content pn-icon svg>path{fill:#ffffff}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-bg{background-color:#0d234b;transition:backgrond-color linear 1s}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-content pn-icon svg>path{fill:#ffffff}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg::after{background-color:#0d234b;transition:initial}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){background-color:#0d234b;border-bottom:0.1rem solid #0d234b}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child{background-color:#0d234b}}@media screen and (min-width: 60em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level="1"] pn-mainnav-link>button::before,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level="1"] pn-mainnav-link>a::before{background-color:#fbc2c1}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{background:#0d234b;display:flex;align-items:center}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}@media screen and (max-width: 415px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a{color:#0d234b;font-weight:500}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-bg{background-color:#fbc2c1}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-content pn-icon svg>path{fill:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-content pn-icon svg>path{fill:#ffffff}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover .pn-button-bg{background-color:#0d234b;transition:backgrond-color linear 1s}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover .pn-button-content pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header a{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button pn-icon svg path{fill:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label:hover{background:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-button-dropdown-label:hover{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-button-dropdown-label:active{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-button-dropdown-label:focus{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright{margin-right:0;align-self:center;margin-left:1rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#ffffff !important}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:active,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:inline-block;margin-top:auto;margin-bottom:auto;width:fit-content}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search pn-search-field{justify-content:flex-end;min-width:inherit}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form{margin-right:0}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container{position:absolute;width:100%}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input{cursor:pointer;background-color:transparent;color:transparent;border:none;position:relative;z-index:3;border-radius:0}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::placeholder{color:transparent}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within{margin-left:2rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within input{background-color:#ffffff;color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .siteheader-search pn-button button{width:fit-content;padding:1rem 1.9rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .siteheader-search pn-button button .pn-button-bg{background:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child pn-marketweb-siteheader-search{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#ffffff;color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}@media screen and (max-width: 768px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:flex;color:#0d234b;flex-direction:column;gap:0.5rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-bg{background-color:#fbc2c1}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content{font-weight:500;color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content pn-icon svg>path{fill:#0d234b}}@media screen and (max-width: 768px) and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content pn-icon svg>path{fill:#ffffff}}@media screen and (max-width: 768px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-bg{background-color:#0d234b;transition:backgrond-color linear 1s}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-content pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-text{color:#ffffff}}@media screen and (max-width: 1024px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:focus,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:hover{color:#ffffff;background-color:#00a0d6;box-shadow:0 0 0 0.2rem #ffffff, 0 0 0 0.4rem #00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:focus svg>path,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:hover svg>path{fill:#ffffff}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005d92}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#ffffff}@media screen and (max-width: 1024px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button pn-icon svg>path{fill:#0d234b}}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}';const p=s;const l=class{constructor(a){e(this,a);this.changeLanguage=t(this,"changeLanguage",7);this.changeMarket=t(this,"changeMarket",7);this.market=null;this.language=null;this.siteid=null;this.environment=null;this.userToken="";this.userFullname="";this.userLoggedin=false;this.endpoint=null;this.hideSiteSelector=false;this.hideHomeMenuItem=false;this.hideLanguageSelector=false;this.hideSearch=false;this.hideLogin=false;this.showProfileSelection=false;this.showUnifiedLogin=false;this.siteDomainInUrls=false;this.AutocompleteEndpoint="";this.sessionForward=false;this.cache=false;this.searchPlaceholder="";this.spaMode=false;this.checkUserLoggedInStateInterval=0;this.useMarketwebLogin=false;this.pageId="";this.i18n={searchlabel:"",searchplaceholder:"",searchbuttontext:"",menuHomeButton:"",menuGoBackButton:"",mainMenuButton:"",menuStartButton:"",profileSelectionFlyoutHeading:"",unifiedLoginButton:"",unifiedMyPagesButton:"",home:"Home"};this.gotData=false;this.fetchingData=false;this.homePageLink="/";this.menuItems=[];this.siteDefinition=undefined;this.search={AutocompleteEndpoint:this.AutocompleteEndpoint};this.siteSelector=null;this.languageSelector=null;this.languageOptions=[];this.loginDialog=null;this.minimizeSearch=false;this.loggedIn=false}get hostElement(){return a(this)}endpointPath="/api/navigation/header";fetchHelper=new d("siteheader");changeLanguage;changeMarket;componentWillLoad(){this.setInitialValues().then((()=>{this.init()}))}async setInitialValues(e=window.location.href){const t=new o(e);if(!this.market){const e=await t.getMarket();this.market=e}if(!this.language){const e=await t.getLanguage();this.language=e}if(!this.environment){this.environment=await t.getEnvironmentName()}if(!this.endpoint&&this.environment?.indexOf("local")===-1){this.endpoint=await t.getEndpoint(this.environment,this.market)}if(!this.endpoint){this.endpoint=""}}async init(){this.setTranslations();await this.fetchData();window.setTimeout((()=>{this.checkMenuOverflow()}),50)}setTranslations(){if(this.language&&h[this.language]){this.i18n=h[this.language]}if(this.searchPlaceholder){this.i18n.searchplaceholder=this.searchPlaceholder}}onLanguageSelectorChange(e){this.language=e.detail;window.dispatchEvent(new CustomEvent("marketweb-languagechange",{detail:this.language}))}onLanguageChange(){this.setTranslations();this.changeLanguage.emit(this.language);this.fetchData()}onMarketChange(){this.changeMarket.emit(this.market);this.fetchData()}async fetchData(){if(this.endpoint===null||!this.market||!this.language){return}this.fetchingData=true;const e=this.endpoint.lastIndexOf("/")===this.endpoint.length-1?this.endpoint.substring(0,this.endpoint.length-1):this.endpoint;const t=`${e}${this.endpointPath}?market=${this.market}&language=${this.language}&currentPage=${this.pageId}`;const a=await this.fetchHelper.fetchJson(t,{mode:"cors"},this.cache);await this.setStateFromData(a)}getLanguageVersionUrl(e){if(this.spaMode){return null}const t=document.querySelector(`link[rel="alternate"][hreflang="${e.twoLetterISOLanguageName}"]`);if(t){return t.getAttribute("href")}const a=this.siteDefinition.url;return a+(a.lastIndexOf("/")!==a.length-1?"/":"")+e.twoLetterISOLanguageName}async setStateFromData(e){if(typeof e!=="object"){console.warn("Data was not valid",e)}this.siteDefinition=e.sitedefinition;if(i.loginManager){i.loginManager.setSiteUrl(this.siteDefinition.url)}let t=[];if(this.siteDomainInUrls){t=e.mainMenu.menuItems.map((e=>this.adjustMenuItemUrls(e)))}else{t=e.mainMenu.menuItems}if((!t[0]||t[0]?.name!==this.i18n.menuHomeButton)&&!this.hideHomeMenuItem){t.unshift({href:this.siteDefinition.url,name:this.i18n.menuHomeButton,id:"homelink",open:false,selected:false,children:[]})}this.menuItems=t;this.search={...e.search,...{AutocompleteEndpoint:this.AutocompleteEndpoint}};this.siteSelector=e.siteSelectorViewModel;this.languageSelector=e.languageSelectorViewModel;this.setLanguageOptions();let a=e.loginViewModel;if(a&&this.siteDomainInUrls){a.loggedInLinks=a.loggedInLinks.map((e=>{e.href=this.adjustHref(e.href);return e}));a.loginMenuLinks=a.loginMenuLinks.map((e=>{e.href=this.adjustHref(e.href);return e}))}this.loginDialog=a;await this.spaModeAdjustments();this.gotData=true;this.fetchingData=true;this.homePageLink=this.siteDefinition?.url??document.location.hostname;window.setTimeout((()=>{this.checkMenuOverflow()}),100)}adjustMenuItemUrls(e){e.href=this.adjustHref(e.href);if(e.children&&e.children.length>0){let t=e.children.map((e=>this.adjustMenuItemUrls(e)));e.children=t}return e}adjustHref(e){if(e.indexOf("http")===0){return e}const t=this.siteDefinition.url.lastIndexOf("/")===this.siteDefinition.url.length-1?this.siteDefinition.url.substring(0,this.siteDefinition.url.length-1):this.siteDefinition.url;return this.removeDoubleLanguage(t+e)}removeDoubleLanguage(e){let t=this.language.toLocaleLowerCase()+"/";let a="/"+t+t;if(e.includes(a)){return e.replace(a,"/"+t)}return e}setLanguageOptions(){if(!this.languageSelector||!this.languageSelector.languages){return}const e=Array.prototype.slice.call(document.querySelectorAll('link[rel="alternate"][hreflang]'))??[];const t=e.map((e=>{let t=e.getAttribute("hreflang");if(t.indexOf("en-")!==-1||t.indexOf("en_")!==-1){t=t.substring(0,2)}return t}));let a=[];this.languageSelector.languages.map((e=>{if(t&&t.length>0){if(t.includes(e.twoLetterISOLanguageName)){a.push(e)}}else{a.push(e)}}));this.languageOptions=a}async spaModeAdjustments(){if(!this.spaMode){return}return}onLoginStateChange(e){if(e.detail?.loggedIn&&e.detail?.token){this.loggedIn=e.detail?.loggedIn===true}}promotedItemId(e){return"promo-"+e.linkText.replace(/[^A-Za-z0-9.\\\/]/gim,"")}handleResize(){requestAnimationFrame((()=>{this.checkMenuOverflow()}))}checkMenuOverflow(){const e=this.hostElement.querySelectorAll(".siteheader-row")[1];if(!e){return}const t=e.querySelector("pn-mainnav-level");if(!t){return}const a=t.parentElement;if(a.tagName.toLocaleLowerCase()!=="nav"){return}const r=a.scrollWidth;const n=t.clientWidth;const d=r<n;if(d&&this.minimizeSearch===false){this.minimizeSearch=true}}adjustSiteSelectorUrl(e){if(!this.loggedIn){return e}const t=["portal.postnord.com"];const a=t.filter((t=>e.indexOf(t)!==-1));if(a.length===0){return e}if(i.loginManager){return i.loginManager.getLoginUrl(e)}return e}getFallbackValue(e,t){return e&&e.trim()!==""?e:t}render(){const e={...this.i18n,home:this.getFallbackValue(this.i18n.home,"Home")};return r(n,{key:"6df62d8c346bf5cf9b963bd814b0ed06eb0f3a55",language:this.language,market:this.market,environment:this.environment},r("header",{key:"9d03299421578f115d5c5e1999b17130bd807c21"},r("div",{key:"e02d0b17105a55083b8dcf0a95ff572de8f20aed",class:"siteheader-row"},r("div",{key:"1f75ac467441d4e52d4439a99f34d358d5970455",class:"siteheader-topleft"},r("slot",{key:"b01622ad62fb6bf989ce08a727a7d1c295a91fd6",name:"topleft"}),this.gotData&&this.siteSelector&&!this.hideSiteSelector&&r("pn-site-selector",{key:"49f5f2bef0decdd1090a7705b6d99984baf23ae0",language:this.language,buttontext:this.siteSelector?.currentSiteTitle??"postnord"},this.gotData&&this.siteSelector?.currentSiteTitle&&r("pn-site-selector-item",{key:"c7a6d91a6489f714ec090d82709dfd0d076e3267",heading:this.siteSelector.currentSiteTitle+" ",description:this.siteSelector.currentSiteDescription}),this.gotData&&this.siteSelector?.siteSelections&&this.siteSelector.siteSelections.map((e=>r("pn-site-selector-item",{heading:e.linkText+" ",description:e.linkDescription,url:this.adjustSiteSelectorUrl(e.href),newwindow:e.openInNewWindow}))))),r("div",{key:"43cb25050d2dc06863cd0fd57a7980811b227d55",class:"siteheader-logocontainer"},r("a",{key:"6421d119666664ad16780e1fc24335f1c4d9abcc",href:this.homePageLink,title:e.home,"aria-label":e.home,class:"siteheader-logolink"},r("slot",{key:"e794bcdea5ae62a73c72c837b4e880200d4158f9",name:"logo"},r("svg",{key:"fd2b94e47db1861c0efcb454fd0028b99ffdc40a",class:"siteheader-logo",xmlns:"http://www.w3.org/2000/svg",width:"12.7rem",height:"2.4rem",viewBox:"0 0 141.73 26.65",role:"img","aria-label":"PostNord"},r("path",{key:"9f56ab20f42a08b676ced4cfe99791d1f9e91762",d:"M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z",fill:"#00A0D6",transform:"translate(0 0)"}))))),r("div",{key:"8edea6db8b79d73adc3aa5597d586c721aa59c7c",class:"siteheader-topright"},r("slot",{key:"d98f8fba12592bab0b9d78552963992d52b1a201",name:"toprightstart"}),this.gotData&&this.loginDialog&&!this.hideLogin&&r("pn-marketweb-siteheader-login",{key:"1837a0123f7d65668a5ab46b84bc537a8b72fd0c",token:this.userToken,siteUrl:this.siteDefinition.url,fullname:this.userFullname,loggedin:this.userLoggedin,loginDialog:this.loginDialog,endpoint:this.endpoint,i18n:this.i18n,showProfileSelection:this.showProfileSelection,showUnifiedLogin:this.showUnifiedLogin,"check-user-logged-in-state-interval":this.checkUserLoggedInStateInterval,useMarketwebLogin:this.useMarketwebLogin,environment:this.environment}),this.gotData&&this.languageOptions&&this.languageOptions.length&&!this.hideLanguageSelector&&r("pn-language-selector",{key:"a4a596d5aaa100f5bf10d733478a82bc2a72bf0a",value:this.language},this.languageOptions.map((e=>r("pn-language-selector-option",{name:e.nativeName,code:e.twoLetterISOLanguageName,selected:e.isCurrent,url:this.getLanguageVersionUrl(e)})))),r("slot",{key:"f629793ebb664fc67b113250deae4ca9691990d3",name:"toprightend"}),r("div",{key:"142fdc5572954238a16e907c9df65b84c96143b2",class:"siteheader-menu-top-search"},r("pn-marketweb-siteheader-search",{key:"643d8ace07117382c68a774b996088a0854611c1",language:this.language,siteid:this.siteid,search:this.search,"hide-search":this.hideSearch,i18n:this.i18n,icononly:true})))),r("slot",{key:"e7f404aea040e795f32bc356f5caf3f1f317d6b3",name:"siteheader-menu-top-button"}),r("div",{key:"da58beec8ab4a83972ef98dc14017e070a55cdc9",class:"siteheader-row"},r("div",{key:"05c3a0bed84d69aaadacc09f38abf9b0ab56c81f",class:"siteheader-menu"},this.gotData&&this.menuItems&&r("pn-mainnav",{key:"c965df1059cba737cd1694eeba69a8aae21f4cd4",market:this.market,language:this.language,onMenuOpenChange:e=>{document.body.setAttribute("data-siteheader-menuopen",e.detail+"")}},r("pn-mainnav-level",{key:"0e3ded1fc35ff8edd97987f8480925cfe3179b88"},r("pn-mainnav-list",{key:"1225681eaee649923dbe13832fcbf64c9fedd3aa"},this.menuItems.map((e=>r("pn-mainnav-link",{name:e.name,href:e.href,itemid:e.id,target:e.linkTarget??"_self",linkid:e.trackingId},(e.promotedMenuItems&&e.promotedMenuItems.length>0||e.children&&e.children.length>0)&&r("pn-mainnav-level",{label:e.name},e.children.length>0&&r("pn-mainnav-list",{heading:e.navigationHeading??""},e.children.map((e=>r("pn-mainnav-link",{name:e.name,href:e.href,target:e.linkTarget??"_self",linkid:e.trackingId})))),e.promotedMenuItems&&e.promotedMenuItems.length>0&&r("pn-mainnav-list",{heading:e.promotedMenuItemsHeader},e.promotedMenuItems.map((t=>r("pn-mainnav-link",{href:t.href,name:t.linkText,target:t.openInNewWindow?"_blank":"_self",linkid:this.promotedItemId(t)+e.id}))))))))),r("div",{key:"fdc502e058bd7b4480398950e489e9b2835cdd9c",slot:"footer",class:"siteheader-menu-footer"},r("slot",{key:"fac16aa3ae2c26db7a1e0cf11d28b0dd142718f9",name:"menu-footer-cta"}),this.gotData&&this.loginDialog&&!this.hideLogin&&r("pn-marketweb-siteheader-login",{key:"a707fe4924f48c34dd63573b10a2e02261cc3cf2",token:this.userToken,siteUrl:this.siteDefinition.url,loginDialog:this.loginDialog,endpoint:this.endpoint,fullname:this.userFullname,loggedin:this.userLoggedin,i18n:this.i18n,showProfileSelection:this.showProfileSelection,showUnifiedLogin:this.showUnifiedLogin,environment:this.environment,"check-user-logged-in-state-interval":this.checkUserLoggedInStateInterval,useMarketwebLogin:this.useMarketwebLogin}),this.gotData&&this.languageOptions&&this.languageOptions.length&&!this.hideLanguageSelector&&r("pn-language-selector",{key:"5f272081610b2b146ed72ca8fa45f3f765cc8586",value:this.language},this.languageOptions.map((e=>r("pn-language-selector-option",{name:e.nativeName,code:e.twoLetterISOLanguageName,selected:e.isCurrent,url:this.getLanguageVersionUrl(e)})))),!this.hideSiteSelector&&r("pn-site-selector",{key:"49372f33753838fe5fbd49406372114f97f37bc5",language:this.language},this.gotData&&this.siteSelector?.currentSiteTitle&&r("pn-site-selector-item",{key:"4cb7a8325de081f7ea13d221478b9dc25e1556d0",heading:this.siteSelector.currentSiteTitle,description:this.siteSelector.currentSiteDescription}),this.gotData&&this.siteSelector?.siteSelections&&this.siteSelector.siteSelections.map((e=>r("pn-site-selector-item",{heading:e.linkText,description:e.linkDescription,url:e.pageLink,newwindow:e.openInNewWindow}))))),r("div",{key:"9ddd445a3e534d634af6ae9abe0875e8245e7190",slot:"top",class:"siteheader-menu-top"},r("pn-marketweb-siteheader-search",{key:"e1bc28bf94d0972af60ffeabd2e07cea9fe5744a",language:this.language,siteid:this.siteid,search:this.search,"hide-search":this.hideSearch,i18n:this.i18n}))))),r("pn-marketweb-siteheader-search",{key:"2946b240f44b1c1c3b432875b66e68f1a1616cdd",language:this.language,siteid:this.siteid,primary:true,search:this.search,"hide-search":this.hideSearch,"show-only-link":this.minimizeSearch,i18n:this.i18n}),r("slot",{key:"f87beba8dbef6437f04c22d1237f860806cba4e0",name:"header-bottom-button"}))))}static get watchers(){return{language:["onLanguageChange"],market:["onMarketChange"]}}};l.style=p;export{l as pn_marketweb_siteheader};
-//# sourceMappingURL=p-f28d0971.entry.js.map

package/dist/pn-market-web-components/p-f28d0971.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["translations","sv","searchlabel","searchplaceholder","searchbuttontext","menuHomeButton","menuGoBackButton","mainMenuButton","menuStartButton","profileSelectionFlyoutHeading","unifiedLoginButton","unifiedMyPagesButton","home","en","da","no","fi","de","zh","it","nl","es","fr","tr","pt","pl","pnMarketwebSiteheaderCss","PnMarketwebSiteheaderStyle0","PnMarketwebSiteheader","AutocompleteEndpoint","this","endpointPath","fetchHelper","FetchHelper","changeLanguage","changeMarket","componentWillLoad","setInitialValues","then","init","href","window","location","marketWebContextService","MarketWebContextService","market","resolvedMarket","getMarket","language","getLanguage","environment","getEnvironmentName","endpoint","indexOf","getEndpoint","setTranslations","fetchData","setTimeout","checkMenuOverflow","i18n","searchPlaceholder","onLanguageSelectorChange","e","detail","dispatchEvent","CustomEvent","onLanguageChange","emit","onMarketChange","fetchingData","endpointBase","lastIndexOf","length","substring","fetchUrl","pageId","data","fetchJson","mode","cache","setStateFromData","getLanguageVersionUrl","item","spaMode","alternativeTag","document","querySelector","twoLetterISOLanguageName","getAttribute","siteUrl","siteDefinition","url","console","warn","sitedefinition","headerState","loginManager","setSiteUrl","updatedMenuItems","siteDomainInUrls","mainMenu","menuItems","map","adjustMenuItemUrls","name","hideHomeMenuItem","unshift","id","open","selected","children","search","siteSelector","siteSelectorViewModel","languageSelector","languageSelectorViewModel","setLanguageOptions","loginDialog","loginViewModel","loggedInLinks","adjustHref","loginMenuLinks","spaModeAdjustments","gotData","homePageLink","hostname","adjustedItems","domainUrl","removeDoubleLanguage","languageSegment","toLocaleLowerCase","doubleLanguageSegment","includes","replace","languages","hrefLangsTags","Array","prototype","slice","call","querySelectorAll","hrefLangs","tag","hrefLangValue","languageOptions","languageOption","push","onLoginStateChange","loggedIn","token","promotedItemId","linkText","handleResize","requestAnimationFrame","row","hostElement","firstMenuLevel","parent","parentElement","tagName","parentWidth","scrollWidth","elmWidth","clientWidth","isOverFlowed","minimizeSearch","adjustSiteSelectorUrl","loginDomains","matchedHref","filter","domain","getLoginUrl","getFallbackValue","value","fallback","trim","render","h","Host","key","class","hideSiteSelector","buttontext","currentSiteTitle","heading","description","currentSiteDescription","siteSelections","site","linkDescription","newwindow","openInNewWindow","title","xmlns","width","height","viewBox","role","d","fill","transform","hideLogin","userToken","fullname","userFullname","loggedin","userLoggedin","showProfileSelection","showUnifiedLogin","checkUserLoggedInStateInterval","useMarketwebLogin","hideLanguageSelector","nativeName","code","isCurrent","siteid","hideSearch","icononly","onMenuOpenChange","body","setAttribute","itemid","target","linkTarget","linkid","trackingId","promotedMenuItems","label","navigationHeading","childitem","promotedMenuItemsHeader","slot","pageLink","primary"],"sources":["src/components/layout-components/pn-marketweb-siteheader/translations.ts","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.scss?tag=pn-marketweb-siteheader","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.tsx"],"sourcesContent":["export const translations = {\n  'sv': {\n    searchlabel: 'Sök',\n    searchplaceholder: 'Vad letar du efter?',\n    searchbuttontext: 'Sök',\n    menuHomeButton: 'Hem',\n    menuGoBackButton: 'Gå tillbaka',\n    mainMenuButton: 'Meny',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Inloggad som',\n    unifiedLoginButton: 'Logga in',\n    unifiedMyPagesButton: 'Mina sidor',\n    home: 'Hem',\n  },\n  'en': {\n    searchlabel: 'Search',\n    searchplaceholder: 'Search',\n    searchbuttontext: 'Search',\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Logged in as',\n    unifiedLoginButton: 'Log in',\n    unifiedMyPagesButton: 'My pages',\n    home: 'Home',\n  },\n  'da': {\n    searchlabel: 'Søg',\n    searchplaceholder: 'Søg',\n    searchbuttontext: 'Søg',\n    menuHomeButton: 'Hjem',\n    menuGoBackButton: 'Gå tilbage',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Logget ind som',\n    unifiedLoginButton: 'Log ind',\n    unifiedMyPagesButton: 'Mine sider',\n    home: 'Hjem',\n  },\n  'no': {\n    searchlabel: 'Søk',\n    searchplaceholder: 'Søk',\n    searchbuttontext: 'Søk',\n    menuHomeButton: 'Hjem',\n    menuGoBackButton: 'Gå tilbake',\n    mainMenuButton: 'Meny',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Logget på som',\n    unifiedLoginButton: 'Logg inn',\n    unifiedMyPagesButton: 'Sidene mine',\n    home: 'Hjem',\n  },\n  'fi': {\n    searchlabel: 'Hae',\n    searchplaceholder: 'Hae',\n    searchbuttontext: 'Hae',\n    menuHomeButton: 'Koti',\n    menuGoBackButton: 'Mene takaisin',\n    mainMenuButton: 'Valikko',\n    menuStartButton: 'Alkaa',\n    profileSelectionFlyoutHeading: 'Kirjautunut sisään nimellä',\n    unifiedLoginButton: 'Kirjaudu sisään',\n    unifiedMyPagesButton: 'Minun sivujani',\n    home: 'Koti',\n  },\n  'de': {\n    searchlabel: 'Suche',\n    searchplaceholder: 'Wonach suchen Sie?',\n    searchbuttontext: 'Suche',\n    menuHomeButton: 'Start',\n    menuGoBackButton: 'Geh zurück',\n    mainMenuButton: 'Menü',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Eingeloggt als',\n    unifiedLoginButton: 'Anmeldung',\n    unifiedMyPagesButton: 'Meine Seiten',\n    home: 'Start',\n  },\n  'zh': {\n    searchlabel: '搜索',\n    searchplaceholder: '搜索',\n    searchbuttontext: '搜索',\n    menuHomeButton: '主页',\n    menuGoBackButton: '回去',\n    mainMenuButton: '选择菜单',\n    menuStartButton: '开始',\n    home: '主页',\n  },\n  'it': {\n    searchlabel: 'Cerca',\n    searchplaceholder: 'Cerca',\n    searchbuttontext: 'Cerca',\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Logged in as',\n    unifiedLoginButton: 'Log in',\n    unifiedMyPagesButton: 'My pages',\n    home: 'Home',\n\n  },\n  'nl': {\n    searchlabel: 'Zoeken',\n    searchplaceholder: 'Zoeken',\n    searchbuttontext: 'Zoeken',\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Logged in as',\n    unifiedLoginButton: 'Log in',\n    unifiedMyPagesButton: 'My pages',\n    home: 'Home',\n  },\n  'es': {\n    searchplaceholder: 'Buscar',\n    searchlabel: 'Buscar',\n    searchbuttontext: 'Buscar',\n    menuHomeButton: 'Inicio',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Logged in as',\n    unifiedLoginButton: 'Log in',\n    unifiedMyPagesButton: 'My pages',\n    home: 'Inicio',\n  },\n  'fr': {\n    searchplaceholder: 'Recherche',\n    searchlabel: 'Recherche',\n    searchbuttontext: 'Recherche',\n    menuHomeButton: 'Accueil',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Logged in as',\n    unifiedLoginButton: 'Log in',\n    unifiedMyPagesButton: 'My pages',\n    home: 'Accueil',\n  },\n  'tr': {\n    searchlabel: 'Ara',\n    searchplaceholder: 'Ara',\n    searchbuttontext: 'Ara',\n    menuHomeButton: 'Anasayfa',\n    menuGoBackButton: 'Geri git',\n    mainMenuButton: 'Menü',\n    menuStartButton: 'Başlat',\n    profileSelectionFlyoutHeading: 'Oturum açma adı',\n    unifiedLoginButton: 'Oturum aç',\n    unifiedMyPagesButton: 'Sayfalarım',\n    home: 'Anasayfa',\n  },\n  'pt': {\n    searchlabel: 'Search',\n    searchplaceholder: 'Search',\n    searchbuttontext: 'Search',\n    menuHomeButton: 'Página inicial',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Logged in as',\n    unifiedLoginButton: 'Log in',\n    unifiedMyPagesButton: 'My pages',\n  },\n  'pl': {\n    searchlabel: 'Szukaj',\n    searchplaceholder: 'Szukaj',\n    searchbuttontext: 'Szukaj',\n    menuHomeButton: 'Strona główna',\n    menuGoBackButton: 'Powrót',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Początek',\n    profileSelectionFlyoutHeading: 'Zalogowany(-a) jako',\n    unifiedLoginButton: 'Logowanie',\n    unifiedMyPagesButton: 'Moje strony',\n    home: 'Strona główna',\n  },\n  'pt-BR': {\n    searchlabel: 'Buscar',\n    searchplaceholder: 'Buscar',\n    searchbuttontext: 'Buscar',\n    menuHomeButton: 'Página inicial',\n    menuGoBackButton: 'Voltar',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Iniciar',\n    profileSelectionFlyoutHeading: 'Login efetuado como',\n    unifiedLoginButton: 'Fazer login',\n    unifiedMyPagesButton: 'Minhas páginas',\n  },\n};\n","@import \"../../../globals/main.scss\";\n\n@import \"./pn-marketweb-siteheader-common.scss\";\n\nbody[data-siteheader-menuopen=\"true\"] {\n  max-height: 100vh;\n  overflow: hidden;\n  @media screen and (min-width: $siteheader-media-smalldesktop) {\n    max-height: initial;\n    overflow: initial;\n  }\n}\n\npn-marketweb-siteheader {\n  display: block;\n  background: $white;\n  header {\n    position: relative;\n    z-index: 1000;\n    display: flex;\n    flex-flow: column;\n    box-shadow: $siteheader-shadow-elevation8;\n    flex-direction: row;\n    justify-content: space-between;\n    @media screen and (min-width: $siteheader-media-tablet) {\n      flex-direction: column;\n      justify-content: initial;\n    }\n  }\n\n  .siteheader-row {\n    display: flex;\n    flex-flow: row;\n    align-items: center;\n\n    width: 100%;\n    padding: 0 1.6rem;\n\n    min-height: 2em;\n    &:not(:last-child) {\n      border-bottom: 0.1rem solid $gray50;\n    }\n    @media screen and (min-width: $siteheader-media-tablet) {\n      justify-content: space-between;\n      min-height: 3.2em;\n    }\n\n    @media screen and (max-width: $siteheader-media-tablet) {\n      &:last-child {\n        justify-content: flex-end;\n      }\n    }\n  }\n\n  .siteheader-topright {\n    display: flex;\n    flex-direction: row;\n  }\n\n  .siteheader-logocontainer {\n    display: flex;\n    align-items: center;\n    position: relative;\n    min-height: 3em;\n    background: $white;\n    z-index: 1;\n\n    @media screen and (min-width: $siteheader-media-tablet) {\n      position: absolute;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n  }\n  .siteheader-logolink {\n    height: 100%;\n    max-height: 6.4rem;\n    display: flex;\n    align-items: center;\n    &:hover,\n    &:focus,\n    &:active {\n      box-shadow: none;\n    }\n  }\n\n  .siteheader-row > pn-marketweb-siteheader-search {\n    display: none;\n    @media screen and (min-width: $siteheader-media-tablet) {\n      display: block;\n      max-width: 30rem;\n      min-width: 23.3rem;\n      width: 100%;\n    }\n  }\n\n  .siteheader-row pn-button {\n    button:hover {\n      .pn-button-bg,\n      .pn-button-bg::after {\n        background-color: $blue50;\n      }\n    }\n  }\n\n  pn-spinner {\n    display: none;\n  }\n\n  pn-button-dropdown:not(.hydrated) {\n    .pn-button-dropdown-container {\n      display: none;\n    }\n  }\n\n  pn-button {\n    button {\n      font-weight: 400 !important;\n      padding: 0.5rem !important;\n\n      .pn-button-bg:after {\n        border-radius: 0.8rem !important;\n      }\n    }\n  }\n}\n\n.siteheader-topleft {\n  pn-site-selector {\n    padding: 1rem 0;\n    display: none;\n    @media screen and (min-width: $siteheader-media-tablet) {\n      display: block;\n    }\n    @media screen and (min-width: $siteheader-media-smalldesktop) {\n      margin-left: 1.3rem;\n    }\n    .pn-button-dropdown-label,\n    &:is(a) {\n      font-size: 0;\n      pn-icon {\n        font-size: initial;\n        margin-left: 0;\n      }\n      @media screen and (min-width: $siteheader-media-smalldesktop) {\n        font-size: initial;\n        pn-icon {\n          margin-left: 0.4em;\n        }\n      }\n    }\n  }\n}\n.siteheader-topright {\n  @media screen and (min-width: $siteheader-media-smalldesktop) {\n    margin-right: 1.6rem;\n  }\n  > pn-language-selector,\n  > pn-marketweb-siteheader-login,\n  > a {\n    //pn-language-selector {\n    padding: 1rem 0;\n    display: none;\n    align-self: center;\n    @media screen and (min-width: $siteheader-media-tablet) {\n      display: block;\n      margin-left: 1rem;\n    }\n    @media screen and (min-width: $siteheader-media-smalldesktop) {\n      margin-left: 1.6rem;\n    }\n\n    .pn-button-dropdown-label,\n    &:is(a) {\n      font-size: 0;\n      pn-icon {\n        font-size: initial;\n        margin-left: 0;\n      }\n      @media screen and (min-width: $siteheader-media-smalldesktop) {\n        font-size: initial;\n        pn-icon {\n          margin-left: 0.4em;\n        }\n      }\n    }\n  }\n}\n\n.siteheader-menu {\n  max-width: 100%;\n  overflow: visible;\n  overflow-x: clip;\n  @media screen and (min-width: $siteheader-media-smalldesktop) {\n    margin-top: auto;\n    overflow: visible;\n  }\n  pn-mainnav-link a[target] {\n    &::after {\n      content: none;\n    }\n  }\n\n  pn-marketweb-siteheader-search {\n    padding: 0.3rem 1.6rem;\n    width: 100%;\n  }\n  [slot=\"top\"] pn-search-field {\n    width: 100%;\n  }\n}\n\n.siteheader-menu-footer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  > * {\n    margin: 1.6rem;\n  }\n}\n\n.header-wrapper[data-header-theme=\"dotcom\"] {\n  & > pn-marketweb-siteheader {\n    pn-button a {\n      text-decoration: none;\n      &:hover {\n        text-decoration: none;\n      }\n    }\n\n    & > header {\n      background-color: $blue900;\n      box-shadow: none;\n\n      .siteheader-row:not(:last-child) {\n        border-bottom: 0.1rem solid $blue900;\n      }\n\n      .siteheader-row pn-button button:hover {\n        .pn-button-bg,\n        .pn-button-bg::after {\n          background-color: $blue700 !important;\n        }\n      }\n\n      .siteheader-topleft {\n        pn-site-selector .pn-button-dropdown-label {\n          color: $white;\n          pn-icon {\n            svg > path {\n              fill: $white;\n            }\n          }\n        }\n\n        button.pn-button-dropdown-label {\n          &:hover {\n            background-color: $blue700;\n          }\n          &:active {\n            background-color: $blue400;\n          }\n          &:focus {\n            background-color: $blue400;\n          }\n        }\n      }\n\n      .siteheader-logocontainer {\n        background-color: $blue900;\n        svg.siteheader-logo > path {\n          fill: $blue400;\n        }\n      }\n\n      .siteheader-topright {\n        .siteheader-logindialog {\n          svg > path {\n            fill: $white;\n          }\n        }\n\n        pn-language-selector {\n          pn-icon {\n            svg > path {\n              fill: $white !important;\n            }\n          }\n        }\n\n        button {\n          color: $white;\n\n          &:hover {\n            background-color: $blue700;\n          }\n          &:active {\n            background-color: $blue700;\n          }\n          &:focus {\n            background-color: $blue700;\n          }\n        }\n\n        [slot=\"toprightend\"] {\n          @media screen and (max-width: $siteheader-media-tablet) {\n            display: none;\n          }\n          align-self: center;\n          margin-left: 1rem;\n        }\n      }\n\n      .siteheader-menu {\n        .mainnav-toggle {\n          button {\n            background-color: $blue700;\n          }\n        }\n        .first-level_icon {\n          svg > path {\n            fill: $white;\n          }\n        }\n      }\n\n      .siteheader-search form pn-search-field {\n        input {\n          background-color: $white;\n          color: $blue900;\n          border: 0.1rem solid $white;\n          padding: 0.65rem 1.5rem;\n\n          &:hover {\n            border-color: $white;\n          }\n          &::placeholder {\n            color: $blue900;\n          }\n        }\n      }\n\n      //main-nav-level\n      nav.mainnav {\n        background-color: $blue900;\n\n        @media screen and (min-width: $siteheader-media-tablet) {\n          top: 6.4em;\n        }\n\n        pn-mainnav-level {\n          [slot=\"top\"].siteheader-menu-top {\n            pn-marketweb-siteheader-search {\n              padding-bottom: 0.5rem;\n              background-color: $blue900;\n\n              .button-container {\n                border-top: 1px solid $white;\n                border-bottom: 1px solid $white;\n                border-right: 1px solid $white;\n                border-top-right-radius: 50%;\n                border-bottom-right-radius: 50%;\n\n                button.clear {\n                  border: 2px solid $white;\n                  border-radius: 50%;\n                  padding: 0.5rem;\n                }\n              }\n            }\n          }\n\n          .mainnav-level-header {\n            .secondlevel-backbtn {\n              pn-icon {\n                svg > path {\n                  fill: $white;\n                }\n              }\n            }\n          }\n\n          pn-mainnav-level[data-level=\"2\"] {\n            .mainnav-level-header {\n              pn-mainnav-link > a {\n                &:hover {\n                  background-color: $blue400;\n                }\n              }\n            }\n          }\n\n          pn-mainnav-list > pn-mainnav-link {\n            button,\n            a {\n              background-color: $blue900;\n              border-bottom: 0.1rem solid rgba(0, 93, 146, 0.5);\n              &:hover {\n                text-decoration: none;\n              }\n              @media screen and (min-width: 1024px) {\n                border-bottom: none;\n              }\n            }\n          }\n        }\n\n        pn-mainnav-level[data-level=\"1\"] {\n          pn-mainnav-list > pn-mainnav-link {\n            @media screen and (max-width: 1023px) {\n              &:first-child {\n                border-top: 0.1rem solid rgba(0, 93, 146, 0.5);\n              }\n            }\n\n            & a,\n            & button {\n              color: $white;\n              &:focus {\n                outline: none;\n              }\n            }\n          }\n        }\n        pn-mainnav-level:not([data-level=\"1\"]) {\n          background-color: $blue900;\n          pn-mainnav-list {\n            color: $white;\n            pn-mainnav-link > a {\n              &:hover {\n                background-color: $blue400;\n                text-decoration: none;\n              }\n            }\n          }\n        }\n\n        pn-marketweb-siteheader-login-linklist {\n          ul li a:not(.pn-button) {\n            color: $blue700;\n          }\n          ul li a:hover {\n            color: $white;\n          }\n        }\n      }\n\n      [data-level=\"1\"] pn-mainnav-link pn-icon.first-level_arrow {\n        svg > path {\n          fill: $white;\n        }\n      }\n\n      .siteheader-menu-footer {\n        button {\n          color: $white;\n          &:hover {\n            background-color: $blue700;\n          }\n          &:active {\n            background-color: $blue700;\n          }\n          &:focus {\n            background-color: $blue700;\n          }\n\n          svg > path {\n            fill: $white;\n          }\n        }\n\n        [slot=\"menu-footer-cta\"] {\n          @media screen and (min-width: $siteheader-media-tablet) {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n}\n\n.siteheader-menu-top-search {\n  display: none;\n}\n\n.header-wrapper[data-header-theme=\"tpl\"],\n.header-wrapper[data-header-theme=\"dotcom\"] {\n  @media screen and (min-width: $siteheader-media-tablet) {\n    pn-site-selector .pn-button-dropdown-label {\n      border-radius: 48px;\n    }\n  }\n\n  .siteheader-row pn-button.pn-button-dropdown-label {\n    .pn-button[data-variant=\"borderless\"][data-appearance=\"light\"] .pn-button-bg::after {\n      background-color: $blue700 !important;\n    }\n\n    .pn-button[data-appearance=\"light\"] pn-icon .pn-icon-svg path {\n      fill: $white !important;\n    }\n\n    button {\n      .pn-button-text {\n        color: $white !important;\n      }\n    }\n\n\n  }\n}\n\n.header-wrapper[data-header-theme=\"tpl\"] {\n  & > pn-marketweb-siteheader {\n    pn-button a {\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n\n    [slot=\"header-bottom-button\"] {\n      @media screen and (max-width: $siteheader-media-tablet) {\n        display: none;\n      }\n\n      display: flex;\n      gap: 1rem;\n      align-items: center;\n\n      a {\n        color: $blue900;\n        font-weight: 500;\n        font-size: 1.6rem;\n        padding: 0.8rem 2.4rem;\n\n        .pn-button-bg {\n          background-color: $coral200;\n        }\n\n        .pn-button-content pn-icon svg > path {\n          fill: $blue900;\n\n          @media screen and (min-width: $siteheader-media-tablet) {\n            fill: $white;\n          }\n        }\n\n        &:hover {\n          color: $white;\n\n          .pn-button-bg {\n            background-color: $blue900;\n            transition: backgrond-color linear 1s;\n          }\n\n          .pn-button-content pn-icon svg > path {\n            fill: $white;\n          }\n        }\n      }\n    }\n    @media screen and (min-width: $siteheader-media-tablet) {\n      .siteheader-row pn-button button:hover {\n        .pn-button-bg,\n        .pn-button-bg::after {\n          background-color: $blue900;\n          transition: initial;\n        }\n      }\n    }\n\n    & > header {\n      .siteheader-row:not(:last-child) {\n        background-color: $blue900;\n        border-bottom: 0.1rem solid $blue900;\n      }\n\n      @media screen and (max-width: $siteheader-media-tablet) {\n        .siteheader-row:last-child {\n          background-color: $blue900;\n        }\n      }\n\n      @media screen and (min-width: $siteheader-media-smalldesktop) {\n        [data-level=\"1\"] pn-mainnav-link > button::before,\n        [data-level=\"1\"] pn-mainnav-link > a::before {\n          background-color: $coral200;\n        }\n      }\n\n      [slot=\"siteheader-menu-top-button\"] {\n        @media screen and (min-width: $siteheader-media-tablet) {\n          display: none;\n        }\n\n        @media screen and (max-width: 415px) {\n          display: none;\n        }\n\n        background: $blue900;\n        display: flex;\n        align-items: center;\n\n        a {\n          color: $blue900;\n          font-weight: 500;\n\n          .pn-button-bg {\n            background-color: $coral200;\n          }\n\n          .pn-button-content pn-icon svg > path {\n            fill: $blue900;\n\n            @media screen and (min-width: $siteheader-media-tablet) {\n              fill: $white;\n            }\n          }\n\n          &:hover {\n            color: $white;\n\n            .pn-button-bg {\n              background-color: $blue900;\n              transition: backgrond-color linear 1s;\n            }\n\n            .pn-button-content pn-icon svg > path {\n              fill: $white;\n            }\n          }\n        }\n      }\n\n      a {\n        color: $blue900;\n      }\n\n      pn-mainnav-link button {\n        color: $blue900;\n\n        pn-icon svg path {\n          fill: $blue900;\n        }\n      }\n\n      .siteheader-topleft {\n        pn-site-selector .pn-button-dropdown-label {\n          color: $white;\n\n          pn-icon {\n            svg > path {\n              fill: $white;\n            }\n          }\n\n          &:hover {\n            background: $blue400;\n          }\n        }\n      }\n\n      button.pn-button-dropdown-label {\n        &:hover {\n          background-color: $blue900;\n        }\n\n        &:active {\n          background-color: $blue900;\n        }\n\n        &:focus {\n          background-color: $blue900;\n        }\n      }\n\n      .siteheader-logocontainer {\n        background-color: $blue900;\n\n        svg.siteheader-logo > path {\n          fill: $blue400;\n        }\n      }\n\n      .siteheader-topright {\n        .siteheader-logindialog {\n          svg > path {\n            fill: $white;\n          }\n        }\n\n        pn-language-selector {\n          pn-icon {\n            svg > path {\n              fill: $white !important;\n            }\n          }\n        }\n\n        button {\n          color: $white;\n\n          &:hover {\n            background-color: $blue400;\n          }\n\n          &:active,\n          &:focus {\n            background-color: $blue900;\n          }\n        }\n\n        margin-right: 0;\n        align-self: center;\n        margin-left: 1rem;\n      }\n\n      div.siteheader-menu-top-search {\n        display: inline-block;\n        margin-top: auto;\n        margin-bottom: auto;\n        width: fit-content;\n\n        @media screen and (max-width: $siteheader-media-tablet) {\n          display: none;\n        }\n\n        pn-search-field {\n          justify-content: flex-end;\n          min-width: inherit;\n        }\n\n        form {\n          margin-right: 0;\n        }\n\n        form:not(:focus-within) .input-container {\n          position: absolute;\n          width: 100%;\n\n          input {\n            cursor: pointer;\n            background-color: transparent;\n            color: transparent;\n            border: none;\n            position: relative;\n            z-index: 3;\n            border-radius: 0;\n\n            &::placeholder {\n              color: transparent;\n            }\n          }\n        }\n\n        .input-container:focus-within {\n          margin-left: 2rem;\n\n          input {\n            background-color: $white;\n            color: $blue900;\n          }\n        }\n\n        .siteheader-search pn-button button {\n          width: fit-content;\n          padding: 1rem 1.9rem;\n\n          .pn-button-bg {\n            background: $blue900;\n          }\n        }\n      }\n\n      @media screen and (min-width: $siteheader-media-tablet) {\n        .siteheader-row:last-child pn-marketweb-siteheader-search {\n          display: none;\n        }\n      }\n\n      .siteheader-search form pn-search-field {\n        input {\n          background-color: $white;\n          color: $blue900;\n\n          &:hover {\n            border-color: $white;\n          }\n\n          &::placeholder {\n            color: $blue900;\n          }\n        }\n      }\n\n      .siteheader-menu-footer {\n        [slot=\"menu-footer-cta\"] {\n          display: none;\n        }\n\n\n\n        @media screen and (max-width: $min-width-md) {\n          [slot=\"menu-footer-cta\"] {\n            display: flex;\n            color: $blue900;\n            flex-direction: column;\n            gap: 0.5rem;\n\n            .pn-button-bg {\n              background-color: $coral200;\n            }\n\n            .pn-button-content {\n              font-weight: 500;\n              color: $blue900;\n\n              pn-icon svg > path {\n                fill: $blue900;\n\n                @media screen and (min-width: $siteheader-media-tablet) {\n                  fill: $white;\n                }\n              }\n            }\n\n            a:hover {\n              color: $white;\n\n              .pn-button-bg {\n                background-color: $blue900;\n                transition: backgrond-color linear 1s;\n              }\n\n              .pn-button-content pn-icon svg > path {\n                fill: $white;\n              }\n\n              .pn-button-text {\n                color: $white;\n              }\n            }\n          }\n        }\n\n        @media screen and (max-width: 1024px) {\n          pn-button-dropdown button:focus,\n          pn-button-dropdown button:hover {\n            color: $white;\n            background-color: $blue400;\n            box-shadow:\n              0 0 0 0.2rem $white,\n              0 0 0 0.4rem $blue400;\n\n            svg > path {\n              fill: $white;\n            }\n          }\n        }\n\n        button {\n          color: $white;\n\n          &:hover {\n            background-color: $blue700;\n          }\n\n          &:active {\n            background-color: $blue400;\n          }\n\n          &:focus {\n            background-color: $blue400;\n          }\n\n          svg > path {\n            fill: $white;\n          }\n\n          @media screen and (max-width: 1024px) {\n            color: $blue900;\n\n            pn-icon svg > path {\n              fill: $blue900;\n            }\n          }\n        }\n\n        [slot=\"menu-footer-cta\"] {\n          @media screen and (min-width: $siteheader-media-tablet) {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from '@stencil/core';\n\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport {\n  LanguageSelector,\n  LanguageSelectorItem,\n  LoginDialog,\n  MenuItem,\n  MenuSiteDefinition,\n  PromotedMenuItem,\n  SiteHeaderI18N,\n  SiteHeaderSearch,\n  SiteSelector,\n} from './pn-marketweb-siteheader-types';\nimport { translations } from './translations';\n\n/**\n * @slot topleft - Text\n * @slot logo - Text\n * @slot toprightstart - Text\n * @slot toprightend - Text\n * @slot siteheader-menu-top-button - Text\n * @slot menu-footer-cta - Text\n * @slot header-bottom-button - Text\n */\n@Component({\n  tag: 'pn-marketweb-siteheader',\n  styleUrl: 'pn-marketweb-siteheader.scss',\n})\nexport class PnMarketwebSiteheader {\n  @Element() hostElement: Element;\n  endpointPath = '/api/navigation/header';\n\n  /** Specifies which market we want to show (se,dk,fi,no,com) */\n  @Prop({ mutable: true, reflect: true }) market: string = null; //se\n  /** Specifies which language we want to show (sv,da,fi,no,en) */\n  @Prop({ mutable: true, reflect: true }) language: string = null; //sv\n  /** Specifies the current site id (guid) */\n  @Prop() siteid: string = null;\n  /** Specifies which environment we're fetching data from. (production, preproduction, integration, localhost) */\n  @Prop({ mutable: true, reflect: true }) environment: string = null; //sv\n  /** Access token passed from backend */\n  @Prop() userToken: string = '';\n  /** User Fullname */\n  @Prop() userFullname: string = '';\n  /** User Logged in state from the backend */\n  @Prop({ reflect: true }) userLoggedin: boolean = false;\n  /** Specifies which endpoint domain we should load from */\n  @Prop() endpoint: string = null;\n  /** Hides the site selector if set to true*/\n  @Prop({ mutable: true, reflect: true }) hideSiteSelector: boolean = false;\n  /** Hides the \"home\" menu item in the navigation if set to true*/\n  @Prop({ mutable: true, reflect: true }) hideHomeMenuItem: boolean = false;\n  /** Hides the language selector if set to true*/\n  @Prop({ mutable: true, reflect: true }) hideLanguageSelector: boolean = false;\n  /** Hides the search form if set to true*/\n  @Prop({ mutable: true, reflect: true }) hideSearch: boolean = false;\n  /** Hides the login if set to true*/\n  @Prop({ mutable: true, reflect: true }) hideLogin: boolean = false;\n  /** If this is selected we will show the new profile selection dropdown instead of the login version */\n  @Prop({ mutable: true, reflect: true }) showProfileSelection: boolean = false;\n  /** if this is selected we will show the unified-login button aswell as a new look for dropdown menu */\n  @Prop() showUnifiedLogin: boolean = false;\n\n  /** Adjusts the menus URLs */\n  @Prop() siteDomainInUrls: boolean = false;\n\n  /** Autocomplete endpoint */\n  @Prop() AutocompleteEndpoint: string = '';\n  /** Forward session to backend */\n  @Prop() sessionForward: boolean = false;\n  /** If the component should use cached requests */\n  @Prop() cache: boolean = false;\n  /** Header search placeholder */\n  @Prop() searchPlaceholder: string = '';\n\n  /** Event based only language switch */\n  @Prop({}) spaMode: boolean = false;\n\n  /** Continiously check if a user is logged in **/\n  @Prop({}) checkUserLoggedInStateInterval: number = 0;\n\n  @Prop({}) useMarketwebLogin: boolean = false;\n\n  @Prop({}) pageId?: string = '';\n\n  @State() i18n: SiteHeaderI18N = {\n    searchlabel: '',\n    searchplaceholder: '',\n    searchbuttontext: '',\n    menuHomeButton: '',\n    menuGoBackButton: '',\n    mainMenuButton: '',\n    menuStartButton: '',\n    profileSelectionFlyoutHeading: '',\n    unifiedLoginButton: '',\n    unifiedMyPagesButton: '',\n    home: 'Home'\n  } as SiteHeaderI18N;\n\n  @State() gotData: boolean = false;\n  @State() fetchingData: boolean = false;\n  @State() homePageLink: string = '/';\n\n  // Menu state\n  @State() menuItems: MenuItem[] = [];\n  @State() siteDefinition: MenuSiteDefinition;\n\n  // Search\n  @State() search: SiteHeaderSearch = { AutocompleteEndpoint: this.AutocompleteEndpoint };\n\n  // Site selector\n  @State() siteSelector: SiteSelector = null;\n\n  // Language Selector\n  @State() languageSelector: LanguageSelector = null;\n  @State() languageOptions: LanguageSelectorItem[] = [];\n\n  // Login dialog\n  @State() loginDialog: LoginDialog = null;\n\n  @State() minimizeSearch: boolean = false;\n\n  @State() loggedIn: boolean = false;\n\n  // FetchHelper\n  fetchHelper = new FetchHelper('siteheader');\n\n  // // Login manager\n  // @State() loginManager: MarketWebLoginManager = null;\n\n  // Events\n  @Event() changeLanguage: EventEmitter;\n  // Events\n  @Event() changeMarket: EventEmitter;\n\n  componentWillLoad() {\n    this.setInitialValues().then(() => {\n      this.init();\n    });\n  }\n\n  async setInitialValues(href = window.location.href) {\n    const marketWebContextService = new MarketWebContextService(href);\n    if (!this.market) {\n      const resolvedMarket = await marketWebContextService.getMarket();\n      this.market = resolvedMarket;\n    }\n    if (!this.language) {\n      const resolvedMarket = await marketWebContextService.getLanguage();\n      this.language = resolvedMarket;\n    }\n    if (!this.environment) {\n      this.environment = await marketWebContextService.getEnvironmentName();\n    }\n\n    if (!this.endpoint && this.environment?.indexOf('local') === -1) {\n      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);\n    }\n    if (!this.endpoint) {\n      this.endpoint = '';\n    }\n  }\n\n  async init() {\n    this.setTranslations();\n    await this.fetchData();\n    window.setTimeout(() => {\n      this.checkMenuOverflow();\n    }, 50);\n  }\n\n  setTranslations() {\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n    if (this.searchPlaceholder) {\n      this.i18n.searchplaceholder = this.searchPlaceholder;\n    }\n  }\n\n  @Listen('setLanguage')\n  onLanguageSelectorChange(e) {\n    this.language = e.detail;\n    window.dispatchEvent(new CustomEvent('marketweb-languagechange', { detail: this.language }));\n  }\n\n  @Watch('language')\n  onLanguageChange() {\n    this.setTranslations();\n    this.changeLanguage.emit(this.language);\n    this.fetchData();\n  }\n\n  @Watch('market')\n  onMarketChange() {\n    this.changeMarket.emit(this.market);\n    this.fetchData();\n  }\n\n  async fetchData() {\n    if (this.endpoint === null || !this.market || !this.language) {\n      // console.warn(`One or more values where not specified.\\nEndpoint: ${this.endpoint}\\nMarket: ${this.market}\\nLanguage: ${this.language}`)\n      return;\n    }\n    this.fetchingData = true;\n    const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n    const fetchUrl = `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}&currentPage=${this.pageId}`;\n\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      {\n        mode: 'cors',\n      },\n      this.cache,\n    )) as any;\n\n    // const data2 = JSON.parse('{\"query\":{\"market\":\"se\",\"language\":\"sv\",\"currentPage\":\"\"},\"sitedefinition\":{\"name\":\"Postnord Sweden\",\"url\":\"https://localhost:51547/\"},\"search\":{\"formActionUrl\":\"https://localhost:51547/sok/\",\"useAutocompleteInHeaderSearch\":true,\"hideSearchFromHeader\":false,\"preferredSiteId\":\"06bb4e57-cf10-4374-9e4d-34ae987eff2e\"},\"languageSelectorViewModel\":{\"currentLanguageNativeName \":\"Svenska\",\"languages\":[{\"twoLetterISOLanguageName\":\"en\",\"nativeName\":\"English\",\"isCurrent\":false},{\"twoLetterISOLanguageName\":\"sv\",\"nativeName\":\"Svenska\",\"isCurrent\":true},{\"twoLetterISOLanguageName\":\"da\",\"nativeName\":\"Dansk\",\"isCurrent\":false},{\"twoLetterISOLanguageName\":\"tr\",\"nativeName\":\"Türkçe\",\"isCurrent\":false}],\"hideLanguageSelectorFromHeader\":false},\"siteSelectorViewModel\":{\"siteSelectorButtonText\":\"postnord.se\",\"siteSelectorTitle\":\"PostNord\",\"currentSiteTitle\":\"postnord.se\",\"currentSiteDescription\":\"Tjänster och verktyg för att skicka och ta emot din post\",\"siteSelections\":[{\"linkText\":\"Portal\",\"linkDescription\":\"Hantera dina försändelser\",\"pageLink\":\"https://portal.postnord.com/\",\"openInNewWindow\":false,\"href\":\"https://portal.postnord.com/\"},{\"linkText\":\"postnord.com\",\"linkDescription\":\"Information om PostNord Koncernen\",\"pageLink\":\"/link/7d10839b295946bbb54bebcb289f3aff.aspx\",\"openInNewWindow\":false,\"href\":\"https://com-inte.postnord.com/sv/\"}],\"hideSiteSelectorFromHeader\":false},\"loginViewModel\":{\"loginMenuLinks\":[{\"linkText\":\"Handla online\",\"pageLink\":\"/login?language=sv&returnUrl=https://se-inte.postnord.com/handla-online\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":\"regularlink\",\"href\":\"/login?language=sv&returnUrl=https://se-inte.postnord.com/handla-online\"},{\"linkText\":\"Business portal\",\"pageLink\":\"https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=https://se-inte.postnord.com\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":\"regularlink\",\"href\":\"https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=https://se-inte.postnord.com\"},{\"linkText\":\"Ombudsbutiken\",\"pageLink\":\"https://se-inte.postnord.com/login?returnUrl=https://se-inte.postnord.com/handla-online&type=agent\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":\"regularlink\",\"href\":\"https://se-inte.postnord.com/login?returnUrl=https://se-inte.postnord.com/handla-online&type=agent\"}],\"loggedInLinks\":[{\"linkText\":\"Logga ut\",\"pageLink\":\"http://window.location.href/?logout\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":null,\"href\":\"http://window.location.href/?logout\"}],\"overrideLoginMenu\":false,\"loginMenuLinkText\":\"Logga in\",\"countryCode\":\"SE\",\"locale\":\"sv\",\"loginUrl\":\"https://portal.postnord.com/login?language=sv\",\"registerUrl\":\"https://portal.postnord.com/createaccount?market=SE\",\"loggedInButtonText\":\"My PostNord\",\"loginTitle\":\"Logga in direkt på:\",\"loginLinkText\":\"Logga in\",\"createLoginLinkText\":\"Skapa nytt konto\",\"hideLoginFromHeader\":false,\"showProfileSelection\":true,\"checkUserLoginStateInterval\":20000,\"showUnifiedLogin\":true,\"loginInfo\":\"\",\"eshopStartPageUrl\":\"/handla-online/\"},\"mainMenu\":{\"menuItems\":[{\"name\":\"Privat\",\"href\":\"/privat2/\",\"id\":\"102118\",\"selected\":false,\"open\":false,\"children\":[{\"name\":\"Skicka\",\"href\":\"/privat2/skicka/\",\"id\":\"102119\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"skicka102119\",\"level\":2},{\"name\":\"Ta emot\",\"href\":\"/privat2/ta-emot/\",\"id\":\"102135\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"taemot102135\",\"level\":2},{\"name\":\"Priser och villkor\",\"href\":\"/privat2/priser-och-villkor/\",\"id\":\"102162\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"priserochvillkor102162\",\"level\":2},{\"name\":\"Förberedelser\",\"href\":\"/privat2/forberedelser/\",\"id\":\"102173\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"frberedelser102173\",\"level\":2}],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"Populärt\",\"promotedMenuItems\":[{\"linkText\":\"PostNord App\",\"pageLink\":\"/link/05dcebb0c20b4b56806f4736d83b773d.aspx\",\"href\":\"https://localhost:51547/vara-verktyg/postnord-app/\",\"openInNewWindow\":false},{\"linkText\":\"Digitalt frimärke\",\"pageLink\":\"https://portal.postnord.com/skickadirekt/m/?productId=800\",\"href\":\"https://portal.postnord.com/skickadirekt/m/?productId=800\",\"openInNewWindow\":false},{\"linkText\":\"Köp frakt\",\"pageLink\":\"https://portal.postnord.com/skickadirekt/m/\",\"href\":\"https://portal.postnord.com/skickadirekt/m/\",\"openInNewWindow\":false},{\"linkText\":\"Sök utdelningsdag\",\"pageLink\":\"/link/701d85d2a8924b7a8da0dd86f049debe.aspx\",\"href\":\"https://localhost:51547/vara-verktyg/sok-utdelningsdag/\",\"openInNewWindow\":false},{\"linkText\":\"Paketbox\",\"pageLink\":\"/link/aca5b66a6f6c45ae97ecd7d5f176d512.aspx\",\"href\":\"https://localhost:51547/privat/ta-emot/hamta/hamta-paket-i-paketbox/\",\"openInNewWindow\":false},{\"linkText\":\"Skicka brev och paket\",\"pageLink\":\"/link/8b60c612e9824ccb905fc260c50f69f5.aspx\",\"href\":\"https://localhost:51547/privat/skicka/brev-och-paket/\",\"openInNewWindow\":false}],\"hasChildren\":true,\"linkTarget\":\"\",\"trackingId\":\"privat102118\",\"level\":1},{\"name\":\"Företag\",\"href\":\"/foretag2/\",\"id\":\"102743\",\"selected\":false,\"open\":false,\"children\":[{\"name\":\"Skicka\",\"href\":\"/foretag2/skicka/\",\"id\":\"102744\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"skicka102744\",\"level\":2},{\"name\":\"Ta emot\",\"href\":\"/foretag2/ta-emot/\",\"id\":\"102826\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"taemot102826\",\"level\":2},{\"name\":\"Priser och villkor\",\"href\":\"/foretag2/priser-och-villkor/\",\"id\":\"102845\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"priserochvillkor102845\",\"level\":2},{\"name\":\"Förberedelser\",\"href\":\"/foretag2/forberedelser/\",\"id\":\"102855\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"frberedelser102855\",\"level\":2},{\"name\":\"Företagslösningar\",\"href\":\"/foretag2/foretagslosningar/\",\"id\":\"102883\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"fretagslsningar102883\",\"level\":2}],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"Populärt\",\"promotedMenuItems\":[{\"linkText\":\"Bli avtalskund\",\"pageLink\":\"/link/1fb879eb737747f2afc442df11ff99b5.aspx\",\"href\":\"https://localhost:51547/kundservice/bli-avtalskund/\",\"openInNewWindow\":false},{\"linkText\":\"PEX Bud\",\"pageLink\":\"/link/b1209ba46788420a8e9b5c7f06e570ad.aspx?productId=800\",\"href\":\"https://localhost:51547/foretag/skicka-forsandelser/pex-bud/?productId=800\",\"openInNewWindow\":false},{\"linkText\":\"Köp frakt\",\"pageLink\":\"https://portal.postnord.com/shippingtoolpro\",\"href\":\"https://portal.postnord.com/shippingtoolpro\",\"openInNewWindow\":true},{\"linkText\":\"Portal Business\",\"pageLink\":\"/link/c97df117dc9c427f90b1e95c1fa8caae.aspx\",\"href\":\"https://localhost:51547/vara-verktyg/postnord-portal/\",\"openInNewWindow\":false},{\"linkText\":\"Skicka brev och paket\",\"pageLink\":\"/link/a65c6b42681f4230b927f776bfc8662a.aspx\",\"href\":\"https://localhost:51547/foretag/skicka-forsandelser/brev-och-vykort/\",\"openInNewWindow\":false}],\"hasChildren\":true,\"linkTarget\":\"\",\"trackingId\":\"fretag102743\",\"level\":1},{\"name\":\"Handla online\",\"href\":\"/handla-online/\",\"id\":\"57674\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"handlaonline57674\",\"level\":1},{\"name\":\"Kundservice\",\"href\":\"/kundservice-faq/\",\"id\":\"167\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"kundservice167\",\"level\":1},{\"name\":\"Handla online temp redirect\",\"href\":\"/handla-online-new/\",\"id\":\"74849\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"handlaonlinetempredirect74849\",\"level\":1}]}}');\n    // console.log(data2);\n    await this.setStateFromData(data);\n  }\n\n  getLanguageVersionUrl(item: LanguageSelectorItem) {\n    if (this.spaMode) {\n      return null;\n    }\n    const alternativeTag = document.querySelector(`link[rel=\"alternate\"][hreflang=\"${item.twoLetterISOLanguageName}\"]`);\n\n    if (alternativeTag) {\n      return alternativeTag.getAttribute('href');\n    }\n    const siteUrl = this.siteDefinition.url;\n    // Add trailing slash to domain if it's missing\n    return siteUrl + (siteUrl.lastIndexOf('/') !== siteUrl.length - 1 ? '/' : '') + item.twoLetterISOLanguageName;\n  }\n\n  async setStateFromData(data: any) {\n    if (typeof data !== 'object') {\n      console.warn('Data was not valid', data);\n    }\n\n    // Set site definition\n    this.siteDefinition = data.sitedefinition;\n    if (headerState.loginManager) {\n      headerState.loginManager.setSiteUrl(this.siteDefinition.url);\n    }\n\n    let updatedMenuItems = [];\n    // Set navigation information\n    if (this.siteDomainInUrls) {\n      updatedMenuItems = (data.mainMenu.menuItems as MenuItem[]).map(item => {\n        return this.adjustMenuItemUrls(item);\n      });\n    } else {\n      updatedMenuItems = data.mainMenu.menuItems as MenuItem[];\n    }\n\n    // Create the \"Home\" link\n    if ((!updatedMenuItems[0] || updatedMenuItems[0]?.name !== this.i18n.menuHomeButton) && !this.hideHomeMenuItem) {\n      updatedMenuItems.unshift({\n        href: this.siteDefinition.url,\n        name: this.i18n.menuHomeButton,\n        id: 'homelink',\n        open: false,\n        selected: false,\n        children: [],\n      } as MenuItem);\n    }\n    this.menuItems = updatedMenuItems;\n    // Set search\n    this.search = { ...data.search, ...{ AutocompleteEndpoint: this.AutocompleteEndpoint } };\n\n    // Set site selector\n    this.siteSelector = data.siteSelectorViewModel;\n\n    // Set language selector\n    this.languageSelector = data.languageSelectorViewModel;\n    this.setLanguageOptions();\n\n    let loginDialog = data.loginViewModel as LoginDialog;\n\n    if (loginDialog && this.siteDomainInUrls) {\n      loginDialog.loggedInLinks = loginDialog.loggedInLinks.map(item => {\n        item.href = this.adjustHref(item.href);\n        return item;\n      });\n      loginDialog.loginMenuLinks = loginDialog.loginMenuLinks.map(item => {\n        item.href = this.adjustHref(item.href);\n        return item;\n      });\n    }\n\n    this.loginDialog = loginDialog;\n\n    await this.spaModeAdjustments();\n    this.gotData = true;\n    this.fetchingData = true;\n    this.homePageLink = this.siteDefinition?.url ?? document.location.hostname;\n\n    window.setTimeout(() => {\n      this.checkMenuOverflow();\n    }, 100);\n  }\n\n  adjustMenuItemUrls(item: MenuItem) {\n    item.href = this.adjustHref(item.href);\n    if (item.children && item.children.length > 0) {\n      let adjustedItems = item.children.map(item => {\n        return this.adjustMenuItemUrls(item);\n      });\n      item.children = adjustedItems;\n    }\n    return item as MenuItem;\n  }\n\n  adjustHref(href: string) {\n    if (href.indexOf('http') === 0) {\n      return href;\n    }\n    const domainUrl =\n      this.siteDefinition.url.lastIndexOf('/') === this.siteDefinition.url.length - 1\n        ? this.siteDefinition.url.substring(0, this.siteDefinition.url.length - 1)\n        : this.siteDefinition.url;\n\n    return this.removeDoubleLanguage(domainUrl + href);\n  }\n\n  removeDoubleLanguage(url: string) {\n    let languageSegment = this.language.toLocaleLowerCase() + \"/\";\n    let doubleLanguageSegment = \"/\" + languageSegment + languageSegment;\n\n    if(url.includes(doubleLanguageSegment)){\n      return url.replace(doubleLanguageSegment, \"/\" + languageSegment);\n    }\n\n    return url;\n  }\n\n  setLanguageOptions() {\n    if (!this.languageSelector || !this.languageSelector.languages) {\n      return;\n    }\n    const hrefLangsTags = Array.prototype.slice.call(document.querySelectorAll('link[rel=\"alternate\"][hreflang]')) ?? [];\n    const hrefLangs = hrefLangsTags.map(tag => {\n      let hrefLangValue = tag.getAttribute('hreflang');\n      if (hrefLangValue.indexOf('en-') !== -1 || hrefLangValue.indexOf('en_') !== -1) {\n        hrefLangValue = hrefLangValue.substring(0, 2);\n      }\n      return hrefLangValue;\n    });\n    let languageOptions = []; // Reset language options\n\n    this.languageSelector.languages.map((languageOption: LanguageSelectorItem) => {\n      // In case there are language links present on the page we only show languages that have those tags\n      if (hrefLangs && hrefLangs.length > 0) {\n        if (hrefLangs.includes(languageOption.twoLetterISOLanguageName)) {\n          languageOptions.push(languageOption);\n        }\n      } else {\n        languageOptions.push(languageOption);\n      }\n    });\n    this.languageOptions = languageOptions; // Replace existing language options so we don't trigger a event change on every push.\n  }\n\n  async spaModeAdjustments() {\n    if (!this.spaMode) {\n      return;\n    }\n\n    return;\n  }\n\n  @Listen('loginStateChange')\n  onLoginStateChange(e) {\n    if (e.detail?.loggedIn && e.detail?.token) {\n      this.loggedIn = e.detail?.loggedIn === true;\n      if (this.sessionForward) {\n        try {\n          //fetch('/api/userprofile/sync?token=' + e.detail.token);\n        } catch (e) {}\n      }\n    }\n  }\n\n  promotedItemId(item: PromotedMenuItem) {\n    return 'promo-' + item.linkText.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '');\n  }\n\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    requestAnimationFrame(() => {\n      this.checkMenuOverflow();\n    });\n  }\n\n  checkMenuOverflow() {\n    const row = this.hostElement.querySelectorAll('.siteheader-row')[1] as HTMLElement;\n    if (!row) {\n      return;\n    }\n    const firstMenuLevel = row.querySelector('pn-mainnav-level') as HTMLElement;\n    if (!firstMenuLevel) {\n      return;\n    }\n    const parent = firstMenuLevel.parentElement;\n\n    if (parent.tagName.toLocaleLowerCase() !== 'nav') {\n      return;\n    }\n    const parentWidth = parent.scrollWidth;\n    const elmWidth = firstMenuLevel.clientWidth;\n    const isOverFlowed = parentWidth < elmWidth;\n\n    if (isOverFlowed && this.minimizeSearch === false) {\n      this.minimizeSearch = true;\n    }\n  }\n\n  adjustSiteSelectorUrl(href: string) {\n    if (!this.loggedIn) {\n      return href;\n    }\n    const loginDomains = ['portal.postnord.com'];\n    const matchedHref = loginDomains.filter(domain => {\n      return href.indexOf(domain) !== -1;\n    });\n    if (matchedHref.length === 0) {\n      return href;\n    }\n    if (headerState.loginManager) {\n      return headerState.loginManager.getLoginUrl(href);\n    }\n    return href;\n  }\n\n  private getFallbackValue(value: string, fallback: string): string {\n    return value && value.trim() !== '' ? value : fallback;\n  }    \n\n  render() {\n    const i18n = {\n      ...this.i18n,\n      home: this.getFallbackValue(this.i18n.home, 'Home')\n    };\n\n    return (\n      <Host language={this.language} market={this.market} environment={this.environment}>\n        <header>\n          <div class=\"siteheader-row\">\n            <div class=\"siteheader-topleft\">\n              <slot name=\"topleft\"></slot>\n              {this.gotData && this.siteSelector && !this.hideSiteSelector && (\n                <pn-site-selector language={this.language} buttontext={this.siteSelector?.currentSiteTitle ?? 'postnord'}>\n                  {this.gotData && this.siteSelector?.currentSiteTitle && (\n                    <pn-site-selector-item heading={this.siteSelector.currentSiteTitle + ' '} description={this.siteSelector.currentSiteDescription}></pn-site-selector-item>\n                  )}\n                  {this.gotData &&\n                    this.siteSelector?.siteSelections &&\n                    this.siteSelector.siteSelections.map(site => (\n                      <pn-site-selector-item\n                        heading={site.linkText + ' '}\n                        description={site.linkDescription}\n                        url={this.adjustSiteSelectorUrl(site.href)}\n                        newwindow={site.openInNewWindow}\n                      ></pn-site-selector-item>\n                    ))}\n                </pn-site-selector>\n              )}\n            </div>\n            <div class=\"siteheader-logocontainer\">\n              <a href={this.homePageLink} title={i18n.home} aria-label={i18n.home} class=\"siteheader-logolink\">\n                <slot name=\"logo\">\n                  <svg class=\"siteheader-logo\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12.7rem\" height=\"2.4rem\" viewBox=\"0 0 141.73 26.65\" role=\"img\" aria-label=\"PostNord\">\n                    <path\n                      d=\"M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z\"\n                      fill=\"#00A0D6\"\n                      transform=\"translate(0 0)\"\n                    ></path>\n                  </svg>\n                </slot>\n              </a>\n            </div>\n            <div class=\"siteheader-topright\">\n              <slot name=\"toprightstart\"></slot>\n              {this.gotData && this.loginDialog && !this.hideLogin && (\n                <pn-marketweb-siteheader-login\n                  token={this.userToken}\n                  siteUrl={this.siteDefinition.url}\n                  fullname={this.userFullname}\n                  loggedin={this.userLoggedin}\n                  loginDialog={this.loginDialog}\n                  endpoint={this.endpoint}\n                  i18n={this.i18n}\n                  showProfileSelection={this.showProfileSelection}\n                  showUnifiedLogin={this.showUnifiedLogin}\n                  check-user-logged-in-state-interval={this.checkUserLoggedInStateInterval}\n                  useMarketwebLogin={this.useMarketwebLogin}\n                  environment={this.environment}\n                ></pn-marketweb-siteheader-login>\n              )}\n\n              {this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (\n                <pn-language-selector value={this.language}>\n                  {this.languageOptions.map(language => (\n                    <pn-language-selector-option\n                      name={language.nativeName}\n                      code={language.twoLetterISOLanguageName}\n                      selected={language.isCurrent}\n                      url={this.getLanguageVersionUrl(language)}\n                    ></pn-language-selector-option>\n                  ))}\n                </pn-language-selector>\n              )}\n              <slot name=\"toprightend\"></slot>\n              <div class=\"siteheader-menu-top-search\">\n                <pn-marketweb-siteheader-search\n                  language={this.language}\n                  siteid={this.siteid}\n                  search={this.search}\n                  hide-search={this.hideSearch}\n                  i18n={this.i18n}\n                  icononly={true}\n                ></pn-marketweb-siteheader-search>\n              </div>\n            </div>\n          </div>\n          <slot name=\"siteheader-menu-top-button\"></slot>\n          <div class=\"siteheader-row\">\n            <div class=\"siteheader-menu\">\n              {this.gotData && this.menuItems && (\n                <pn-mainnav\n                  market={this.market}\n                  language={this.language}\n                  onMenuOpenChange={e => {\n                    document.body.setAttribute('data-siteheader-menuopen', e.detail + '');\n                  }}\n                >\n                  <pn-mainnav-level>\n                    <pn-mainnav-list>\n                      {this.menuItems.map(item => (\n                        <pn-mainnav-link name={item.name} href={item.href} itemid={item.id} target={item.linkTarget ?? '_self'} linkid={item.trackingId}>\n                          {((item.promotedMenuItems && item.promotedMenuItems.length > 0) || (item.children && item.children.length > 0)) && (\n                            <pn-mainnav-level label={item.name}>\n                              {item.children.length > 0 && (\n                                <pn-mainnav-list heading={item.navigationHeading ?? ''}>\n                                  {item.children.map(childitem => (\n                                    <pn-mainnav-link\n                                      name={childitem.name}\n                                      href={childitem.href}\n                                      target={childitem.linkTarget ?? '_self'}\n                                      linkid={childitem.trackingId}\n                                    ></pn-mainnav-link>\n                                  ))}\n                                </pn-mainnav-list>\n                              )}\n                              {item.promotedMenuItems && item.promotedMenuItems.length > 0 && (\n                                <pn-mainnav-list heading={item.promotedMenuItemsHeader}>\n                                  {item.promotedMenuItems.map(childitem => (\n                                    <pn-mainnav-link\n                                      href={childitem.href}\n                                      name={childitem.linkText}\n                                      target={childitem.openInNewWindow ? '_blank' : '_self'}\n                                      linkid={this.promotedItemId(childitem) + item.id}\n                                    ></pn-mainnav-link>\n                                  ))}\n                                </pn-mainnav-list>\n                              )}\n                            </pn-mainnav-level>\n                          )}\n                        </pn-mainnav-link>\n                      ))}\n                    </pn-mainnav-list>\n                    <div slot=\"footer\" class=\"siteheader-menu-footer\">\n                      <slot name=\"menu-footer-cta\"></slot>\n                      {this.gotData && this.loginDialog && !this.hideLogin && (\n                        <pn-marketweb-siteheader-login\n                          token={this.userToken}\n                          siteUrl={this.siteDefinition.url}\n                          loginDialog={this.loginDialog}\n                          endpoint={this.endpoint}\n                          fullname={this.userFullname}\n                          loggedin={this.userLoggedin}\n                          i18n={this.i18n}\n                          showProfileSelection={this.showProfileSelection}\n                          showUnifiedLogin={this.showUnifiedLogin}\n                          environment={this.environment}\n                          check-user-logged-in-state-interval={this.checkUserLoggedInStateInterval}\n                          useMarketwebLogin = {this.useMarketwebLogin}\n                        ></pn-marketweb-siteheader-login>\n                      )}\n\n                      {this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (\n                        <pn-language-selector value={this.language}>\n                          {this.languageOptions.map(language => (\n                            <pn-language-selector-option\n                              name={language.nativeName}\n                              code={language.twoLetterISOLanguageName}\n                              selected={language.isCurrent}\n                              url={this.getLanguageVersionUrl(language)}\n                            ></pn-language-selector-option>\n                          ))}\n                        </pn-language-selector>\n                      )}\n                      {!this.hideSiteSelector && (\n                        <pn-site-selector language={this.language}>\n                          {this.gotData && this.siteSelector?.currentSiteTitle && (\n                            <pn-site-selector-item heading={this.siteSelector.currentSiteTitle} description={this.siteSelector.currentSiteDescription}></pn-site-selector-item>\n                          )}\n                          {this.gotData &&\n                            this.siteSelector?.siteSelections &&\n                            this.siteSelector.siteSelections.map(site => (\n                              <pn-site-selector-item\n                                heading={site.linkText}\n                                description={site.linkDescription}\n                                url={site.pageLink}\n                                newwindow={site.openInNewWindow}\n                              ></pn-site-selector-item>\n                            ))}\n                        </pn-site-selector>\n                      )}\n                    </div>\n                    <div slot=\"top\" class=\"siteheader-menu-top\">\n                      <pn-marketweb-siteheader-search\n                        language={this.language}\n                        siteid={this.siteid}\n                        search={this.search}\n                        hide-search={this.hideSearch}\n                        i18n={this.i18n}\n                      ></pn-marketweb-siteheader-search>\n                    </div>\n                  </pn-mainnav-level>\n                </pn-mainnav>\n              )}\n            </div>\n\n            <pn-marketweb-siteheader-search\n              language={this.language}\n              siteid={this.siteid}\n              primary={true}\n              search={this.search}\n              hide-search={this.hideSearch}\n              show-only-link={this.minimizeSearch}\n              i18n={this.i18n}\n            ></pn-marketweb-siteheader-search>\n            <slot name=\"header-bottom-button\"></slot>\n          </div>\n        </header>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pn-market-web-components/p-f4b14be8.entry.js

@@ -1,2 +0,0 @@
-import{r as e,g as r,h as n,d as t}from"./p-82546a44.js";import{s as a}from"./p-66d71724.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-spotlight .pn-spotlight__container:has(pn-parcel-tracker) [slot=mobile-heading]{color:#005d92}.pn-spotlight__container__wrapper__content [slot=content]:has(pn-parcel-tracker){padding-left:2rem}pn-parcel-tracker{width:100%}pn-parcel-tracker .pn-parcel-tracker__container form{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:1.6rem}pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{color:#005d92;font-weight:500;margin-bottom:0}@media screen and (max-width: 768px){pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{display:none}}@media screen and (min-width: 1640px){pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{font-size:2.4rem;font-weight:700}}pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{flex-grow:1;max-width:80%}@media screen and (min-width: 768px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:50%}}@media screen and (min-width: 992px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:45%}}@media screen and (min-width: 1640px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:35%}}pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input input{border-radius:6.4rem}";const p=i;const c=class{constructor(r){e(this,r);this.formActionUrl=null;this.heading="Track your parcel";this.buttonLabel=null;this.locale="en";this.placeholder="Enter shipment ID";this.inputName="shipmentID";this.currentWidth=window.innerWidth}get hostElement(){return r(this)}handleViewportSizeChange(e){this.currentWidth=e.target.innerWidth}render(){return n(t,{key:"1175ee79bdd43c697cff71530375a02bc7608382"},n("div",{key:"7d5059b7384060cf1937c45341b01998ec1220d7",class:"pn-parcel-tracker__container"},n("form",{key:"3a416b4c483e99a953c715e16f3f3ea83591570a",method:"GET",action:this.formActionUrl},n("h3",{key:"832541b313250e8960f93298f5c6e90e5af405c8",class:"pn-parcel-tracker__container__heading"},this.heading),n("pn-marketweb-input",{key:"73b2290a2ec9427faf6110ef97a2df0f5c7bd51f",name:this.inputName,placeholder:this.placeholder}),n("pn-button",{key:"1f99b01aba200dc0e863058d9df9ff3bd015f959",type:"submit",icon:a,tooltip:this.currentWidth<412?this.buttonLabel:null},this.currentWidth>=412&&this.buttonLabel))))}};c.style=p;export{c as pn_parcel_tracker};
-//# sourceMappingURL=p-f4b14be8.entry.js.map

package/dist/pn-market-web-components/p-f5d03222.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,d as i}from"./p-82546a44.js";import{w as s}from"./p-cd8db7cd.js";import{a as n}from"./p-8644928d.js";import{s as a}from"./p-930e2943.js";import"./p-8836de82.js";const o={sv:{componentheading:"Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?",deliveryscopeheading:"Endast leveranser inom Sverige",resultlistheading:"Några bra alternativ för dig",weightlabel:"Vikt",maxweightlabel:"Maxvikt",maxmeasurementlabel:"Maxvolym",senddirectcta:"Köp online",stampshopcta:"Köp frimärken",message:"*Vid köp hos valfritt ombud",servicePointHeader:"Eller hitta närmaste serviceställe",servicePointLink:"Sök serviceställe eller brevlåda"},en:{componentheading:"Our prices and terms and conditions for domestic shipments for you as a direct paying customer",deliveryscopeheading:"Deliveries within Sweden only",resultlistheading:"Some suitable options for you",weightlabel:"Weight",maxweightlabel:"Max weight",maxmeasurementlabel:"Maximum measurement",senddirectcta:"Buy Online",stampshopcta:"Buy Stamps",message:"When buying from any agent",servicePointHeader:"Or find nearest service point",servicePointLink:"Search letter-box or service point"},da:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Kun leveringer indenfor Sverige",resultlistheading:"Some suitable options for you",weightlabel:"Vægt",maxweightlabel:"Max vægt",maxmeasurementlabel:"Maks. Volumen",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"},no:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Kun leveranser innen Sverige",resultlistheading:"Some suitable options for you",weightlabel:"Vekt",maxweightlabel:"Maks vekt",maxmeasurementlabel:"Maks volum",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"},fi:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Toimitukset vain Ruotsin sisällä",resultlistheading:"Some suitable options for you",weightlabel:"Paino",maxweightlabel:"Max paino",maxmeasurementlabel:"Max äänenvoimakkuus",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"}};const r={se:{currency:"kr"},dk:{currency:"dk"},fi:{currency:" €"},no:{currency:"kr"}};const l='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-pricelist pn-spinner{margin:1em auto}pn-product-pricelist h2,pn-product-pricelist .heading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-product-pricelist .content,pn-product-pricelist .weightselection,pn-product-pricelist .resultlist{max-width:50em;margin:0 auto 1.6rem}pn-product-pricelist .weightoption{display:flex;gap:1.6rem}pn-product-pricelist .weightoption-input{width:5em;position:relative;display:none}pn-product-pricelist .weightoption-input input::-webkit-outer-spin-button,pn-product-pricelist .weightoption-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}pn-product-pricelist .weightoption-input-abbreviation{position:absolute;top:50%;transform:translateY(-50%);right:1.2em;margin-top:1.55rem;font-weight:500}pn-product-pricelist .weightoption-range{flex-grow:1;align-self:flex-end;position:relative;top:0.5em}pn-product-pricelist .weightoption-range input{width:calc(100% - 1.5em)}pn-product-pricelist .weightoption-range datalist{width:100%;display:flex;justify-content:space-between;font-size:0.75em}pn-product-pricelist .resultlist:not([data-list-count="0"]){margin-top:2em}';const p=l;const h=class{constructor(t){e(this,t);this.source="https://com-inte.postnord.com/globalassets/global/prices/sv-findprice-1-PN.xlsx";this.language="sv";this.market="se";this.productid="";this.filteredItems=[];this.sourceData={types:[],data:[]};this.gotData=false;this.loading=false;this.postagetype={value:""};this.weight={value:0,name:""};this.weightvalue=0}componentWillLoad(){this.setState();this.getDataSource().then((()=>{}))}setState(){if(this.market){a.market=r[this.market]}if(this.language&&o[this.language]){a.i18n=o[this.language]}}async getDataSource(){if(!this.productid){return}this.loading=true;const e=`?cache=${Math.floor(Math.random()*(1e4-1)+1)}`;const t=await fetch(this.source+e);const i=await t.blob();try{const e=await n(i);this.sourceData=e;this.filterItems()}catch(e){this.loading=false;console.warn("Unable to parse data")}}filterItems(){if(!this.sourceData?.data){console.info("Data has not yet been loaded");return}this.loading=false;const e=this.sourceData.data.filter((e=>e.id===this.productid));if(e.length===0){return}this.postagetype.value=e[0].what;if(!s[this.postagetype.value]||s[this.postagetype.value].length===0){return}if(this.weightvalue===0){this.weight=s[this.postagetype.value][0];this.weightvalue=this.weight.value}const t=this.weight.abbreviation.toLocaleLowerCase()==="kg"&&this.postagetype.value==="letter"?this.weight.value*1e3:this.weight.value;let i=e.filter((e=>e.maxweight===t));if(i.length===0){i=e.filter((e=>e.maxweight>=t));if(i.length>0){const e=[...new Map(i.reverse().map((e=>[e["id"],e]))).values()];if(e.length>0){i=e}}}this.filteredItems=i;this.gotData=this.filteredItems.length>0}render(){return t(i,{key:"f87daa33411e8063c5d0c4fd3c865db7987f80cf"},t("div",{key:"c2b7d77e57d67e9eddbebfeeaf78a9c8c98a82e9",class:"content"},t("slot",{key:"d7d0cefe22314e6630d8f212071257be6a49f50b"})),this.loading?t("pn-spinner",null):null,this.postagetype.value&&s[this.postagetype.value]?t("div",{class:"weightselection"},t("div",{class:"weightoption"},t("div",{class:"weightoption-input"},t("pn-input",{inputid:"weightvalue",name:"weightvalue",type:"number",label:a.i18n.weightlabel,value:this.weightvalue,onChange:e=>{if(e&&e.target&&e.target.value){const t=parseInt(e.target.value,10);if(!isNaN(t)){let e=s[this.postagetype.value].filter((e=>{let i=e.abbreviation==="kg"?e.value*1e3:e.value;return i>=t}));if(e&&e.length>0){this.weight=e[0];this.weightvalue=this.weight.value}}}}}),t("span",{class:"weightoption-input-abbreviation"},this.weight.abbreviation)),t("div",{class:"weightoption-range"},t("input",{type:"range",id:"weightrange",name:"weightrange",list:"weightlist",value:!this.weight.value?0:s[this.postagetype.value].findIndex((e=>e.value===this.weightvalue)),onChange:e=>{const t=e.target.value;this.weight=s[this.postagetype.value][t];this.weightvalue=this.weight.value},min:"0",max:s[this.postagetype.value].length-1}),t("datalist",{id:"weightlist"},s[this.postagetype.value].map(((e,i)=>{let n=e.name;if(s[this.postagetype.value].length>6){n=i%5===0||i===0||i===s[this.postagetype.value].length-1?e.name:""}return t("option",{value:i,...n?{label:n}:{}})})))))):null,t("div",{key:"ca86315fa2bce991ee1bdcc8612128c4825b6832",class:"resultlist","data-list-count":this.filteredItems.length},this.filteredItems.map((e=>t("div",null,t("pn-find-price-result",{item:e}))))))}static get watchers(){return{market:["setState"],language:["setState"],postagetype:["filterItems"],weightvalue:["filterItems"]}}};h.style=p;export{h as pn_product_pricelist};
-//# sourceMappingURL=p-f5d03222.entry.js.map

package/dist/pn-market-web-components/p-fe466661.js

@@ -1,2 +0,0 @@
-import{c as a}from"./p-8836de82.js";const{state:n,onChange:o}=a({loginManager:null});export{n as s};
-//# sourceMappingURL=p-fe466661.js.map

package/dist/types/components/widgets/pn-chat/pn-chat-message/pn-chat-message.d.ts

@@ -1,11 +0,0 @@
-import { CustomerSegment, MessageCategory } from '../types';
-export declare class PnChatMessage {
-    category: MessageCategory;
-    customerSegment: CustomerSegment;
-    agentName: string;
-    private robotIcon;
-    private blue700;
-    getIcon(): any;
-    getMessageClass(): string;
-    render(): any;
-}

package/dist/types/components/widgets/pn-chat/pn-chat-message/pn-chat-message.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
-/** Write a short introduction */
-declare const meta: Meta<HTMLPnChatMessageElement>;
-type Story = StoryObj<HTMLPnChatMessageElement>;
-export default meta;
-export declare const ChatMessageExample: Story;
-export declare const ChatMessageExample2: Story;

package/dist/types/components/widgets/pn-chat/pn-chat-stories-constants.d.ts

@@ -1,43 +0,0 @@
-export declare const styleSample = "\n  .sb-story,.sb-show-main { border: solid 1px #333; height: 500px; width: 800px; padding:40px; position: relative;}\n  .pn-chat { position:absolute; right:50px ;bottom:50px; transform-origin: bottom right }\n  }";
-export declare const hardcodedMessages: {
-    header: {
-        body: any;
-        button: any;
-    };
-    messages: ({
-        category: string;
-        content: string;
-        messageId: string;
-        class?: undefined;
-    } | {
-        class: any;
-        category: string;
-        content: string;
-        messageId: string;
-    })[];
-};
-export declare const messageObjectReal: {
-    header: {
-        body: any;
-        button: any;
-    };
-    messages: ({
-        class: any;
-        category: string;
-        content: string;
-        messageId: string;
-        props?: undefined;
-    } | {
-        class: string;
-        props: string;
-        category: string;
-        content: string;
-        messageId: string;
-    } | {
-        category: string;
-        content: string;
-        messageId: string;
-        class?: undefined;
-        props?: undefined;
-    })[];
-};