@postnord/pn-marketweb-components 3.5.2 → 4.0.0

package/pn-market-web-components/p-2fd60147.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icon","faq","pnChatMessageCss","PnChatMessageStyle0","PnChatMessage","robotIcon","getIcon","this","category","agentName","getMessageClass","undefined","render","segmentClass","customerSegment","toLowerCase","categoryClass","h","Host","key","class","color","role","pnMarketwebCarouselCss","PnMarketwebCarouselStyle0","PnMarketwebCarousel","static","SWIPE_THRESHOLD_PX","ANIMATION_DURATION_MS","OVERSCROLL_LIMIT_PERCENT","slides","slidesContainer","totalSlides","prevButton","nextButton","dragStartX","listeners","memoizedSlideWidth","componentWillLoad","setInitialValues","componentDidLoad","setupCarousel","window","addEventListener","handleResize","disconnectedCallback","cleanup","removeEventListener","goToSlide","index","currentSlide","moveSlides","updateNavButtons","getCurrentSlide","handleSourceChange","newValue","source","trim","console","warn","parsedData","JSON","parse","Error","Array","isArray","slidesData","showCarouselButtons","length","error","message","initializeElements","attachEventListeners","hostElement","querySelector","querySelectorAll","slideWidth","slidesToShow","addListener","element","event","handler","options","push","handleTouchStart","passive","handleTouchMove","handleTouchEnd","handleNextClick","handlePrevClick","forEach","getSlideWidth","offsetWidth","e","stopPropagation","nextSlide","prevSlide","target","classList","contains","isDragging","touches","clientX","preventDefault","currentPosition","diff","percentMove","changedTouches","Math","abs","DEFAULTS","calculateProportionalTranslation","extraTranslate","slide","style","width","translation","transform","position","isVisible","setAttribute","toString","isFirstSlide","isLastSlide","toggle","showFirstSlidePrevButton","dataset","show","showLastSlideNextButton","ariaNavigationLabel","appearance","arrow_left","tooltip","previousButtonLabel","arrow_right","nextButtonLabel","display","map","innerHTML"],"sources":["node_modules/pn-design-assets/pn-assets/icons/faq.js","src/components/widgets/pn-chat/pn-chat-message/pn-chat-message.scss?tag=pn-chat-message","src/components/widgets/pn-chat/pn-chat-message/pn-chat-message.tsx","src/components/widgets/pn-marketweb-carousel/pn-marketweb-carousel.scss?tag=pn-marketweb-carousel","src/components/widgets/pn-marketweb-carousel/pn-marketweb-carousel.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10c-.97 0-1.908-.138-2.797-.397-1.242-.36-2.352-.61-3.409-.464l-2.095.29A1 1 0 0 1 2.572 20.3l.289-2.095c.146-1.057-.103-2.167-.464-3.41A10 10 0 0 1 2 12m10-8a8 8 0 0 0-7.683 10.239c.364 1.252.734 2.724.525 4.24l-.108.788.787-.11c1.516-.208 2.988.162 4.24.526.71.206 1.46.317 2.239.317a8 8 0 1 0 0-16m-.034 4.5c-.445 0-.84.285-.981.707l-.037.11a1 1 0 0 1-1.897-.633l.037-.11A3.03 3.03 0 0 1 11.966 6.5h.18C13.734 6.5 15 7.807 15 9.371a2.83 2.83 0 0 1-1.553 2.523.81.81 0 0 0-.447.724V13a1 1 0 1 1-2 0v-.382c0-1.064.6-2.037 1.553-2.512A.83.83 0 0 0 13 9.37a.87.87 0 0 0-.854-.871zm.034 6a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3\" clip-rule=\"evenodd\"/></svg>';\nexport const faq = icon;\n","@import '../../../../globals/main.scss';\n$userChatMessageBackgroundColor: $blue50;\n$userChatMessageTextColor: $gray900;\n$privateChatMessageLinkColor: $blue25;\n$businessChatMessageLinkColor: $coral50;\n\n$message-padding: 1rem 1.6rem;\n\npn-chat-message {\n  display: flex;\n  text-align: left;\n\n  &.user,\n  &.buttonresponse {\n    justify-content: flex-end;\n  }\n\n  &.system-message {\n    text-align: center;\n    justify-content: center;\n  }\n\n  .message-container {\n    border-radius: 0.8rem;\n    display: flex;\n    gap: 1rem;\n    max-width: 75%;\n    overflow-x: hidden;\n\n    .category {\n      width: 2.6rem;\n    }\n\n    &.bot,\n    &.agent {\n      .message {\n        background-color: $gray50;\n      }\n    }\n\n    &.link {\n      flex-basis: 100%;\n\n      .message {\n        $box-shadow-offset-x: 0px 0.6px 1.8px 0px;\n        $box-shadow-offset-y: 0px 3.2px 7.2px 0px;\n\n        background-color: $privateChatMessageLinkColor;\n        box-shadow: $box-shadow-offset-x rgba(0, 0, 0, 0.10), $box-shadow-offset-y rgba(0, 0, 0, 0.13);\n        transition: box-shadow ease-in-out 0.5s;\n\n        &:hover {\n          box-shadow: $box-shadow-offset-x rgba(0, 0, 0, 0.2), $box-shadow-offset-y rgba(0, 0, 0, 0.23);\n        }\n\n        padding: 0;\n\n        a {\n          color: $black;\n          display: flex;\n          justify-content: space-between;\n          padding: $message-padding;\n          text-decoration: none;\n        }\n      }\n    }\n\n    &.link .business.message {\n      background-color: $businessChatMessageLinkColor;\n    }\n\n    &.button {\n      flex-basis: 100%;\n      text-align: center;\n      max-width: unset;\n\n      .message {\n        padding: 0;\n      }\n    }\n\n    &.card {\n      border: solid 1px $gray200;\n      border-radius: 1.6rem;\n      flex-basis: 100%;\n      max-width: 100%;\n\n      .message {\n        display: flex;\n        flex-direction: column;\n        gap: 0.8rem;\n        padding: 1.6rem;\n      }\n\n      .card-heading {\n        font-size: 1.6rem;\n        line-height: 2.4rem;\n        font-weight: 700;\n      }\n\n      .cta {\n        display: flex;\n        flex-direction: row;\n        gap: 0.5rem;\n      }\n\n      .read-more {\n        align-self: flex-start;\n        margin-top: auto;\n      }\n    }\n\n    &.user,\n    &.buttonresponse {\n      .message {\n        background-color: $userChatMessageBackgroundColor;\n        color: $userChatMessageTextColor;\n        border-radius: 0.8rem 0.8rem 0 0.8rem;\n      }\n    }\n\n    .message {\n      border-radius: 0 0.8rem 0.8rem 0.8rem;\n      display: inline-block;\n      flex: 1 1 auto;\n      font-size: 1.4rem;\n      line-height: 2rem;\n      padding: $message-padding;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      white-space: normal;\n      word-break: break-word;\n\n      @media (max-width: 767px) {\n        font-size: 1.6rem;\n      }\n    }\n\n    &.agent {\n      .category .pn-icon {\n        background-color: $blue400;\n        color: $white;\n        text-align: center;\n        border-radius: 50%;\n        display: inline-block;\n        width: 2.5rem;\n        height: 2.5rem;\n        font-weight: 500;\n        font-size: 1.2rem;\n        line-height: 2.6rem;\n      }\n    }\n  }\n\n  &[data-card] {\n    height: 100%;\n  }\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport { faq, user } from 'pn-design-assets/pn-assets/icons.js';\n\nimport { AgentMessage, CustomerSegment, MessageCategory } from '../types';\n\n@Component({\n  tag: 'pn-chat-message',\n  styleUrl: 'pn-chat-message.scss',\n})\nexport class PnChatMessage {\n  @Prop() category!: MessageCategory;\n  @Prop() customerSegment!: CustomerSegment;\n  @Prop() agentName: string;\n  private robotIcon: string = '<?xml version=\"1.0\" encoding=\"UTF-8\"?> <svg id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" viewBox=\"0 0 20 20\"> <!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141)  --> <defs> <style> .st0 { fill: none; } .st1 { fill: #8eddf9; } .st2 { fill: #f3f2f2; } .st3 { fill: #0d234b; } .st4 { fill: #f06365; } .st5 { clip-path: url(#clippath); } .st6 { fill: #005d92; } </style> <clipPath id=\"clippath\"> <rect class=\"st0\" width=\"20\" height=\"20\"/> </clipPath> </defs> <g class=\"st5\"> <g> <path class=\"st2\" d=\"M10,20c5.5,0,10-4.5,10-10S15.5,0,10,0,0,4.5,0,10s4.5,10,10,10Z\"/> <path class=\"st3\" d=\"M10.5,4h-.5v2.8h.5v-2.8Z\"/> <path class=\"st3\" d=\"M10.2,4.3c.5,0,1-.4,1-1s-.4-1-1-1-1,.4-1,1,.4,1,1,1Z\"/> <path class=\"st3\" d=\"M9,5h2.4c1,0,1.8.8,1.8,1.8h-6c0-1,.8-1.8,1.8-1.8Z\"/> <path class=\"st4\" d=\"M17,10.3v-.8c0-1.9-1.5-3.5-3.5-3.5h-7.1c-1.9,0-3.5,1.6-3.5,3.5v.8h14.1Z\"/> <path d=\"M13.9,16.1l-3.7.4v-.4s3.6-.4,3.6-.4c.8,0,1.6-.4,2.1-1s.7-2.9.7-3.7h.4c0,.9-.2,3.3-.8,3.9-.6.7-1.4,1.1-2.3,1.2Z\"/> <path class=\"st4\" d=\"M16.3,12.1v-3.6h.2c1,0,1.8.8,1.8,1.8s-.8,1.8-1.8,1.8h-.2Z\"/> <path class=\"st4\" d=\"M3.7,8.5v3.6h-.2c-1,0-1.8-.8-1.8-1.8s.8-1.8,1.8-1.8h.2Z\"/> <path class=\"st3\" d=\"M13.1,6.6h-6.2c-1.8,0-3.3,1.5-3.3,3.3v2.1c0,1.8,1.5,3.3,3.3,3.3h6.2c1.8,0,3.3-1.5,3.3-3.3v-2.1c0-1.8-1.5-3.3-3.3-3.3Z\"/> <path class=\"st6\" d=\"M12.8,7.8h-5.6c-1.4,0-2.5,1.1-2.5,2.5v1.4c0,1.4,1.1,2.4,2.5,2.4h5.6c1.4,0,2.4-1.1,2.4-2.4v-1.4c0-1.4-1.1-2.5-2.4-2.5Z\"/> <path class=\"st1\" d=\"M12.3,11.9c.5,0,1-.4,1-1s-.4-1-1-1-1,.4-1,1,.4,1,1,1Z\"/> <path class=\"st1\" d=\"M7.7,11.9c.5,0,1-.4,1-1s-.4-1-1-1-1,.4-1,1,.4,1,1,1Z\"/> <path d=\"M11,15.8h-1.5c-.3,0-.5.2-.5.5h0c0,.3.2.5.5.5h1.5c.3,0,.5-.2.5-.5h0c0-.3-.2-.5-.5-.5Z\"/> </g> </g> </svg>';\n\n  getIcon() {\n    let icon = null;\n    \n    switch (this.category) {\n      case 'Bot':\n        return this.robotIcon;\n      case 'Agent':\n        return this.agentName;\n      case 'Link':\n        return faq;\n    }\n\n    return icon;\n  }\n\n  getMessageClass(): string {\n    switch (this.category) {\n      case 'ButtonResponse':\n        return 'buttonresponse';\n      case 'User':\n        return 'user';\n      case 'System':\n        return 'system-message';\n      default: \n        return undefined;\n    }\n  }\n\n  render() {\n    const segmentClass = this.customerSegment?.toLowerCase() || '';\n    const categoryClass = this.category?.toLowerCase() || '';\n    return (\n      <Host class={ this.getMessageClass() }>\n        <div class={`message-container ${categoryClass}`}>\n          {this.getIcon() && (\n            <span class=\"category\">\n              <pn-icon icon={this.getIcon()} color={this.category === 'User' ? 'blue700' : 'blue700'} aria-hidden=\"true\" role=\"presentation\"></pn-icon>\n            </span>\n          )}\n          <span class={`message ${segmentClass}`}>\n            <slot></slot>\n          </span>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n\npn-marketweb-carousel {\n  display: inline-block;\n\n  .pn-marketweb-carousel {\n    .slider-wrapper {\n      margin: 1rem;\n      overflow: hidden;\n      position: relative;\n      touch-action: pan-y pinch-zoom;\n    }\n\n    .slides-container {\n      display: flex;\n      width: 100%;\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      overflow: hidden;\n      position: relative;\n      touch-action: none;\n      transition: transform 0.5s ease-in-out;\n      user-select: none;\n\n      &[data-partial='false'] .slide {\n        width: 100%;\n      }\n    }\n\n    [data-slide] {\n      flex: 0 0 auto;\n      transition: transform 0.5s ease-in-out;\n    }\n\n    .nav-button {\n      cursor: pointer;\n      display: flex;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      transform: translateY(-50%);\n      height: 2rem;\n      margin: auto;\n      padding: 0;\n      opacity: 0.85;\n      transition: opacity 200ms;\n      z-index: 1;\n\n      &.invisible {\n        opacity: 0;\n      }\n\n      &[data-show='false'] {\n        display: none;\n      }\n\n      &:hover,\n      &:focus {\n        opacity: 1;\n      }\n    }\n\n    [data-nav-button-prev] {\n      left: 1.75rem;\n      border-radius: 0 2rem 2rem 0;\n    }\n\n    [data-nav-button-next] {\n      right: 1.75rem;\n      border-radius: 2rem 0 0 2rem;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .slides-container {\n      transition: none;\n    }\n\n    [data-slide] {\n      transition: none;\n    }\n  }\n}\n","import { Component, Host, Prop, Element, State, h, Watch, Method } from '@stencil/core';\nimport { arrow_left, arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\ninterface CarouselData {\n  slides: string[];\n}\n\ninterface EventListenerConfig {\n  element: HTMLElement;\n  event: string;\n  handler: EventListener;\n}\n\n@Component({\n  tag: 'pn-marketweb-carousel',\n  styleUrl: 'pn-marketweb-carousel.scss',\n})\nexport class PnMarketwebCarousel {\n  private static readonly DEFAULTS = {\n    SWIPE_THRESHOLD_PX: 50,\n    ANIMATION_DURATION_MS: 300,\n    OVERSCROLL_LIMIT_PERCENT: 30,\n  } as const;\n\n  @Element() private hostElement!: HTMLElement;\n\n  @Prop() previousButtonLabel!: string;\n  @Prop() nextButtonLabel!: string;\n  @Prop() ariaNavigationLabel!: string;\n  @Prop() source!: string;\n  @Prop() slidesToShow: number = 1;\n  @Prop() showCarouselButtons: boolean = true;\n  @Prop() showFirstSlidePrevButton: boolean = false;\n  @Prop() showLastSlideNextButton: boolean = false;\n\n  @State() private slidesData: string[] = [];\n  @State() private currentSlide: number = 0;\n  @State() private isDragging: boolean = false;\n  @State() private slideWidth: number = 0;\n\n  private slides: NodeListOf<HTMLElement> | null = null;\n  private slidesContainer: HTMLElement | null = null;\n  private totalSlides: number = 0;\n  private prevButton: HTMLElement | null = null;\n  private nextButton: HTMLElement | null = null;\n  private dragStartX: number = 0;\n  private listeners: EventListenerConfig[] = [];\n  private memoizedSlideWidth: number | null = null;\n\n  componentWillLoad(): void {\n    this.setInitialValues();\n  }\n\n  componentDidLoad(): void {\n    this.setupCarousel();\n    window.addEventListener('resize', this.handleResize);\n  }\n\n  disconnectedCallback(): void {\n    this.cleanup();\n    window.removeEventListener('resize', this.handleResize);\n  }\n\n  @Method()\n  async goToSlide(index: number): Promise<void> {\n    if (index >= 0 && index < this.totalSlides) {\n      this.currentSlide = index;\n      this.moveSlides();\n      this.updateNavButtons();\n    }\n  }\n\n  @Method()\n  async getCurrentSlide(): Promise<number> {\n    return this.currentSlide;\n  }\n\n  @Watch('source')\n  handleSourceChange(newValue: string): void {\n    if (newValue) {\n      this.setInitialValues();\n    }\n  }\n\n  private setInitialValues(): void {\n    if (!this.source?.trim()) {\n      console.warn('No source provided for carousel');\n      return;\n    }\n\n    try {\n      const parsedData = JSON.parse(this.source) as CarouselData;\n\n      if (!parsedData?.slides) {\n        throw new Error('Invalid slides data structure');\n      }\n\n      if (Array.isArray(parsedData.slides)) {\n        this.slidesData = parsedData.slides;\n        this.showCarouselButtons = this.slidesData.length > 1;\n      } else {\n        throw new Error('Slides data is not an array');\n      }\n    } catch (error) {\n      console.error('Error parsing carousel source:', error instanceof Error ? error.message : 'Unknown error');\n      this.slidesData = [];\n    }\n  }\n\n  private setupCarousel(): void {\n    this.initializeElements();\n    this.attachEventListeners();\n    this.updateNavButtons();\n  }\n\n  private initializeElements(): void {\n    this.slidesContainer = this.hostElement.querySelector<HTMLElement>('[data-slides-container]');\n    this.slides = this.hostElement.querySelectorAll<HTMLElement>('[data-slide]');\n    this.totalSlides = this.slides?.length ?? 0;\n\n    if (this.showCarouselButtons) {\n      this.prevButton = this.hostElement.querySelector<HTMLElement>('[data-nav-button-prev]');\n      this.nextButton = this.hostElement.querySelector<HTMLElement>('[data-nav-button-next]');\n    }\n\n    this.slideWidth = 100 / this.slidesToShow;\n  }\n\n  private attachEventListeners(): void {\n    if (!this.slidesContainer) return;\n\n    const addListener = (element: HTMLElement, event: string, handler: EventListener, options?: AddEventListenerOptions) => {\n      element.addEventListener(event, handler, options);\n      this.listeners.push({ element, event, handler });\n    };\n\n    // Touch events\n    addListener(this.slidesContainer, 'touchstart', this.handleTouchStart as EventListener, { passive: true });\n    addListener(this.slidesContainer, 'touchmove', this.handleTouchMove as EventListener, { passive: false });\n    addListener(this.slidesContainer, 'touchend', this.handleTouchEnd as EventListener, { passive: true });\n\n    // Mouse events\n    addListener(this.slidesContainer, 'mousedown', this.handleTouchStart as EventListener);\n    addListener(this.slidesContainer, 'mousemove', this.handleTouchMove as EventListener);\n    addListener(this.slidesContainer, 'mouseup', this.handleTouchEnd as EventListener);\n    addListener(this.slidesContainer, 'mouseleave', this.handleTouchEnd as EventListener);\n\n    if (this.showCarouselButtons) {\n      this.nextButton && addListener(this.nextButton, 'click', this.handleNextClick);\n      this.prevButton && addListener(this.prevButton, 'click', this.handlePrevClick);\n    }\n  }\n\n  private cleanup(): void {\n    this.listeners.forEach(({ element, event, handler }) => {\n      element.removeEventListener(event, handler);\n    });\n    this.listeners = [];\n  }\n\n  private handleResize = (): void => {\n    this.memoizedSlideWidth = null;\n  };\n\n  private getSlideWidth(): number {\n    if (!this.memoizedSlideWidth && this.slidesContainer) {\n      this.memoizedSlideWidth = this.slidesContainer.offsetWidth;\n    }\n    return this.memoizedSlideWidth ?? 0;\n  }\n\n  private handleNextClick = (e: Event): void => {\n    e.stopPropagation();\n    this.nextSlide();\n  };\n\n  private handlePrevClick = (e: Event): void => {\n    e.stopPropagation();\n    this.prevSlide();\n  };\n\n  private handleTouchStart = (e: TouchEvent | MouseEvent): void => {\n    if ((e.target as HTMLElement).classList.contains('nav-button')) return;\n\n    this.isDragging = true;\n    this.dragStartX = 'touches' in e ? e.touches[0].clientX : e.clientX;\n  };\n\n  private handleTouchMove = (e: TouchEvent | MouseEvent): void => {\n    if (!this.isDragging) return;\n\n    if ('touches' in e) {\n      e.preventDefault();\n    }\n\n    const currentPosition = 'touches' in e ? e.touches[0].clientX : e.clientX;\n    const diff = currentPosition - this.dragStartX;\n    const percentMove = (diff / this.getSlideWidth()) * 100;\n\n    this.moveSlides(percentMove);\n  };\n\n  private handleTouchEnd = (e: TouchEvent | MouseEvent): void => {\n    if (!this.isDragging) return;\n\n    this.isDragging = false;\n\n    const currentPosition = 'changedTouches' in e ? e.changedTouches[0].clientX : e.clientX;\n    const diff = currentPosition - this.dragStartX;\n\n    if (Math.abs(diff) > PnMarketwebCarousel.DEFAULTS.SWIPE_THRESHOLD_PX) {\n      if (diff > 0 && this.currentSlide > 0) {\n        this.currentSlide--;\n      } else if (diff < 0 && this.currentSlide < this.totalSlides - 1) {\n        this.currentSlide++;\n      }\n    }\n\n    this.moveSlides();\n    this.updateNavButtons();\n  };\n\n  private calculateProportionalTranslation(): number {\n    // Calculate proportional translation based on slidesToShow\n    return -200 + (this.slidesToShow - 1) * 100;\n  }\n\n  private moveSlides(extraTranslate: number = 0): void {\n    if (!this.slides || !this.slidesContainer) {\n      return;\n    }\n\n    try {\n      this.slides.forEach((slide, index) => {\n        if (slide) {\n          // Set each slide's width\n          slide.style.width = `${this.slideWidth}%`;\n\n          let translation = 0;\n\n          if (this.slidesToShow === 1) {\n            // Full slide view\n            translation = -100 * this.currentSlide;\n          } else {\n            // Partial slide view\n            if (this.totalSlides === 2) {\n              // Special case for 2 slides\n              if (this.currentSlide === 1) {\n                translation = -50; // Both slides move by -50%\n              }\n            } else {\n              // 3 or more slides\n              if (this.currentSlide === 1) {\n                // Second slide showing - all slides move -100%\n                translation = -100;\n              } else if (this.currentSlide === 2) {\n                // Third slide showing\n                if (index === 0) {\n                  translation = -100; // First slide stays at -100%\n                } else {\n                  // Calculate proportional translation\n                  translation = this.calculateProportionalTranslation();\n                }\n              }\n            }\n          }\n\n          // Add any extra translation from dragging\n          translation += extraTranslate;\n\n          slide.style.transform = `translateX(${translation}%)`;\n          slide.style.position = 'relative';\n\n          // Update visibility for screen readers\n          let isVisible;\n\n          if (this.slidesToShow === 1) {\n            isVisible = index === this.currentSlide;\n          } else {\n            isVisible =\n              this.currentSlide === 0 || // First slide showing\n              this.totalSlides === 2 || // Two slides - both visible\n              (this.currentSlide === 1 && translation === -100) || // Second slide showing\n              (this.currentSlide === 2 &&\n                ((index === 0 && translation === -100) || // First slide still visible\n                  index > 0)); // Second and third slides visible\n          }\n\n          slide.setAttribute('aria-hidden', (!isVisible).toString());\n        }\n      });\n    } catch (error) {\n      console.error('Error moving slides:', error);\n    }\n  }\n\n  private updateNavButtons(): void {\n    if (!this.showCarouselButtons) return;\n\n    const isFirstSlide = this.currentSlide === 0;\n    const isLastSlide = this.currentSlide === this.totalSlides - 1;\n\n    if (this.prevButton) {\n      this.prevButton.classList.toggle('invisible', isFirstSlide && !this.showFirstSlidePrevButton);\n      this.prevButton.dataset.show = isFirstSlide ? `${this.showFirstSlidePrevButton}` : 'true';\n    }\n\n    if (this.nextButton) {\n      this.nextButton.classList.toggle('invisible', isLastSlide && !this.showLastSlideNextButton);\n      this.nextButton.dataset.show = isLastSlide ? `${this.showLastSlideNextButton}` : 'true';\n    }\n  }\n\n  private nextSlide(): void {\n    if (this.currentSlide >= this.totalSlides - 1) {\n      this.currentSlide = 0;\n    } else {\n      this.currentSlide++;\n    }\n    this.moveSlides();\n    this.updateNavButtons();\n  }\n\n  private prevSlide(): void {\n    if (this.currentSlide <= 0) {\n      this.currentSlide = this.totalSlides - 1;\n    } else {\n      this.currentSlide--;\n    }\n    this.moveSlides();\n    this.updateNavButtons();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-marketweb-carousel\">\n          <section class=\"slider-wrapper\">\n            {this.showCarouselButtons && (\n              <div class=\"nav-buttons\" role=\"group\" aria-label={this.ariaNavigationLabel}>\n                <pn-button\n                  appearance=\"light\"\n                  icon={arrow_left}\n                  icon-only=\"true\"\n                  tooltip={this.previousButtonLabel}\n                  class={`nav-button ${this.currentSlide === 0 && !this.showFirstSlidePrevButton ? 'invisible' : ''}`}\n                  data-nav-button-prev\n                  area-label={this.previousButtonLabel}\n                  aria-disabled={this.currentSlide === 0 && !this.showFirstSlidePrevButton}>\n                </pn-button>\n                <pn-button\n                  appearance=\"light\"\n                  icon={arrow_right}\n                  icon-only=\"true\"\n                  tooltip={this.nextButtonLabel}\n                  class=\"nav-button\"\n                  data-nav-button-next\n                  area-label={this.nextButtonLabel}\n                  aria-disabled={this.currentSlide === this.totalSlides - 1 && !this.showLastSlideNextButton}>\n                </pn-button>\n              </div>\n            )}\n            {this.slidesData && (\n              <ul\n                class=\"slides-container\"\n                data-slides-container\n                data-partial={this.slidesToShow === 1 ? 'false' : 'true'}\n                aria-live=\"polite\"\n                style={{ display: 'flex', transform: 'none' }}\n              >\n                {this.slidesData.map((slide, index) => (\n                  <li class=\"slide\" data-slide innerHTML={slide} style={{ width: this.slideWidth + '%' }} aria-hidden={index !== this.currentSlide}></li>\n                ))}\n              </ul>\n            )}\n          </section>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-3478f368.js

@@ -0,0 +1,2 @@
+class t{storagePrefix="";constructor(t=""){this.storagePrefix=t}async fetchJson(t,e={},n=false,s=null){const i=typeof t==="string"?t:t.url;const r=i;let o=null;let f=null;if(n){f=this.store.get(r);if(f&&!f.permanent){if(f.data){return f.data}}}try{const i=await fetch(t,e);o=await i.json();if(n){if(typeof s==="function"&&f!=null){s(o)}this.store.set(r,this.wrapJson(o,true),true);this.store.set(r,this.wrapJson(o,false),false)}return o}catch(t){console.error(t);return null}}wrapJson(t,e=false){const n=new Date;return{timestamp:n.getTime(),time:n.toISOString(),data:t,permanent:e}}store={get:(t,e=false)=>{const n=e?window.localStorage:window.sessionStorage;const s=e?window.sessionStorage:window.localStorage;let i=n.getItem(`${this.storagePrefix}-${t}`);if(!i){i=s.getItem(`${this.storagePrefix}-${t}`)}if(!i){return i}if(i.indexOf("{")===0){try{return JSON.parse(i)}catch(t){}}if(i.indexOf(",")!==-1){return i.split(",")}return i},set:(t,e,n=false)=>{const s=n?window.localStorage:window.sessionStorage;if(typeof e==="object"&&typeof e.length==="undefined"){s.setItem(`${this.storagePrefix}-${t}`,JSON.stringify(e));return}s.setItem(`${this.storagePrefix}-${t}`,e)},remove:t=>{window.sessionStorage.removeItem(`${this.storagePrefix}-${t}`)}}}export{t as F};
+//# sourceMappingURL=p-3478f368.js.map

package/pn-market-web-components/p-3478f368.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FetchHelper","storagePrefix","constructor","namespace","this","fetchJson","input","init","useCache","onCacheUpdated","url","cacheKey","jsonData","cachedData","store","get","permanent","data","response","fetch","json","set","wrapJson","error","console","now","Date","timestamp","getTime","time","toISOString","key","permanentStorageFirst","firstProfider","window","localStorage","sessionStorage","secondProvider","value","getItem","indexOf","JSON","parse","e","split","provider","length","setItem","stringify","remove","removeItem"],"sources":["src/globals/FetchHelper.ts"],"sourcesContent":["class FetchHelper {\n  storagePrefix = '';\n  constructor(namespace = '') {\n    this.storagePrefix = namespace;\n  }\n\nasync fetchJson(input: RequestInfo, init: RequestInit = {}, useCache = false, onCacheUpdated: Function = null) {\n  const url = typeof input === 'string' ? input : (input as Request).url;\n  const cacheKey = url;\n  let jsonData = null;\n  let cachedData = null;\n\n  if (useCache) {\n    cachedData = this.store.get(cacheKey);\n    if (cachedData && !cachedData.permanent) {\n      if (cachedData.data) {\n        return cachedData.data;\n      }\n    }\n  }\n\n  try {\n    const response = await fetch(input, init);\n    jsonData = await response.json();\n\n    if (useCache) {\n      if (typeof onCacheUpdated === 'function' && cachedData != null) {\n        onCacheUpdated(jsonData);\n      }\n      this.store.set(cacheKey, this.wrapJson(jsonData, true), true);\n      this.store.set(cacheKey, this.wrapJson(jsonData, false), false);\n    }\n\n    return jsonData;\n  } catch (error) {\n    console.error(error);\n    return null;\n  }\n}\n\n  wrapJson(data: any, permanent = false) {\n    const now = new Date();\n    return {\n      timestamp: now.getTime(),\n      time: now.toISOString(),\n      data: data,\n      permanent: permanent,\n    };\n  }\n\n  store = {\n    get: (key: string, permanentStorageFirst = false) => {\n      const firstProfider = permanentStorageFirst ? window.localStorage : window.sessionStorage;\n      const secondProvider = permanentStorageFirst ? window.sessionStorage : window.localStorage;\n      let value = firstProfider.getItem(`${this.storagePrefix}-${key}`);\n      if (!value) {\n        value = secondProvider.getItem(`${this.storagePrefix}-${key}`);\n      }\n      if (!value) {\n        return value;\n      }\n      if (value.indexOf('{') === 0) {\n        try {\n          return JSON.parse(value);\n        } catch (e) {}\n      }\n      if (value.indexOf(',') !== -1) {\n        return value.split(',');\n      }\n      return value;\n    },\n    set: (key: string, value: any, permanent = false) => {\n      const provider = permanent ? window.localStorage : window.sessionStorage;\n      if (typeof value === 'object' && typeof value.length === 'undefined') {\n        provider.setItem(`${this.storagePrefix}-${key}`, JSON.stringify(value));\n        return;\n      }\n      provider.setItem(`${this.storagePrefix}-${key}`, value);\n    },\n    remove: (key: string) => {\n      window.sessionStorage.removeItem(`${this.storagePrefix}-${key}`);\n    },\n  };\n}\n\nexport { FetchHelper };\n"],"mappings":"AAAA,MAAMA,EACJC,cAAgB,GAChB,WAAAC,CAAYC,EAAY,IACtBC,KAAKH,cAAgBE,C,CAGzB,eAAME,CAAUC,EAAoBC,EAAoB,GAAIC,EAAW,MAAOC,EAA2B,MACvG,MAAMC,SAAaJ,IAAU,SAAWA,EAASA,EAAkBI,IACnE,MAAMC,EAAWD,EACjB,IAAIE,EAAW,KACf,IAAIC,EAAa,KAEjB,GAAIL,EAAU,CACZK,EAAaT,KAAKU,MAAMC,IAAIJ,GAC5B,GAAIE,IAAeA,EAAWG,UAAW,CACvC,GAAIH,EAAWI,KAAM,CACnB,OAAOJ,EAAWI,I,GAKxB,IACE,MAAMC,QAAiBC,MAAMb,EAAOC,GACpCK,QAAiBM,EAASE,OAE1B,GAAIZ,EAAU,CACZ,UAAWC,IAAmB,YAAcI,GAAc,KAAM,CAC9DJ,EAAeG,E,CAEjBR,KAAKU,MAAMO,IAAIV,EAAUP,KAAKkB,SAASV,EAAU,MAAO,MACxDR,KAAKU,MAAMO,IAAIV,EAAUP,KAAKkB,SAASV,EAAU,OAAQ,M,CAG3D,OAAOA,C,CACP,MAAOW,GACPC,QAAQD,MAAMA,GACd,OAAO,I,EAIT,QAAAD,CAASL,EAAWD,EAAY,OAC9B,MAAMS,EAAM,IAAIC,KAChB,MAAO,CACLC,UAAWF,EAAIG,UACfC,KAAMJ,EAAIK,cACVb,KAAMA,EACND,UAAWA,E,CAIfF,MAAQ,CACNC,IAAK,CAACgB,EAAaC,EAAwB,SACzC,MAAMC,EAAgBD,EAAwBE,OAAOC,aAAeD,OAAOE,eAC3E,MAAMC,EAAiBL,EAAwBE,OAAOE,eAAiBF,OAAOC,aAC9E,IAAIG,EAAQL,EAAcM,QAAQ,GAAGnC,KAAKH,iBAAiB8B,KAC3D,IAAKO,EAAO,CACVA,EAAQD,EAAeE,QAAQ,GAAGnC,KAAKH,iBAAiB8B,I,CAE1D,IAAKO,EAAO,CACV,OAAOA,C,CAET,GAAIA,EAAME,QAAQ,OAAS,EAAG,CAC5B,IACE,OAAOC,KAAKC,MAAMJ,E,CAClB,MAAOK,GAAG,C,CAEd,GAAIL,EAAME,QAAQ,QAAU,EAAG,CAC7B,OAAOF,EAAMM,MAAM,I,CAErB,OAAON,CAAK,EAEdjB,IAAK,CAACU,EAAaO,EAAYtB,EAAY,SACzC,MAAM6B,EAAW7B,EAAYkB,OAAOC,aAAeD,OAAOE,eAC1D,UAAWE,IAAU,iBAAmBA,EAAMQ,SAAW,YAAa,CACpED,EAASE,QAAQ,GAAG3C,KAAKH,iBAAiB8B,IAAOU,KAAKO,UAAUV,IAChE,M,CAEFO,EAASE,QAAQ,GAAG3C,KAAKH,iBAAiB8B,IAAOO,EAAM,EAEzDW,OAASlB,IACPG,OAAOE,eAAec,WAAW,GAAG9C,KAAKH,iBAAiB8B,IAAM,U","ignoreList":[]}

package/pn-market-web-components/p-34a98554.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as o,h as n,d as t}from"./p-82546a44.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-breakpoints{width:100%}pn-breakpoints .breakpoints--dotcom{width:100%;background-color:aliceblue;text-align:center;margin-bottom:2.4rem;background-color:aliceblue}pn-breakpoints .breakpoints--dotcom .reference::before{content:"less than 321"}@media screen and (min-width: 321px){pn-breakpoints .breakpoints--dotcom{background-color:yellow}pn-breakpoints .breakpoints--dotcom .reference::before{content:"321 (xs)"}}@media screen and (min-width: 576px){pn-breakpoints .breakpoints--dotcom{background-color:aqua}pn-breakpoints .breakpoints--dotcom .reference::before{content:"576 (sm)"}}@media screen and (min-width: 768px){pn-breakpoints .breakpoints--dotcom{background-color:red;color:#fff}pn-breakpoints .breakpoints--dotcom .reference::before{content:"768 (md)"}}@media screen and (min-width: 992px){pn-breakpoints .breakpoints--dotcom{background-color:green;color:#fff}pn-breakpoints .breakpoints--dotcom .reference::before{content:"992 (lg)"}}@media screen and (min-width: 1200px){pn-breakpoints .breakpoints--dotcom{background-color:blue;color:#fff}pn-breakpoints .breakpoints--dotcom .reference::before{content:"1200 (xl)"}}@media screen and (min-width: 1640px){pn-breakpoints .breakpoints--dotcom{background-color:pink}pn-breakpoints .breakpoints--dotcom .reference::before{content:"1640 (xxl)"}}@media screen and (min-width: 1920px){pn-breakpoints .breakpoints--dotcom{background-color:orange}pn-breakpoints .breakpoints--dotcom .reference::before{content:"1920 (fhd)"}}';const i=r;const a=class{constructor(o){e(this,o);this.currentWidth=window.innerWidth;this.breakPointClass="dotcom"}get hostElement(){return o(this)}handleViewportSizeChange(e){this.currentWidth=e.target.innerWidth}createBreakpointClass(){return`breakpoints--${this.breakPointClass}`}render(){return n(t,{key:"4e8d9d6c9a4f5b87fbe8c6a9b81daa1a289fae2a"},n("div",{key:"3933fb359e312456aa5604fd24358fea69834048",class:`breakpoints ${this.createBreakpointClass()} `},`${this.currentWidth} px`," min-width: ",n("span",{key:"608792f6cd68b21ce5e14c9114ce47188e68c181",class:"reference"}," px")))}};a.style=i;export{a as pn_breakpoints};
+//# sourceMappingURL=p-34a98554.entry.js.map

package/pn-market-web-components/{p-cf39491b.entry.js.map → p-34a98554.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnBreakpointsCss","PnBreakpointsStyle0","PnBreakpoints","window","innerWidth","handleViewportSizeChange","event","this","currentWidth","target","createBreakpointClass","breakPointClass","render","h","Host","key","class"],"sources":["src/components/utilities/pn-breakpoints/pn-breakpoints.scss?tag=pn-breakpoints","src/components/utilities/pn-breakpoints/pn-breakpoints.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\npn-breakpoints {\n  width: 100%;\n  .breakpoints {\n    &--dotcom {\n      width: 100%;\n      background-color: aliceblue;\n      text-align: center;\n      margin-bottom: 2.4rem;\n\n      background-color: aliceblue;\n      .reference::before {\n        content: 'less than 321';\n      }\n\n      @media screen and (min-width: 321px) {\n        background-color: yellow;\n        .reference::before {\n          content: '321 (xs)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-sm) {\n        background-color: aqua;\n        .reference::before {\n          content: '576 (sm)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-md) {\n        background-color: red;\n        color: #fff;\n        .reference::before {\n          content: '768 (md)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-lg) {\n        background-color: green;\n        color: #fff;\n        .reference::before {\n          content: '992 (lg)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-xl) {\n        background-color: blue;\n        color: #fff;\n        .reference::before {\n          content: '1200 (xl)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-xxl) {\n        background-color: pink;\n        .reference::before {\n          content: '1640 (xxl)';\n        }\n      }\n\n      @media screen and (min-width: 1920px) {\n        background-color: orange;\n        .reference::before {\n          content: '1920 (fhd)';\n        }\n      }\n    }\n\n    &--tpl {\n      //define breakpoints here\n    }\n  }\n}\n","import { Component, Element, h, Host, Listen, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'pn-breakpoints',\n  styleUrl: 'pn-breakpoints.scss',\n})\nexport class PnBreakpoints {\n  @Element() hostElement: HTMLElement;\n  @State() currentWidth: number = window.innerWidth;\n  @Prop() breakPointClass: string = 'dotcom';\n\n  @Listen('resize', { target: 'window' })\n  handleViewportSizeChange(event: any) {\n    this.currentWidth = event.target.innerWidth;\n  }\n\n  createBreakpointClass() {\n    return `breakpoints--${this.breakPointClass}`;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={`breakpoints ${this.createBreakpointClass()} `}>\n          {`${this.currentWidth} px`}\n          {' min-width: '}\n          <span class=\"reference\">{' px'}</span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAmB,0hDACzB,MAAAC,EAAeD,E,MCKFE,EAAa,M,2CAEQC,OAAOC,W,qBACL,Q,kCAGlC,wBAAAC,CAAyBC,GACvBC,KAAKC,aAAeF,EAAMG,OAAOL,U,CAGnC,qBAAAM,GACE,MAAO,gBAAgBH,KAAKI,iB,CAG9B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,eAAeT,KAAKG,4BAC7B,GAAGH,KAAKC,kBACR,eACDK,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAa,Q","ignoreList":[]}
+{"version":3,"names":["pnBreakpointsCss","PnBreakpointsStyle0","PnBreakpoints","window","innerWidth","handleViewportSizeChange","event","this","currentWidth","target","createBreakpointClass","breakPointClass","render","h","Host","key","class"],"sources":["src/components/utilities/pn-breakpoints/pn-breakpoints.scss?tag=pn-breakpoints","src/components/utilities/pn-breakpoints/pn-breakpoints.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\npn-breakpoints {\n  width: 100%;\n  .breakpoints {\n    &--dotcom {\n      width: 100%;\n      background-color: aliceblue;\n      text-align: center;\n      margin-bottom: 2.4rem;\n\n      background-color: aliceblue;\n      .reference::before {\n        content: 'less than 321';\n      }\n\n      @media screen and (min-width: 321px) {\n        background-color: yellow;\n        .reference::before {\n          content: '321 (xs)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-sm) {\n        background-color: aqua;\n        .reference::before {\n          content: '576 (sm)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-md) {\n        background-color: red;\n        color: #fff;\n        .reference::before {\n          content: '768 (md)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-lg) {\n        background-color: green;\n        color: #fff;\n        .reference::before {\n          content: '992 (lg)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-xl) {\n        background-color: blue;\n        color: #fff;\n        .reference::before {\n          content: '1200 (xl)';\n        }\n      }\n\n      @media screen and (min-width: $min-width-xxl) {\n        background-color: pink;\n        .reference::before {\n          content: '1640 (xxl)';\n        }\n      }\n\n      @media screen and (min-width: 1920px) {\n        background-color: orange;\n        .reference::before {\n          content: '1920 (fhd)';\n        }\n      }\n    }\n\n    &--tpl {\n      //define breakpoints here\n    }\n  }\n}\n","import { Component, Element, h, Host, Listen, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'pn-breakpoints',\n  styleUrl: 'pn-breakpoints.scss',\n})\nexport class PnBreakpoints {\n  @Element() hostElement: HTMLElement;\n  @State() currentWidth: number = window.innerWidth;\n  @Prop() breakPointClass: string = 'dotcom';\n\n  @Listen('resize', { target: 'window' })\n  handleViewportSizeChange(event: any) {\n    this.currentWidth = event.target.innerWidth;\n  }\n\n  createBreakpointClass() {\n    return `breakpoints--${this.breakPointClass}`;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={`breakpoints ${this.createBreakpointClass()} `}>\n          {`${this.currentWidth} px`}\n          {' min-width: '}\n          <span class=\"reference\">{' px'}</span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAmB,m2DACzB,MAAAC,EAAeD,E,MCKFE,EAAa,M,2CAEQC,OAAOC,W,qBACL,Q,kCAGlC,wBAAAC,CAAyBC,GACvBC,KAAKC,aAAeF,EAAMG,OAAOL,U,CAGnC,qBAAAM,GACE,MAAO,gBAAgBH,KAAKI,iB,CAG9B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,eAAeT,KAAKG,4BAC7B,GAAGH,KAAKC,kBACR,eACDK,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAa,Q","ignoreList":[]}

package/pn-market-web-components/p-35847eda.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as n,h as i,d as r}from"./p-82546a44.js";const a="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-line-shape .pn-line-shape__container{display:flex}pn-line-shape .pn-line-shape__line{border-style:solid;border-width:0.4rem;border-radius:1.6rem;border-color:#00a0d6}pn-line-shape .pn-line-shape__dot{width:0.8rem;border-style:solid;border-width:0.4rem;border-radius:1.6rem;height:0.8rem;border-color:#00a0d6}pn-line-shape[slot=horizontal-line] .pn-line-shape__container{flex-direction:row;flex-wrap:nowrap;width:100%;gap:0.8rem;padding:2.4rem 0}pn-line-shape[slot=horizontal-line] .pn-line-shape__line{height:0.8rem;width:100%}pn-line-shape[slot=vertical-line] .pn-line-shape__container{height:100%;flex-direction:column;gap:0.8rem;padding:0.8rem 0.5rem}pn-line-shape[slot=vertical-line] .pn-line-shape__line{height:100%;width:0.8rem}";const p=a;const o=class{constructor(n){e(this,n)}get hostElement(){return n(this)}render(){return i(r,{key:"6f7804eed509b1f396fabdcd82154bbc0ff35a7c"},i("div",{key:"63fb1b9e18eb96f7618dfe8bda1731c8c8e1aa0f",class:"pn-line-shape__container"},i("canvas",{key:"88bc355c48871838e141fccddab97203bb020edc",class:"pn-line-shape__line"}),i("canvas",{key:"b1836cc1f1520d7e780d82568028caeb47d0dd1b",class:"pn-line-shape__dot"})))}};o.style=p;export{o as pn_line_shape};
+//# sourceMappingURL=p-35847eda.entry.js.map

package/pn-market-web-components/{p-e6e012fb.entry.js.map → p-35847eda.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnLineShapeCss","PnLineShapeStyle0","PnLineShape","render","h","Host","key","class"],"sources":["src/components/cards/pn-quote-card/pn-line-shape/pn-line-shape.scss?tag=pn-line-shape","src/components/cards/pn-quote-card/pn-line-shape/pn-line-shape.tsx"],"sourcesContent":["@import '../../../../globals/main';\n\npn-line-shape {\n  .pn-line-shape__container {\n    display: flex;\n  }\n\n  .pn-line-shape__line {\n    border-style: solid;\n    border-width: 0.4rem;\n    border-radius: 1.6rem;\n\n    border-color: $blue400;\n  }\n\n  .pn-line-shape__dot {\n    width: 0.8rem;\n    border-style: solid;\n    border-width: 0.4rem;\n    border-radius: 1.6rem;\n    height: 0.8rem;\n    border-color: $blue400;\n  }\n}\n\npn-line-shape[slot='horizontal-line'] {\n  .pn-line-shape__container {\n    flex-direction: row;\n    flex-wrap: nowrap;\n    width: 100%;\n    gap: 0.8rem;\n    padding: 2.4rem 0;\n  }\n\n  .pn-line-shape__line {\n    height: 0.8rem;\n    width: 100%;\n  }\n  .pn-line-shape__dot {\n  }\n}\n\npn-line-shape[slot='vertical-line'] {\n  .pn-line-shape__container {\n    height: 100%;\n    flex-direction: column;\n    gap: 0.8rem;\n    padding: 0.8rem 0.5rem;\n  }\n\n  .pn-line-shape__line {\n    height: 100%;\n    width: 0.8rem;\n  }\n}\n","import { Component, Element, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pn-line-shape',\n  styleUrl: 'pn-line-shape.scss',\n})\nexport class PnLineShape {\n  @Element() hostElement: HTMLElement;\n  //props\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-line-shape__container\">\n          <canvas class=\"pn-line-shape__line\"></canvas>\n          <canvas class=\"pn-line-shape__dot\"></canvas>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,mzBACvB,MAAAC,EAAeD,E,MCKFE,EAAW,M,0DAItB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,UAAAE,IAAA,2CAAQC,MAAM,wBACdH,EAAA,UAAAE,IAAA,2CAAQC,MAAM,wB","ignoreList":[]}
+{"version":3,"names":["pnLineShapeCss","PnLineShapeStyle0","PnLineShape","render","h","Host","key","class"],"sources":["src/components/cards/pn-quote-card/pn-line-shape/pn-line-shape.scss?tag=pn-line-shape","src/components/cards/pn-quote-card/pn-line-shape/pn-line-shape.tsx"],"sourcesContent":["@import '../../../../globals/main';\n\npn-line-shape {\n  .pn-line-shape__container {\n    display: flex;\n  }\n\n  .pn-line-shape__line {\n    border-style: solid;\n    border-width: 0.4rem;\n    border-radius: 1.6rem;\n\n    border-color: $blue400;\n  }\n\n  .pn-line-shape__dot {\n    width: 0.8rem;\n    border-style: solid;\n    border-width: 0.4rem;\n    border-radius: 1.6rem;\n    height: 0.8rem;\n    border-color: $blue400;\n  }\n}\n\npn-line-shape[slot='horizontal-line'] {\n  .pn-line-shape__container {\n    flex-direction: row;\n    flex-wrap: nowrap;\n    width: 100%;\n    gap: 0.8rem;\n    padding: 2.4rem 0;\n  }\n\n  .pn-line-shape__line {\n    height: 0.8rem;\n    width: 100%;\n  }\n  .pn-line-shape__dot {\n  }\n}\n\npn-line-shape[slot='vertical-line'] {\n  .pn-line-shape__container {\n    height: 100%;\n    flex-direction: column;\n    gap: 0.8rem;\n    padding: 0.8rem 0.5rem;\n  }\n\n  .pn-line-shape__line {\n    height: 100%;\n    width: 0.8rem;\n  }\n}\n","import { Component, Element, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pn-line-shape',\n  styleUrl: 'pn-line-shape.scss',\n})\nexport class PnLineShape {\n  @Element() hostElement: HTMLElement;\n  //props\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-line-shape__container\">\n          <canvas class=\"pn-line-shape__line\"></canvas>\n          <canvas class=\"pn-line-shape__dot\"></canvas>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,4nCACvB,MAAAC,EAAeD,E,MCKFE,EAAW,M,0DAItB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,UAAAE,IAAA,2CAAQC,MAAM,wBACdH,EAAA,UAAAE,IAAA,2CAAQC,MAAM,wB","ignoreList":[]}

package/pn-market-web-components/p-366fd15a.js

@@ -0,0 +1,2 @@
+const l='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M4.293 4.293a1 1 0 0 1 1.414 0L12 10.586l6.293-6.293a1 1 0 1 1 1.414 1.414L13.414 12l6.293 6.293a1 1 0 0 1-1.414 1.414L12 13.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L10.586 12 4.293 5.707a1 1 0 0 1 0-1.414" clip-rule="evenodd"/></svg>';const s=l;export{s as c};
+//# sourceMappingURL=p-366fd15a.js.map

package/pn-market-web-components/p-366fd15a.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icon","close"],"sources":["node_modules/pn-design-assets/pn-assets/icons/close.js"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M4.293 4.293a1 1 0 0 1 1.414 0L12 10.586l6.293-6.293a1 1 0 1 1 1.414 1.414L13.414 12l6.293 6.293a1 1 0 0 1-1.414 1.414L12 13.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L10.586 12 4.293 5.707a1 1 0 0 1 0-1.414\" clip-rule=\"evenodd\"/></svg>';\nexport const close = icon;\n"],"mappings":"AAAA,MAAMA,EAAO,gXACD,MAACC,EAAQD,S","ignoreList":[]}

package/pn-market-web-components/p-389a94e7.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as t,d as o}from"./p-82546a44.js";import{F as r}from"./p-3478f368.js";import{M as e}from"./p-6b1d045c.js";import{t as n}from"./p-6e056c20.js";import{a}from"./p-575f557a.js";import{a as s}from"./p-36b39340.js";const p='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-proxio-pricegroup div.proxio-pricegroup-container{max-width:99.4rem}pn-proxio-pricegroup div.weightcontainer{margin:2.8rem 0}pn-proxio-pricegroup div.weightvaluecontainer{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:flex-start}pn-proxio-pricegroup div.weightvaluecontainer pn-button{transform:translateY(-0.4rem)}pn-proxio-pricegroup div.weightvaluecontainer pn-button button::before{display:none}pn-proxio-pricegroup div.weightradios{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;color:#005d92;width:80%;margin:0 3.6rem;position:relative;width:0%}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:45%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{width:65%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{margin-right:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:45%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{width:65%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{margin-left:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{flex:0 0 auto;width:80%}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{width:65%}}pn-proxio-pricegroup div.weightdata{display:flex;flex-direction:column;align-items:center;align-content:center;flex-wrap:wrap;justify-content:space-between;gap:1.2rem;min-width:4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata label{font-size:1.4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata[data-carousel-position="0"]{font-size:2rem;font-weight:700}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightdata[data-carousel-position="2"],pn-proxio-pricegroup div.weightdata[data-carousel-position="-2"]{display:none}}pn-proxio-pricegroup div.weightdata[data-carousel-position=outside]{display:none}pn-proxio-pricegroup div.weightdata input[type=radio]{-webkit-appearance:none;-moz-appearance:none;width:1.2rem;height:1.2rem;background-color:#005d92;border-radius:50%;margin:0;cursor:pointer}pn-proxio-pricegroup div.weightdata input[type=radio]:checked{z-index:1;transform:translateY(-0.1rem);height:1.4rem;width:1.4rem;box-shadow:0 0 0 0.3rem #ffffff, 0 0 0 0.4rem #005d92}pn-proxio-pricegroup div.weightline{width:100%;background-color:#f3f2f2;z-index:-1;height:0.8rem;-webkit-transform:translateX(2.1rem) translateY(1.32rem);transform:translateX(2.1rem) translateY(1rem);border-radius:2rem;margin-right:3.5rem}pn-proxio-pricegroup pn-button[disabled=disabled]{opacity:0.2}pn-proxio-pricegroup pn-button[disabled=disabled] button{cursor:default}pn-proxio-pricegroup pn-button[disabled=disabled] button.pn-button-light .pn-button-bg:after{background-color:#ffffff}pn-proxio-pricegroup pn-button[disabled=disabled] button[data-tooltip-open]:before{display:none}pn-proxio-pricegroup pn-button button div.button-tooltip{display:none}pn-proxio-pricegroup pn-button button:focus .pn-button-bg{box-shadow:none}';const d=p;const l=class{constructor(t){i(this,t);this.endpoint=null;this.language="sv";this.market="se";this.tariffid="";this.cache=true;this.activeWeightIndex=0;this.data=null;this.i18n=n["sv"]}fetchHelper=new r("proxiopricegroup");componentWillLoad(){this.setInitialValues().then((()=>{this.init()}))}async setInitialValues(i=window.location.href){const t=new e(i);const o=await t.getEnvironmentName();if(!this.endpoint&&o?.indexOf("local")===-1){const i=await t.getMarket();this.endpoint=await t.getEndpoint(o,i)}if(!this.endpoint){this.endpoint=""}}init(){this.setLanguage();this.fetchData()}async fetchData(){if(!this.market||!this.language||!this.tariffid){return}const i=this.endpoint.lastIndexOf("/")===this.endpoint.length-1?this.endpoint.substring(0,this.endpoint.length-1):this.endpoint;const t=`${i}/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;const o=await this.fetchHelper.fetchJson(t,{mode:"cors"},this.cache,this.onFetchData.bind(this));if(o?.proxioProduct){this.data=o}}onFetchData(i){this.data=i}setActiveWeightIndex(i){let t=0;let o=this.data.proxioProduct?.weightAndPriceList?.length-1??t;i=i>o?o:i;i=i<t?t:i;this.activeWeightIndex=i}setLanguage(){if(n[this.language]){this.i18n=n[this.language]}}getPriceString(i){let t=i.weightAndPriceList?i?.weightAndPriceList[this.activeWeightIndex]?.item2:"";return t?this.i18n.from+t:""}getProductLink(i,t){let o=t[this.activeWeightIndex]?.item2;let r=i.productLink?i?.productLink:"";return r?r+(o?"?productId="+o:""):""}isActive(i){return i===this.activeWeightIndex}getCarouselPosition(i){switch(i){case this.activeWeightIndex-2:{return-2}case this.activeWeightIndex-1:{return-1}case this.activeWeightIndex:{return 0}case this.activeWeightIndex+1:{return 1}case this.activeWeightIndex+2:{return 2}default:return"outside"}}getContainerPosition(){let i=this.data.proxioProduct.weightAndPriceList.length-1;switch(this.activeWeightIndex){case 0:{return"end50"}case 1:{return"end75"}case i-1:{return"start75"}case i:{return"start50"}default:{return"default"}}}render(){return t(o,{key:"cd8aab4df77702b958bbc70d723f2b2d6b4f473e"},this.data?.proxioProduct?t("div",{class:"proxio-pricegroup-container"},t("div",{class:"weightcontainer"},this.data.proxioProduct.weightAndPriceList?t("div",{class:"weightvaluecontainer"},t("pn-button",{disabled:this.activeWeightIndex===0?"disabled":null,icon:a,appearance:"light",small:"true",onClick:()=>this.setActiveWeightIndex(this.activeWeightIndex-1)}),t("div",{class:"weightradios ","data-carousel-container-position":this.getContainerPosition()},t("div",{class:"weightline"}),this.data.proxioProduct.weightAndPriceList.map(((i,o)=>this.getCarouselPosition(o)!==null?t("div",{class:"weightdata","data-carousel-position":this.getCarouselPosition(o),onClick:()=>this.setActiveWeightIndex(o)},t("input",{type:"radio",id:"weightradio"+o,name:"weightradio",value:o,checked:this.isActive(o)}),t("label",{htmlFor:"weightradio"+o},i.item1)):null))),t("pn-button",{disabled:this.activeWeightIndex===this.data.proxioProduct?.weightAndPriceList?.length-1?"disabled":null,icon:s,appearance:"light",small:"true",onClick:()=>this.setActiveWeightIndex(this.activeWeightIndex+1)})):null),t("pn-proxio-productcard",null,t("pn-illustration",{slot:"illustrationmobile",illustration:this.data.proxioProduct.productIcon}),t("h2",{slot:"title"},this.data.proxioProduct.productTitle),t("pn-proxio-productcard-description",{slot:"description",heading:this.data.proxioProduct.productPreamble,highlight:this.data.proxioProduct.deliveryDateInformation,list:this.data.proxioProduct.productDescriptionBulletListItems}),t("div",{slot:"information"},t("pn-proxio-productcard-information",{label:this.i18n.labelMaxDimensions,information:this.data.proxioProduct.productPackageDimensionsList}),t("pn-proxio-productcard-information",{label:this.i18n.labelMaxDimensionsRoll,information:this.data.proxioProduct.productRollDimensionsList})),t("div",{slot:"bottomtags"},this.data.proxioProduct.usp1?t("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp1):null,this.data.proxioProduct.usp2?t("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp2):null,this.data.proxioProduct.usp3?t("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp3):null),t("pn-illustration",{slot:"illustration",illustration:this.data.proxioProduct.productIcon}),t("div",{slot:"pricelink"},t("pn-proxio-productcard-pricelink",{price:this.getPriceString(this.data.proxioProduct),link:this.getProductLink(this.data.proxioProduct,this.data.proxioProduct.productWeightGroupList),linktext:this.data.proxioProduct.productLinkText}),this.data.relatedProxioProducts?this.data.relatedProxioProducts.map((i=>t("pn-proxio-productcard-pricelink",{price:this.getPriceString(i),link:i.productLink,linktext:i.productLinkText}))):null))):null)}};l.style=d;export{l as pn_proxio_pricegroup};
+//# sourceMappingURL=p-389a94e7.entry.js.map

package/pn-market-web-components/{p-190c6938.entry.js.map → p-389a94e7.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnProxioPricegroupCss","PnProxioPricegroupStyle0","PnProxioPricegroup","translations","fetchHelper","FetchHelper","componentWillLoad","this","setInitialValues","then","init","href","window","location","marketWebContextService","MarketWebContextService","environment","getEnvironmentName","endpoint","indexOf","market","getMarket","getEndpoint","setLanguage","fetchData","language","tariffid","lastIndexOf","length","substring","fetchUrl","cache","data","fetchJson","mode","onFetchData","bind","proxioProduct","setActiveWeightIndex","weightIndex","minIndex","maxIndex","weightAndPriceList","activeWeightIndex","i18n","getPriceString","product","price","item2","from","getProductLink","productWeightGroupList","productId","productLink","isActive","index","getCarouselPosition","getContainerPosition","render","h","Host","key","class","disabled","icon","arrow_left","appearance","small","onClick","map","weightItem","type","id","name","value","checked","htmlFor","item1","arrow_right","slot","illustration","productIcon","productTitle","heading","productPreamble","highlight","deliveryDateInformation","list","productDescriptionBulletListItems","label","labelMaxDimensions","information","productPackageDimensionsList","labelMaxDimensionsRoll","productRollDimensionsList","usp1","color","usp2","usp3","link","linktext","productLinkText","relatedProxioProducts"],"sources":["src/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.scss?tag=pn-proxio-pricegroup","src/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-proxio-pricegroup-common.scss';\n\npn-proxio-pricegroup {\n  div.proxio-pricegroup-container {\n    max-width: 99.4rem;\n  }\n\n  div.weightcontainer {\n    margin: 2.8rem 0;\n  }\n\n  div.weightvaluecontainer {\n    display: flex;\n    flex-direction: row;\n    align-content: center;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    pn-button {\n      transform: translateY(-0.4rem);\n\n      button::before {\n        display: none;\n      }\n    }\n  }\n\n  div.weightradios {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    color: $blue700;\n    width: 80%;\n    margin: 0 3.6rem;\n    position: relative;\n    width: 0%;\n\n    &[data-carousel-container-position='end50'] {\n      width: 45%;\n      margin-left: auto;\n      margin-right: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        width: 40%;\n      }\n    }\n\n    &[data-carousel-container-position='end75'] {\n      width: 65%;\n      margin-left: auto;\n      margin-right: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        margin-right: auto;\n      }\n    }\n\n    &[data-carousel-container-position='start50'] {\n      width: 45%;\n      margin-right: auto;\n      margin-left: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        width: 40%;\n      }\n    }\n\n    &[data-carousel-container-position='start75'] {\n      width: 65%;\n      margin-right: auto;\n      margin-left: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        margin-left: auto;\n      }\n    }\n\n    &[data-carousel-container-position='default'] {\n      flex: 0 0 auto;\n      width: 80%;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        width: 65%;\n      }\n    }\n  }\n\n  div.weightdata {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    align-content: center;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    gap: 1.2rem;\n    min-width: 4rem;\n    cursor: pointer;\n\n    label {\n      font-size: 1.4rem;\n      cursor: pointer;\n    }\n\n    &[data-carousel-position='0'] {\n      font-size: 2rem;\n      font-weight: 700;\n    }\n\n    &[data-carousel-position='2'],\n    &[data-carousel-position='-2'] {\n      @media screen and (max-width: $productcard-media-tablet) {\n        display: none;\n      }\n    }\n\n    &[data-carousel-position='outside'] {\n      display: none;\n    }\n\n    input[type='radio'] {\n      -webkit-appearance: none;\n      -moz-appearance: none;\n      width: 1.2rem;\n      height: 1.2rem;\n      background-color: $blue700;\n      border-radius: 50%;\n      margin: 0;\n      cursor: pointer;\n    }\n\n    input[type='radio']:checked {\n      z-index: 1;\n      transform: translateY(-0.1rem);\n      height: 1.4rem;\n      width: 1.4rem;\n      box-shadow:\n        0 0 0 0.3rem $white,\n        0 0 0 0.4rem $blue700;\n    }\n  }\n\n  div.weightline {\n    width: 100%;\n    background-color: $gray50;\n    z-index: -1;\n    height: 0.8rem;\n    -webkit-transform: translateX(2.1rem) translateY(1.32rem);\n    transform: translateX(2.1rem) translateY(1rem);\n    border-radius: 2rem;\n    margin-right: 3.5rem;\n  }\n\n  pn-button {\n    &[disabled='disabled'] {\n      opacity: 0.2;\n\n      button {\n        cursor: default;\n\n        &.pn-button-light .pn-button-bg:after {\n          background-color: $white;\n        }\n\n        &[data-tooltip-open]:before {\n          display: none;\n        }\n      }\n    }\n\n    button div.button-tooltip {\n      display: none;\n    }\n\n    button:focus .pn-button-bg {\n      box-shadow: none;\n    }\n  }\n}\n","import { Component, h, Host, Listen, Prop, State } from '@stencil/core';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { translations } from './translations';\nimport { ProductGenericItem, ProxioPriceGroupi18n, ProxioPriceListGroupResponse, ProxioProduct, ProductWeightGroupListItem } from './types';\nimport { arrow_left, arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-proxio-pricegroup',\n  styleUrl: 'pn-proxio-pricegroup.scss',\n})\nexport class PnProxioPricegroup {\n  /** Specifies which endpoint domain we should load from */\n  @Prop({ mutable: true }) endpoint: string = null;\n  //@Prop() culture: string = \"sv-SE\";\n  @Prop() language: string = 'sv';\n  @Prop() market: string = 'se';\n  @Prop() tariffid: string = '';\n  @Prop() cache: boolean = true;\n\n  @State() activeWeightIndex: number = 0;\n  @State() data: ProxioPriceListGroupResponse = null;\n  @State() i18n: ProxioPriceGroupi18n = translations['sv'];\n\n  fetchHelper = new FetchHelper('proxiopricegroup');\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    const environment = await marketWebContextService.getEnvironmentName();\n\n    if (!this.endpoint && environment?.indexOf('local') === -1) {\n      const market = await marketWebContextService.getMarket();\n      this.endpoint = await marketWebContextService.getEndpoint(environment, market);\n    }\n\n    if (!this.endpoint) {\n      this.endpoint = '';\n    }\n  }\n\n  init() {\n    this.setLanguage();\n    this.fetchData();\n  }\n\n  async fetchData() {\n    if (!this.market || !this.language || !this.tariffid) {\n      return;\n    }\n    const endpoint = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n    const fetchUrl = `${endpoint}/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;\n    //const fetchUrl = `https://localhost:51547/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      {\n        mode: 'cors',\n      },\n      this.cache,\n      this.onFetchData.bind(this),\n    )) as any;\n\n    if (data?.proxioProduct) {\n      this.data = data;\n    }\n  }\n\n  onFetchData(data) {\n    this.data = data;\n  }\n\n  @Listen('activeWeightIndex')\n  setActiveWeightIndex(weightIndex: number) {\n    let minIndex = 0;\n    let maxIndex = this.data.proxioProduct?.weightAndPriceList?.length - 1 ?? minIndex;\n    weightIndex = weightIndex > maxIndex ? maxIndex : weightIndex;\n    weightIndex = weightIndex < minIndex ? minIndex : weightIndex;\n    this.activeWeightIndex = weightIndex;\n  }\n\n  @Listen('language')\n  setLanguage() {\n    if (translations[this.language]) {\n      this.i18n = translations[this.language] as ProxioPriceGroupi18n;\n    }\n  }\n\n  getPriceString(product: ProxioProduct) {\n    let price = product.weightAndPriceList ? product?.weightAndPriceList[this.activeWeightIndex]?.item2 : '';\n    return price ? this.i18n.from + price : '';\n  }\n\n  getProductLink(product: ProxioProduct, productWeightGroupList: ProductWeightGroupListItem[]) {\n    let productId = productWeightGroupList[this.activeWeightIndex]?.item2;\n    let productLink = product.productLink ? product?.productLink : '';\n    return productLink ? productLink + (productId ? '?productId=' + productId : '') : '';\n  }\n\n  isActive(index: number) {\n    return index === this.activeWeightIndex;\n  }\n\n  getCarouselPosition(index: number) {\n    switch (index) {\n      case this.activeWeightIndex - 2: {\n        return -2;\n      }\n      case this.activeWeightIndex - 1: {\n        return -1;\n      }\n      case this.activeWeightIndex: {\n        return 0;\n      }\n      case this.activeWeightIndex + 1: {\n        return 1;\n      }\n      case this.activeWeightIndex + 2: {\n        return 2;\n      }\n      default:\n        return 'outside';\n    }\n  }\n\n  getContainerPosition() {\n    let maxIndex = this.data.proxioProduct.weightAndPriceList.length - 1;\n    switch (this.activeWeightIndex) {\n      case 0: {\n        return 'end50';\n      }\n      case 1: {\n        return 'end75';\n      }\n      case maxIndex - 1: {\n        return 'start75';\n      }\n      case maxIndex: {\n        return 'start50';\n      }\n      default: {\n        return 'default';\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.data?.proxioProduct ? (\n          <div class=\"proxio-pricegroup-container\">\n            <div class=\"weightcontainer\">\n              {this.data.proxioProduct.weightAndPriceList ? (\n                <div class=\"weightvaluecontainer\">\n                  <pn-button\n                    disabled={this.activeWeightIndex === 0 ? 'disabled' : null}\n                    icon={arrow_left}\n                    appearance=\"light\"\n                    small=\"true\"\n                    onClick={() => this.setActiveWeightIndex(this.activeWeightIndex - 1)}\n                  ></pn-button>\n                  <div class=\"weightradios \" data-carousel-container-position={this.getContainerPosition()}>\n                    <div class=\"weightline\"></div>\n                    {this.data.proxioProduct.weightAndPriceList.map((weightItem, index) =>\n                      this.getCarouselPosition(index) !== null ? (\n                        <div class=\"weightdata\" data-carousel-position={this.getCarouselPosition(index)} onClick={() => this.setActiveWeightIndex(index)}>\n                          <input type=\"radio\" id={'weightradio' + index} name=\"weightradio\" value={index} checked={this.isActive(index)} />\n                          <label htmlFor={'weightradio' + index}>{weightItem.item1}</label>\n                        </div>\n                      ) : null,\n                    )}\n                  </div>\n                  <pn-button\n                    disabled={this.activeWeightIndex === this.data.proxioProduct?.weightAndPriceList?.length - 1 ? 'disabled' : null}\n                    icon={arrow_right}\n                    appearance=\"light\"\n                    small=\"true\"\n                    onClick={() => this.setActiveWeightIndex(this.activeWeightIndex + 1)}\n                  ></pn-button>\n                </div>\n              ) : null}\n            </div>\n            <pn-proxio-productcard>\n              <pn-illustration slot=\"illustrationmobile\" illustration={this.data.proxioProduct.productIcon}></pn-illustration>\n              <h2 slot=\"title\">{this.data.proxioProduct.productTitle}</h2>\n              <pn-proxio-productcard-description\n                slot=\"description\"\n                heading={this.data.proxioProduct.productPreamble}\n                highlight={this.data.proxioProduct.deliveryDateInformation}\n                list={this.data.proxioProduct.productDescriptionBulletListItems}\n              ></pn-proxio-productcard-description>\n              <div slot=\"information\">\n                <pn-proxio-productcard-information\n                  label={this.i18n.labelMaxDimensions}\n                  information={this.data.proxioProduct.productPackageDimensionsList as ProductGenericItem[]}\n                ></pn-proxio-productcard-information>\n                <pn-proxio-productcard-information\n                  label={this.i18n.labelMaxDimensionsRoll}\n                  information={this.data.proxioProduct.productRollDimensionsList as ProductGenericItem[]}\n                ></pn-proxio-productcard-information>\n              </div>\n              <div slot=\"bottomtags\">\n                {this.data.proxioProduct.usp1 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp1}</pn-titletag> : null}\n                {this.data.proxioProduct.usp2 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp2}</pn-titletag> : null}\n                {this.data.proxioProduct.usp3 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp3}</pn-titletag> : null}\n              </div>\n              <pn-illustration slot=\"illustration\" illustration={this.data.proxioProduct.productIcon}></pn-illustration>\n              <div slot=\"pricelink\">\n                <pn-proxio-productcard-pricelink\n                  price={this.getPriceString(this.data.proxioProduct)}\n                  link={this.getProductLink(this.data.proxioProduct, this.data.proxioProduct.productWeightGroupList)}\n                  linktext={this.data.proxioProduct.productLinkText}\n                ></pn-proxio-productcard-pricelink>\n                {this.data.relatedProxioProducts\n                  ? this.data.relatedProxioProducts.map(product => (\n                      <pn-proxio-productcard-pricelink\n                        price={this.getPriceString(product)}\n                        link={product.productLink}\n                        linktext={product.productLinkText}\n                      ></pn-proxio-productcard-pricelink>\n                    ))\n                  : null}\n              </div>\n            </pn-proxio-productcard>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["pnProxioPricegroupCss","PnProxioPricegroupStyle0","PnProxioPricegroup","translations","fetchHelper","FetchHelper","componentWillLoad","this","setInitialValues","then","init","href","window","location","marketWebContextService","MarketWebContextService","environment","getEnvironmentName","endpoint","indexOf","market","getMarket","getEndpoint","setLanguage","fetchData","language","tariffid","lastIndexOf","length","substring","fetchUrl","cache","data","fetchJson","mode","onFetchData","bind","proxioProduct","setActiveWeightIndex","weightIndex","minIndex","maxIndex","weightAndPriceList","activeWeightIndex","i18n","getPriceString","product","price","item2","from","getProductLink","productWeightGroupList","productId","productLink","isActive","index","getCarouselPosition","getContainerPosition","render","h","Host","key","class","disabled","icon","arrow_left","appearance","small","onClick","map","weightItem","type","id","name","value","checked","htmlFor","item1","arrow_right","slot","illustration","productIcon","productTitle","heading","productPreamble","highlight","deliveryDateInformation","list","productDescriptionBulletListItems","label","labelMaxDimensions","information","productPackageDimensionsList","labelMaxDimensionsRoll","productRollDimensionsList","usp1","color","usp2","usp3","link","linktext","productLinkText","relatedProxioProducts"],"sources":["src/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.scss?tag=pn-proxio-pricegroup","src/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-proxio-pricegroup-common.scss';\n\npn-proxio-pricegroup {\n  div.proxio-pricegroup-container {\n    max-width: 99.4rem;\n  }\n\n  div.weightcontainer {\n    margin: 2.8rem 0;\n  }\n\n  div.weightvaluecontainer {\n    display: flex;\n    flex-direction: row;\n    align-content: center;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    pn-button {\n      transform: translateY(-0.4rem);\n\n      button::before {\n        display: none;\n      }\n    }\n  }\n\n  div.weightradios {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    color: $blue700;\n    width: 80%;\n    margin: 0 3.6rem;\n    position: relative;\n    width: 0%;\n\n    &[data-carousel-container-position='end50'] {\n      width: 45%;\n      margin-left: auto;\n      margin-right: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        width: 40%;\n      }\n    }\n\n    &[data-carousel-container-position='end75'] {\n      width: 65%;\n      margin-left: auto;\n      margin-right: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        margin-right: auto;\n      }\n    }\n\n    &[data-carousel-container-position='start50'] {\n      width: 45%;\n      margin-right: auto;\n      margin-left: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        width: 40%;\n      }\n    }\n\n    &[data-carousel-container-position='start75'] {\n      width: 65%;\n      margin-right: auto;\n      margin-left: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        margin-left: auto;\n      }\n    }\n\n    &[data-carousel-container-position='default'] {\n      flex: 0 0 auto;\n      width: 80%;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        width: 65%;\n      }\n    }\n  }\n\n  div.weightdata {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    align-content: center;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    gap: 1.2rem;\n    min-width: 4rem;\n    cursor: pointer;\n\n    label {\n      font-size: 1.4rem;\n      cursor: pointer;\n    }\n\n    &[data-carousel-position='0'] {\n      font-size: 2rem;\n      font-weight: 700;\n    }\n\n    &[data-carousel-position='2'],\n    &[data-carousel-position='-2'] {\n      @media screen and (max-width: $productcard-media-tablet) {\n        display: none;\n      }\n    }\n\n    &[data-carousel-position='outside'] {\n      display: none;\n    }\n\n    input[type='radio'] {\n      -webkit-appearance: none;\n      -moz-appearance: none;\n      width: 1.2rem;\n      height: 1.2rem;\n      background-color: $blue700;\n      border-radius: 50%;\n      margin: 0;\n      cursor: pointer;\n    }\n\n    input[type='radio']:checked {\n      z-index: 1;\n      transform: translateY(-0.1rem);\n      height: 1.4rem;\n      width: 1.4rem;\n      box-shadow:\n        0 0 0 0.3rem $white,\n        0 0 0 0.4rem $blue700;\n    }\n  }\n\n  div.weightline {\n    width: 100%;\n    background-color: $gray50;\n    z-index: -1;\n    height: 0.8rem;\n    -webkit-transform: translateX(2.1rem) translateY(1.32rem);\n    transform: translateX(2.1rem) translateY(1rem);\n    border-radius: 2rem;\n    margin-right: 3.5rem;\n  }\n\n  pn-button {\n    &[disabled='disabled'] {\n      opacity: 0.2;\n\n      button {\n        cursor: default;\n\n        &.pn-button-light .pn-button-bg:after {\n          background-color: $white;\n        }\n\n        &[data-tooltip-open]:before {\n          display: none;\n        }\n      }\n    }\n\n    button div.button-tooltip {\n      display: none;\n    }\n\n    button:focus .pn-button-bg {\n      box-shadow: none;\n    }\n  }\n}\n","import { Component, h, Host, Listen, Prop, State } from '@stencil/core';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { translations } from './translations';\nimport { ProductGenericItem, ProxioPriceGroupi18n, ProxioPriceListGroupResponse, ProxioProduct, ProductWeightGroupListItem } from './types';\nimport { arrow_left, arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-proxio-pricegroup',\n  styleUrl: 'pn-proxio-pricegroup.scss',\n})\nexport class PnProxioPricegroup {\n  /** Specifies which endpoint domain we should load from */\n  @Prop({ mutable: true }) endpoint: string = null;\n  //@Prop() culture: string = \"sv-SE\";\n  @Prop() language: string = 'sv';\n  @Prop() market: string = 'se';\n  @Prop() tariffid: string = '';\n  @Prop() cache: boolean = true;\n\n  @State() activeWeightIndex: number = 0;\n  @State() data: ProxioPriceListGroupResponse = null;\n  @State() i18n: ProxioPriceGroupi18n = translations['sv'];\n\n  fetchHelper = new FetchHelper('proxiopricegroup');\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    const environment = await marketWebContextService.getEnvironmentName();\n\n    if (!this.endpoint && environment?.indexOf('local') === -1) {\n      const market = await marketWebContextService.getMarket();\n      this.endpoint = await marketWebContextService.getEndpoint(environment, market);\n    }\n\n    if (!this.endpoint) {\n      this.endpoint = '';\n    }\n  }\n\n  init() {\n    this.setLanguage();\n    this.fetchData();\n  }\n\n  async fetchData() {\n    if (!this.market || !this.language || !this.tariffid) {\n      return;\n    }\n    const endpoint = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n    const fetchUrl = `${endpoint}/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;\n    //const fetchUrl = `https://localhost:51547/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      {\n        mode: 'cors',\n      },\n      this.cache,\n      this.onFetchData.bind(this),\n    )) as any;\n\n    if (data?.proxioProduct) {\n      this.data = data;\n    }\n  }\n\n  onFetchData(data) {\n    this.data = data;\n  }\n\n  @Listen('activeWeightIndex')\n  setActiveWeightIndex(weightIndex: number) {\n    let minIndex = 0;\n    let maxIndex = this.data.proxioProduct?.weightAndPriceList?.length - 1 ?? minIndex;\n    weightIndex = weightIndex > maxIndex ? maxIndex : weightIndex;\n    weightIndex = weightIndex < minIndex ? minIndex : weightIndex;\n    this.activeWeightIndex = weightIndex;\n  }\n\n  @Listen('language')\n  setLanguage() {\n    if (translations[this.language]) {\n      this.i18n = translations[this.language] as ProxioPriceGroupi18n;\n    }\n  }\n\n  getPriceString(product: ProxioProduct) {\n    let price = product.weightAndPriceList ? product?.weightAndPriceList[this.activeWeightIndex]?.item2 : '';\n    return price ? this.i18n.from + price : '';\n  }\n\n  getProductLink(product: ProxioProduct, productWeightGroupList: ProductWeightGroupListItem[]) {\n    let productId = productWeightGroupList[this.activeWeightIndex]?.item2;\n    let productLink = product.productLink ? product?.productLink : '';\n    return productLink ? productLink + (productId ? '?productId=' + productId : '') : '';\n  }\n\n  isActive(index: number) {\n    return index === this.activeWeightIndex;\n  }\n\n  getCarouselPosition(index: number) {\n    switch (index) {\n      case this.activeWeightIndex - 2: {\n        return -2;\n      }\n      case this.activeWeightIndex - 1: {\n        return -1;\n      }\n      case this.activeWeightIndex: {\n        return 0;\n      }\n      case this.activeWeightIndex + 1: {\n        return 1;\n      }\n      case this.activeWeightIndex + 2: {\n        return 2;\n      }\n      default:\n        return 'outside';\n    }\n  }\n\n  getContainerPosition() {\n    let maxIndex = this.data.proxioProduct.weightAndPriceList.length - 1;\n    switch (this.activeWeightIndex) {\n      case 0: {\n        return 'end50';\n      }\n      case 1: {\n        return 'end75';\n      }\n      case maxIndex - 1: {\n        return 'start75';\n      }\n      case maxIndex: {\n        return 'start50';\n      }\n      default: {\n        return 'default';\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.data?.proxioProduct ? (\n          <div class=\"proxio-pricegroup-container\">\n            <div class=\"weightcontainer\">\n              {this.data.proxioProduct.weightAndPriceList ? (\n                <div class=\"weightvaluecontainer\">\n                  <pn-button\n                    disabled={this.activeWeightIndex === 0 ? 'disabled' : null}\n                    icon={arrow_left}\n                    appearance=\"light\"\n                    small=\"true\"\n                    onClick={() => this.setActiveWeightIndex(this.activeWeightIndex - 1)}\n                  ></pn-button>\n                  <div class=\"weightradios \" data-carousel-container-position={this.getContainerPosition()}>\n                    <div class=\"weightline\"></div>\n                    {this.data.proxioProduct.weightAndPriceList.map((weightItem, index) =>\n                      this.getCarouselPosition(index) !== null ? (\n                        <div class=\"weightdata\" data-carousel-position={this.getCarouselPosition(index)} onClick={() => this.setActiveWeightIndex(index)}>\n                          <input type=\"radio\" id={'weightradio' + index} name=\"weightradio\" value={index} checked={this.isActive(index)} />\n                          <label htmlFor={'weightradio' + index}>{weightItem.item1}</label>\n                        </div>\n                      ) : null,\n                    )}\n                  </div>\n                  <pn-button\n                    disabled={this.activeWeightIndex === this.data.proxioProduct?.weightAndPriceList?.length - 1 ? 'disabled' : null}\n                    icon={arrow_right}\n                    appearance=\"light\"\n                    small=\"true\"\n                    onClick={() => this.setActiveWeightIndex(this.activeWeightIndex + 1)}\n                  ></pn-button>\n                </div>\n              ) : null}\n            </div>\n            <pn-proxio-productcard>\n              <pn-illustration slot=\"illustrationmobile\" illustration={this.data.proxioProduct.productIcon}></pn-illustration>\n              <h2 slot=\"title\">{this.data.proxioProduct.productTitle}</h2>\n              <pn-proxio-productcard-description\n                slot=\"description\"\n                heading={this.data.proxioProduct.productPreamble}\n                highlight={this.data.proxioProduct.deliveryDateInformation}\n                list={this.data.proxioProduct.productDescriptionBulletListItems}\n              ></pn-proxio-productcard-description>\n              <div slot=\"information\">\n                <pn-proxio-productcard-information\n                  label={this.i18n.labelMaxDimensions}\n                  information={this.data.proxioProduct.productPackageDimensionsList as ProductGenericItem[]}\n                ></pn-proxio-productcard-information>\n                <pn-proxio-productcard-information\n                  label={this.i18n.labelMaxDimensionsRoll}\n                  information={this.data.proxioProduct.productRollDimensionsList as ProductGenericItem[]}\n                ></pn-proxio-productcard-information>\n              </div>\n              <div slot=\"bottomtags\">\n                {this.data.proxioProduct.usp1 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp1}</pn-titletag> : null}\n                {this.data.proxioProduct.usp2 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp2}</pn-titletag> : null}\n                {this.data.proxioProduct.usp3 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp3}</pn-titletag> : null}\n              </div>\n              <pn-illustration slot=\"illustration\" illustration={this.data.proxioProduct.productIcon}></pn-illustration>\n              <div slot=\"pricelink\">\n                <pn-proxio-productcard-pricelink\n                  price={this.getPriceString(this.data.proxioProduct)}\n                  link={this.getProductLink(this.data.proxioProduct, this.data.proxioProduct.productWeightGroupList)}\n                  linktext={this.data.proxioProduct.productLinkText}\n                ></pn-proxio-productcard-pricelink>\n                {this.data.relatedProxioProducts\n                  ? this.data.relatedProxioProducts.map(product => (\n                      <pn-proxio-productcard-pricelink\n                        price={this.getPriceString(product)}\n                        link={product.productLink}\n                        linktext={product.productLinkText}\n                      ></pn-proxio-productcard-pricelink>\n                    ))\n                  : null}\n              </div>\n            </pn-proxio-productcard>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-39b75c62.entry.js

@@ -0,0 +1,2 @@
+import{h as n,r as i,d as t}from"./p-82546a44.js";import{a as e}from"./p-aca71066.js";import{a as o}from"./p-36b39340.js";const p="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-product-tile-info{align-self:center}";const l=p;const r=class{constructor(n){i(this,n);this.label=undefined;this.text=undefined;this.icon=undefined}render(){return n(t,{key:"f47052aaa4cc5e0a292fc9192ce7502b50369ee3"},this.label?n("p",null,n("small",null,this.label)):null,this.text?n("h3",null,this.text):null)}};n("pn-icon",{icon:e,small:"false",color:"black"});r.style=l;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}}pn-product-tile-price{margin-top:1em;white-space:nowrap;text-align:right}pn-product-tile-price span{font-size:3em;font-size:clamp(2em, 6vw, 3em)}pn-product-tile-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-tile-price+pn-product-tile-price{margin-left:1.5em}pn-product-tile-price pn-icon{display:inline-block;align-self:center}pn-product-tile-price a{text-decoration:none;color:#005d92}pn-product-tile-price a h3{text-decoration:underline}";const d=s;const a=class{constructor(n){i(this,n);this.label=undefined;this.amount=undefined;this.currency=undefined;this.url=undefined}render(){if(!this.amount){return}return this.url?n(t,null,n("h3",null,this.amount?n("span",null,this.amount):null,this.currency?n("span",null,this.currency):null),this.label?n("a",{href:this.url},n("pn-button",{small:"true",icon:o},this.label)):null):n(t,null,n("h3",null,this.amount?n("span",null,this.amount):null,this.currency?n("span",null,this.currency):null))}};a.style=d;export{r as pn_product_tile_info,a as pn_product_tile_price};
+//# sourceMappingURL=p-39b75c62.entry.js.map

package/pn-market-web-components/{p-530274ae.entry.js.map → p-39b75c62.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnProductTileInfoCss","PnProductTileInfoStyle0","PnProductTileInfo","render","h","Host","key","this","label","text","icon","align_center","small","color","pnProductTilePriceCss","PnProductTilePriceStyle0","PnProductTilePrice","amount","url","currency","href","arrow_right"],"sources":["src/components/widgets/pn-product-tile/pn-product-tile-info.scss?tag=pn-product-tile-info","src/components/widgets/pn-product-tile/pn-product-tile-info.tsx","src/components/widgets/pn-product-tile/pn-product-tile-price.scss?tag=pn-product-tile-price","src/components/widgets/pn-product-tile/pn-product-tile-price.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-product-tile-info {\n  align-self: center;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { align_center } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-tile-info',\n  styleUrl: 'pn-product-tile-info.scss',\n})\nexport class PnProductTileInfo {\n  @Prop() label: string;\n  @Prop() text: string;\n  @Prop() icon: string;\n  render() {\n    return (\n      <Host>\n        {this.label ? (\n          <p>\n            <small>{this.label}</small>\n          </p>\n        ) : null}\n        {this.text ? <h3>{this.text}</h3> : null}\n        {/* {(this.icon) ? (<pn-icon icon={this.icon} color=\"\"></pn-icon>) : null} */}\n      </Host>\n    );\n  }\n}\n<pn-icon icon={align_center} small=\"false\" color=\"black\" />;\n","@import '../../../globals/main.scss';\n\npn-product-tile-price {\n  margin-top: 1em;\n  white-space: nowrap;\n  text-align: right;\n  span {\n    font-size: 3em;\n    font-size: clamp(2em, 6vw, 3em);\n  }\n  span:last-child {\n    display: inline-block;\n    margin-left: 0.2em;\n  }\n  & + pn-product-tile-price {\n    margin-left: 1.5em;\n  }\n\n  pn-icon {\n    display: inline-block;\n    align-self: center;\n  }\n\n  a {\n    text-decoration: none;\n    color: $blue700;\n    h3 {\n      text-decoration: underline;\n    }\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-tile-price',\n  styleUrl: 'pn-product-tile-price.scss',\n})\nexport class PnProductTilePrice {\n  @Prop() label: string;\n  @Prop() amount: string;\n  @Prop() currency: string;\n  @Prop() url: string;\n  render() {\n    if (!this.amount) {\n      return;\n    }\n    return this.url ? (\n      <Host>\n        <h3>\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{this.currency}</span> : null}\n        </h3>\n        {this.label ? (\n          <a href={this.url}>\n            <pn-button small=\"true\" icon={arrow_right}>\n              {this.label}\n              {/* <pn-icon icon=\"open-in-new\" small=\"true\" color=\"blue700\" /> */}\n            </pn-button>\n          </a>\n        ) : null}\n      </Host>\n    ) : (\n      <Host>\n        <h3>\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{this.currency}</span> : null}\n        </h3>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0HAAA,MAAMA,EAAuB,yHAC7B,MAAAC,EAAeD,E,MCMFE,EAAiB,M,sFAI5B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFC,KAAKC,MACJJ,EAAA,SACEA,EAAA,aAAQG,KAAKC,QAEb,KACHD,KAAKE,KAAOL,EAAA,UAAKG,KAAKE,MAAa,K,GAM5CL,EAAA,WAASM,KAAMC,EAAcC,MAAM,QAAQC,MAAM,U,UCzBjD,MAAMC,EAAwB,miBAC9B,MAAAC,EAAeD,E,MCMFE,EAAkB,M,+GAK7B,MAAAb,GACE,IAAKI,KAAKU,OAAQ,CAChB,M,CAEF,OAAOV,KAAKW,IACVd,EAACC,EAAI,KACHD,EAAA,UACGG,KAAKU,OAASb,EAAA,YAAOG,KAAKU,QAAiB,KAC3CV,KAAKY,SAAWf,EAAA,YAAOG,KAAKY,UAAmB,MAEjDZ,KAAKC,MACJJ,EAAA,KAAGgB,KAAMb,KAAKW,KACZd,EAAA,aAAWQ,MAAM,OAAOF,KAAMW,GAC3Bd,KAAKC,QAIR,MAGNJ,EAACC,EAAI,KACHD,EAAA,UACGG,KAAKU,OAASb,EAAA,YAAOG,KAAKU,QAAiB,KAC3CV,KAAKY,SAAWf,EAAA,YAAOG,KAAKY,UAAmB,M","ignoreList":[]}
+{"version":3,"names":["pnProductTileInfoCss","PnProductTileInfoStyle0","PnProductTileInfo","render","h","Host","key","this","label","text","icon","align_center","small","color","pnProductTilePriceCss","PnProductTilePriceStyle0","PnProductTilePrice","amount","url","currency","href","arrow_right"],"sources":["src/components/widgets/pn-product-tile/pn-product-tile-info.scss?tag=pn-product-tile-info","src/components/widgets/pn-product-tile/pn-product-tile-info.tsx","src/components/widgets/pn-product-tile/pn-product-tile-price.scss?tag=pn-product-tile-price","src/components/widgets/pn-product-tile/pn-product-tile-price.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-product-tile-info {\n  align-self: center;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { align_center } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-tile-info',\n  styleUrl: 'pn-product-tile-info.scss',\n})\nexport class PnProductTileInfo {\n  @Prop() label: string;\n  @Prop() text: string;\n  @Prop() icon: string;\n  render() {\n    return (\n      <Host>\n        {this.label ? (\n          <p>\n            <small>{this.label}</small>\n          </p>\n        ) : null}\n        {this.text ? <h3>{this.text}</h3> : null}\n        {/* {(this.icon) ? (<pn-icon icon={this.icon} color=\"\"></pn-icon>) : null} */}\n      </Host>\n    );\n  }\n}\n<pn-icon icon={align_center} small=\"false\" color=\"black\" />;\n","@import '../../../globals/main.scss';\n\npn-product-tile-price {\n  margin-top: 1em;\n  white-space: nowrap;\n  text-align: right;\n  span {\n    font-size: 3em;\n    font-size: clamp(2em, 6vw, 3em);\n  }\n  span:last-child {\n    display: inline-block;\n    margin-left: 0.2em;\n  }\n  & + pn-product-tile-price {\n    margin-left: 1.5em;\n  }\n\n  pn-icon {\n    display: inline-block;\n    align-self: center;\n  }\n\n  a {\n    text-decoration: none;\n    color: $blue700;\n    h3 {\n      text-decoration: underline;\n    }\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-tile-price',\n  styleUrl: 'pn-product-tile-price.scss',\n})\nexport class PnProductTilePrice {\n  @Prop() label: string;\n  @Prop() amount: string;\n  @Prop() currency: string;\n  @Prop() url: string;\n  render() {\n    if (!this.amount) {\n      return;\n    }\n    return this.url ? (\n      <Host>\n        <h3>\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{this.currency}</span> : null}\n        </h3>\n        {this.label ? (\n          <a href={this.url}>\n            <pn-button small=\"true\" icon={arrow_right}>\n              {this.label}\n              {/* <pn-icon icon=\"open-in-new\" small=\"true\" color=\"blue700\" /> */}\n            </pn-button>\n          </a>\n        ) : null}\n      </Host>\n    ) : (\n      <Host>\n        <h3>\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{this.currency}</span> : null}\n        </h3>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0HAAA,MAAMA,EAAuB,kcAC7B,MAAAC,EAAeD,E,MCMFE,EAAiB,M,sFAI5B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFC,KAAKC,MACJJ,EAAA,SACEA,EAAA,aAAQG,KAAKC,QAEb,KACHD,KAAKE,KAAOL,EAAA,UAAKG,KAAKE,MAAa,K,GAM5CL,EAAA,WAASM,KAAMC,EAAcC,MAAM,QAAQC,MAAM,U,UCzBjD,MAAMC,EAAwB,42BAC9B,MAAAC,EAAeD,E,MCMFE,EAAkB,M,+GAK7B,MAAAb,GACE,IAAKI,KAAKU,OAAQ,CAChB,M,CAEF,OAAOV,KAAKW,IACVd,EAACC,EAAI,KACHD,EAAA,UACGG,KAAKU,OAASb,EAAA,YAAOG,KAAKU,QAAiB,KAC3CV,KAAKY,SAAWf,EAAA,YAAOG,KAAKY,UAAmB,MAEjDZ,KAAKC,MACJJ,EAAA,KAAGgB,KAAMb,KAAKW,KACZd,EAAA,aAAWQ,MAAM,OAAOF,KAAMW,GAC3Bd,KAAKC,QAIR,MAGNJ,EAACC,EAAI,KACHD,EAAA,UACGG,KAAKU,OAASb,EAAA,YAAOG,KAAKU,QAAiB,KAC3CV,KAAKY,SAAWf,EAAA,YAAOG,KAAKY,UAAmB,M","ignoreList":[]}

package/pn-market-web-components/p-3d10bc37.entry.js

@@ -0,0 +1,2 @@
+import{r as o,g as e,h as t,d as i}from"./p-82546a44.js";import{a as n}from"./p-36b39340.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-profile-selector-option{display:flex;width:100%;border-bottom:1px solid #d3cecb;padding:1.2rem 0}pn-profile-selector-option:first-of-type{margin-top:2.4rem}pn-profile-selector-option:last-of-type{border-bottom:0;padding-bottom:0}pn-profile-selector-option:last-of-type .profileselectoroption{padding-bottom:0}.profileselectoroption{display:flex;width:100%;padding:1.2rem 0;text-decoration:none}.profileselectoroption pn-icon{align-self:center;position:relative;transform:translateX(-1rem);transition:transform 0.25s linear}.profileselectoroption:hover .profileselectoroption-name,.profileselectoroption:focus .profileselectoroption-name,.profileselectoroption:active .profileselectoroption-name{text-decoration:underline}.profileselectoroption:hover pn-icon,.profileselectoroption:focus pn-icon,.profileselectoroption:active pn-icon{transform:none;transition-timing-function:ease}.profileselectoroption-text{flex-grow:1;display:flex;flex-direction:column}.profileselectoroption-title{font-size:1em;color:#005d92;font-weight:700}.profileselectoroption-description{font-size:0.75em;color:#5e554a;font-weight:normal}";const p=r;const l=class{constructor(e){o(this,e);this.heading="";this.description="";this.url=""}get hostElement(){return e(this)}render(){return t(i,{key:"695ac0698a5127fdd0e612c6caa386035d2ff4b8"},t("a",{key:"acad784192523f1c98d94dddf665188b02fb4ef0",class:"profileselectoroption",href:this.url},t("span",{key:"cdb487f579412454c5ece7932aaaaad3ab1238d4",class:"profileselectoroption-text"},t("span",{key:"d1ad9fcaa6a1d02267773f16f28fa5308c9bba93",class:"profileselectoroption-title"},this.heading),t("span",{key:"ea95eb39c356c2163072ad2853e9b5f8c82eadbd",class:"profileselectoroption-description"},this.description)),t("pn-icon",{key:"ebe51f425f7ce1ebae09ae5d55eecb6aeca8a346",icon:n,small:"false",color:"blue700"})))}};l.style=p;export{l as pn_profile_selector_option};
+//# sourceMappingURL=p-3d10bc37.entry.js.map

package/pn-market-web-components/{p-45d1e1be.entry.js.map → p-3d10bc37.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnProfileSelectorOptionCss","PnProfileSelectorOptionStyle0","PnProfileSelectorOption","render","h","Host","key","class","href","this","url","heading","description","icon","arrow_right","small","color"],"sources":["src/components/profile/pn-profile-selector/pn-profile-selector-option.scss?tag=pn-profile-selector-option","src/components/profile/pn-profile-selector/pn-profile-selector-option.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-selector-option {\n  display: flex;\n  width: 100%;\n  border-bottom: 1px solid $gray200;\n  padding: 1.2rem 0;\n  &:first-of-type {\n    margin-top: 2.4rem;\n  }\n  &:last-of-type {\n    border-bottom: 0;\n    padding-bottom: 0;\n    .profileselectoroption {\n      padding-bottom: 0;\n    }\n  }\n}\n\n.profileselectoroption {\n  display: flex;\n  width: 100%;\n  padding: 1.2rem 0;\n  pn-icon {\n    align-self: center;\n    position: relative;\n    transform: translateX(-1rem);\n    transition: transform 0.25s linear;\n  }\n  text-decoration: none;\n  &:hover,\n  &:focus,\n  &:active {\n    .profileselectoroption-name {\n      text-decoration: underline;\n    }\n    pn-icon {\n      transform: none;\n      transition-timing-function: ease;\n    }\n  }\n}\n\n.profileselectoroption-text {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.profileselectoroption-title {\n  font-size: 1em;\n  color: $blue700;\n  font-weight: 700;\n}\n\n.profileselectoroption-description {\n  font-size: 0.75em;\n  color: $gray700;\n  font-weight: normal;\n}\n","import { Component, Prop, h, State, Element, Host } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n@Component({\n  tag: 'pn-profile-selector-option',\n  styleUrl: 'pn-profile-selector-option.scss',\n})\nexport class PnProfileSelectorOption {\n  @Element() hostElement: Element;\n\n  @Prop() heading: string = '';\n  @Prop() description: string = '';\n  @Prop() url: string = '';\n\n  render() {\n    return (\n      <Host>\n        <a class=\"profileselectoroption\" href={this.url}>\n          <span class=\"profileselectoroption-text\">\n            <span class=\"profileselectoroption-title\">{this.heading}</span>\n            <span class=\"profileselectoroption-description\">{this.description}</span>\n          </span>\n          <pn-icon icon={arrow_right} small=\"false\" color=\"blue700\"></pn-icon>\n        </a>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAA6B,8qCACnC,MAAAC,EAAeD,E,MCKFE,EAAuB,M,sCAGR,G,iBACI,G,SACR,E,kCAEtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,KAAAE,IAAA,2CAAGC,MAAM,wBAAwBC,KAAMC,KAAKC,KAC1CN,EAAA,QAAAE,IAAA,2CAAMC,MAAM,8BACVH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,+BAA+BE,KAAKE,SAChDP,EAAA,QAAAE,IAAA,2CAAMC,MAAM,qCAAqCE,KAAKG,cAExDR,EAAA,WAAAE,IAAA,2CAASO,KAAMC,EAAaC,MAAM,QAAQC,MAAM,a","ignoreList":[]}
+{"version":3,"names":["pnProfileSelectorOptionCss","PnProfileSelectorOptionStyle0","PnProfileSelectorOption","render","h","Host","key","class","href","this","url","heading","description","icon","arrow_right","small","color"],"sources":["src/components/profile/pn-profile-selector/pn-profile-selector-option.scss?tag=pn-profile-selector-option","src/components/profile/pn-profile-selector/pn-profile-selector-option.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-selector-option {\n  display: flex;\n  width: 100%;\n  border-bottom: 1px solid $gray200;\n  padding: 1.2rem 0;\n  &:first-of-type {\n    margin-top: 2.4rem;\n  }\n  &:last-of-type {\n    border-bottom: 0;\n    padding-bottom: 0;\n    .profileselectoroption {\n      padding-bottom: 0;\n    }\n  }\n}\n\n.profileselectoroption {\n  display: flex;\n  width: 100%;\n  padding: 1.2rem 0;\n  pn-icon {\n    align-self: center;\n    position: relative;\n    transform: translateX(-1rem);\n    transition: transform 0.25s linear;\n  }\n  text-decoration: none;\n  &:hover,\n  &:focus,\n  &:active {\n    .profileselectoroption-name {\n      text-decoration: underline;\n    }\n    pn-icon {\n      transform: none;\n      transition-timing-function: ease;\n    }\n  }\n}\n\n.profileselectoroption-text {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.profileselectoroption-title {\n  font-size: 1em;\n  color: $blue700;\n  font-weight: 700;\n}\n\n.profileselectoroption-description {\n  font-size: 0.75em;\n  color: $gray700;\n  font-weight: normal;\n}\n","import { Component, Prop, h, State, Element, Host } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n@Component({\n  tag: 'pn-profile-selector-option',\n  styleUrl: 'pn-profile-selector-option.scss',\n})\nexport class PnProfileSelectorOption {\n  @Element() hostElement: Element;\n\n  @Prop() heading: string = '';\n  @Prop() description: string = '';\n  @Prop() url: string = '';\n\n  render() {\n    return (\n      <Host>\n        <a class=\"profileselectoroption\" href={this.url}>\n          <span class=\"profileselectoroption-text\">\n            <span class=\"profileselectoroption-title\">{this.heading}</span>\n            <span class=\"profileselectoroption-description\">{this.description}</span>\n          </span>\n          <pn-icon icon={arrow_right} small=\"false\" color=\"blue700\"></pn-icon>\n        </a>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAA6B,u/CACnC,MAAAC,EAAeD,E,MCKFE,EAAuB,M,sCAGR,G,iBACI,G,SACR,E,kCAEtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,KAAAE,IAAA,2CAAGC,MAAM,wBAAwBC,KAAMC,KAAKC,KAC1CN,EAAA,QAAAE,IAAA,2CAAMC,MAAM,8BACVH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,+BAA+BE,KAAKE,SAChDP,EAAA,QAAAE,IAAA,2CAAMC,MAAM,qCAAqCE,KAAKG,cAExDR,EAAA,WAAAE,IAAA,2CAASO,KAAMC,EAAaC,MAAM,QAAQC,MAAM,a","ignoreList":[]}

package/pn-market-web-components/p-3e197670.entry.js

@@ -0,0 +1,2 @@
+import{r as i,g as e,h as t,d as n}from"./p-82546a44.js";import{s as l}from"./p-fe466661.js";import{a as r}from"./p-36b39340.js";import"./p-8836de82.js";const a='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M21.78 11.375a1 1 0 0 1 0 1.25l-4 5a1 1 0 1 1-1.56-1.25L18.92 13H7a1 1 0 1 1 0-2h11.92l-2.7-3.375a1 1 0 1 1 1.56-1.25zM11 3a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3z" clip-rule="evenodd"/></svg>';const o=a;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}}pn-marketweb-siteheader-login-linklist{display:flex;flex-direction:column}pn-marketweb-siteheader-login-linklist .pn-marketweb-siteheader-login-linklist-heading{font-weight:500;font-size:1.6rem;margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist strong{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul{list-style-type:none;padding:0;margin:0}pn-marketweb-siteheader-login-linklist ul>li{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul>li a:not(.pn-button){color:#005d92}pn-marketweb-siteheader-login-linklist ul>li a{text-decoration:none;font-size:1.6rem;line-height:1.5;font-weight:500}pn-marketweb-siteheader-login-linklist ul>li pn-icon{padding-left:0.8rem}pn-marketweb-siteheader-login-linklist ul>li pn-icon svg>path{fill:#005d92 !important}pn-marketweb-siteheader-login-linklist ul>li:hover a{color:#0d234b;text-decoration:underline}pn-marketweb-siteheader-login-linklist ul>li:hover pn-icon svg>path{fill:#0d234b !important}pn-marketweb-siteheader-login-linklist ul>li:last-of-type{margin-bottom:0}";const p=s;const d=class{constructor(e){i(this,e);this.heading=null;this.links=[];this.idNamespace="";this.showUnifiedLogin=false}get hostElement(){return e(this)}componentWillLoad(){}uniqueId(i){return"loginlink-"+i.replace(/[^A-Za-z0-9.\\\/]/gim,"")+"-"+this.idNamespace}linkAppearanceAttributes(i){let e={};if(i.linkType){switch(i.linkType){case"primary":e={appearance:"",variant:""};break;case"secondary":e={appearance:"light",variant:"outlined"};break;case"regularlink":default:e={appearance:"light",variant:"borderless",icon:r};break}return e}if(!i.linkType){e={appearance:i.primaryLinkApperance?"dark":"light"}}return e}renderListAsButtons(i){return t("li",null,t("pn-button",{href:i.href,id:this.uniqueId(i.linkText),...i.openInNewWindow&&{target:"_blank"},...this.linkAppearanceAttributes(i),onClick:()=>{if(i.isLogoutLink){l.loginManager.clearUserData()}}},i.linkText))}renderListAsLinks(i){return t("li",null,t("a",{href:i.href,id:this.uniqueId(i.linkText),...i.openInNewWindow&&{target:"_blank"},onClick:()=>{if(i.isLogoutLink){l.loginManager.clearUserData()}}},i.linkText,i.isLogoutLink?t("pn-icon",{icon:o}):t("pn-icon",{icon:r})))}render(){if(!this.links||this.links.length===0){return}return t(n,null,this.heading?t("h4",{class:"pn-marketweb-siteheader-login-linklist-heading"},this.heading):null,t("ul",null,this.links.map((i=>{{return this.showUnifiedLogin?this.renderListAsLinks(i):this.renderListAsButtons(i)}}))))}};d.style=p;export{d as pn_marketweb_siteheader_login_linklist};
+//# sourceMappingURL=p-3e197670.entry.js.map

package/pn-market-web-components/{p-6a5f7dee.entry.js.map → p-3e197670.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icon","transfer","pnMarketwebSiteheaderLoginLinklistCss","PnMarketwebSiteheaderLoginLinklistStyle0","PnMarketwebSiteheaderLoginLinklist","componentWillLoad","uniqueId","text","replace","this","idNamespace","linkAppearanceAttributes","link","attributes","linkType","appearance","variant","arrow_right","primaryLinkApperance","renderListAsButtons","h","href","id","linkText","openInNewWindow","target","onClick","isLogoutLink","headerState","loginManager","clearUserData","renderListAsLinks","render","links","length","Host","heading","class","map","showUnifiedLogin"],"sources":["node_modules/pn-design-assets/pn-assets/icons/transfer.js","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.scss?tag=pn-marketweb-siteheader-login-linklist","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M21.78 11.375a1 1 0 0 1 0 1.25l-4 5a1 1 0 1 1-1.56-1.25L18.92 13H7a1 1 0 1 1 0-2h11.92l-2.7-3.375a1 1 0 1 1 1.56-1.25zM11 3a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3z\" clip-rule=\"evenodd\"/></svg>';\nexport const transfer = icon;\n","@import '../../../globals/main.scss';\n\n@import './pn-marketweb-siteheader-common.scss';\n\npn-marketweb-siteheader-login-linklist {\n  display: flex;\n  flex-direction: column;\n\n  .pn-marketweb-siteheader-login-linklist-heading {\n    font-weight: 500;\n    font-size: 1.6rem;\n    margin-bottom: 2.4rem;\n  }\n  \n  strong {\n    margin-bottom: 2.4rem;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  ul > li {\n    margin-bottom: 2.4rem;\n    a:not(.pn-button) {\n      color: $blue700;\n    }\n\n    a {\n      text-decoration: none;\n      font-size: 1.6rem;\n      line-height: 1.5;\n      font-weight: 500;\n    }\n\n    pn-icon {\n      padding-left: 0.8rem;\n      svg > path {\n        fill: $blue700 !important;\n      }\n    }\n\n    &:hover {\n      a {\n        color: $blue900;\n        text-decoration: underline;\n      }\n\n      pn-icon {\n        svg > path {\n          fill: $blue900 !important;\n        }\n      }\n    }\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n  }\n}","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialogLink } from './pn-marketweb-siteheader-types';\nimport { arrow_right, transfer } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-linklist',\n  styleUrl: 'pn-marketweb-siteheader-login-linklist.scss',\n})\nexport class PnMarketwebSiteheaderLoginLinklist {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() heading: string = null;\n  @Prop() links: LoginDialogLink[] = [];\n  @Prop() idNamespace: string = '';\n  @Prop() showUnifiedLogin: boolean = false;\n\n  componentWillLoad() {}\n\n  uniqueId(text: string) {\n    return 'loginlink-' + text.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '') + '-' + this.idNamespace;\n  }\n\n  linkAppearanceAttributes(link) {\n    let attributes = {};\n    if (link.linkType) {\n      switch (link.linkType) {\n        case 'primary':\n          attributes = {\n            appearance: '',\n            variant: '',\n          };\n          break;\n        case 'secondary':\n          attributes = {\n            appearance: 'light',\n            variant: 'outlined',\n          };\n          break;\n        case 'regularlink':\n        default:\n          attributes = {\n            appearance: 'light',\n            variant: 'borderless',\n            icon: arrow_right,\n          };\n          break;\n      }\n      return attributes;\n    }\n    if (!link.linkType) {\n      attributes = {\n        appearance: link.primaryLinkApperance ? 'dark' : 'light',\n      };\n    }\n    return attributes;\n  }\n\n  renderListAsButtons(link) {\n    return (\n      <li>\n        <pn-button\n          href={link.href}\n          id={this.uniqueId(link.linkText)}\n          {...(link.openInNewWindow && { target: '_blank' })}\n          {...this.linkAppearanceAttributes(link)}\n          onClick={() => {\n            if (link.isLogoutLink) {\n              headerState.loginManager.clearUserData();\n            }\n          }}\n        >\n          {link.linkText}\n        </pn-button>\n      </li>\n    );\n  }\n\n  renderListAsLinks(link) {\n    return (\n      <li>\n        <a\n          href={link.href}\n          id={this.uniqueId(link.linkText)}\n          {...(link.openInNewWindow && { target: '_blank' })}\n          onClick={() => {\n            if (link.isLogoutLink) {\n              headerState.loginManager.clearUserData();\n            }\n          }}\n        >\n          {link.linkText}\n          {link.isLogoutLink ? <pn-icon icon={transfer}></pn-icon> : <pn-icon icon={arrow_right}></pn-icon>}\n        </a>\n      </li>\n    );\n  }\n\n  render() {\n    if (!this.links || this.links.length === 0) {\n      return;\n    }\n    return (\n      <Host>\n        {this.heading ? <h4 class=\"pn-marketweb-siteheader-login-linklist-heading\">{this.heading}</h4> : null}\n        <ul>\n          {this.links.map(link => {\n            {\n              return this.showUnifiedLogin ? this.renderListAsLinks(link) : this.renderListAsButtons(link);\n            }\n          })}\n        </ul>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yJAAA,MAAMA,EAAO,icACN,MAAMC,EAAWD,ECDxB,MAAME,EAAwC,omCAC9C,MAAAC,EAAeD,E,MCSFE,EAAkC,M,sCAGnB,K,WACS,G,iBACL,G,sBACM,K,kCAEpC,iBAAAC,GAAiB,CAEjB,QAAAC,CAASC,GACP,MAAO,aAAeA,EAAKC,QAAQ,uBAAwB,IAAM,IAAMC,KAAKC,W,CAG9E,wBAAAC,CAAyBC,GACvB,IAAIC,EAAa,GACjB,GAAID,EAAKE,SAAU,CACjB,OAAQF,EAAKE,UACX,IAAK,UACHD,EAAa,CACXE,WAAY,GACZC,QAAS,IAEX,MACF,IAAK,YACHH,EAAa,CACXE,WAAY,QACZC,QAAS,YAEX,MACF,IAAK,cACL,QACEH,EAAa,CACXE,WAAY,QACZC,QAAS,aACThB,KAAMiB,GAER,MAEJ,OAAOJ,C,CAET,IAAKD,EAAKE,SAAU,CAClBD,EAAa,CACXE,WAAYH,EAAKM,qBAAuB,OAAS,Q,CAGrD,OAAOL,C,CAGT,mBAAAM,CAAoBP,GAClB,OACEQ,EAAA,UACEA,EAAA,aACEC,KAAMT,EAAKS,KACXC,GAAIb,KAAKH,SAASM,EAAKW,aAClBX,EAAKY,iBAAmB,CAAEC,OAAQ,aACnChB,KAAKE,yBAAyBC,GAClCc,QAAS,KACP,GAAId,EAAKe,aAAc,CACrBC,EAAYC,aAAaC,e,IAI5BlB,EAAKW,U,CAMd,iBAAAQ,CAAkBnB,GAChB,OACEQ,EAAA,UACEA,EAAA,KACEC,KAAMT,EAAKS,KACXC,GAAIb,KAAKH,SAASM,EAAKW,aAClBX,EAAKY,iBAAmB,CAAEC,OAAQ,UACvCC,QAAS,KACP,GAAId,EAAKe,aAAc,CACrBC,EAAYC,aAAaC,e,IAI5BlB,EAAKW,SACLX,EAAKe,aAAeP,EAAA,WAASpB,KAAMC,IAAuBmB,EAAA,WAASpB,KAAMiB,K,CAMlF,MAAAe,GACE,IAAKvB,KAAKwB,OAASxB,KAAKwB,MAAMC,SAAW,EAAG,CAC1C,M,CAEF,OACEd,EAACe,EAAI,KACF1B,KAAK2B,QAAUhB,EAAA,MAAIiB,MAAM,kDAAkD5B,KAAK2B,SAAgB,KACjGhB,EAAA,UACGX,KAAKwB,MAAMK,KAAI1B,IACd,CACE,OAAOH,KAAK8B,iBAAmB9B,KAAKsB,kBAAkBnB,GAAQH,KAAKU,oBAAoBP,E","ignoreList":[]}
+{"version":3,"names":["icon","transfer","pnMarketwebSiteheaderLoginLinklistCss","PnMarketwebSiteheaderLoginLinklistStyle0","PnMarketwebSiteheaderLoginLinklist","componentWillLoad","uniqueId","text","replace","this","idNamespace","linkAppearanceAttributes","link","attributes","linkType","appearance","variant","arrow_right","primaryLinkApperance","renderListAsButtons","h","href","id","linkText","openInNewWindow","target","onClick","isLogoutLink","headerState","loginManager","clearUserData","renderListAsLinks","render","links","length","Host","heading","class","map","showUnifiedLogin"],"sources":["node_modules/pn-design-assets/pn-assets/icons/transfer.js","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.scss?tag=pn-marketweb-siteheader-login-linklist","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M21.78 11.375a1 1 0 0 1 0 1.25l-4 5a1 1 0 1 1-1.56-1.25L18.92 13H7a1 1 0 1 1 0-2h11.92l-2.7-3.375a1 1 0 1 1 1.56-1.25zM11 3a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3z\" clip-rule=\"evenodd\"/></svg>';\nexport const transfer = icon;\n","@import '../../../globals/main.scss';\n\n@import './pn-marketweb-siteheader-common.scss';\n\npn-marketweb-siteheader-login-linklist {\n  display: flex;\n  flex-direction: column;\n\n  .pn-marketweb-siteheader-login-linklist-heading {\n    font-weight: 500;\n    font-size: 1.6rem;\n    margin-bottom: 2.4rem;\n  }\n  \n  strong {\n    margin-bottom: 2.4rem;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  ul > li {\n    margin-bottom: 2.4rem;\n    a:not(.pn-button) {\n      color: $blue700;\n    }\n\n    a {\n      text-decoration: none;\n      font-size: 1.6rem;\n      line-height: 1.5;\n      font-weight: 500;\n    }\n\n    pn-icon {\n      padding-left: 0.8rem;\n      svg > path {\n        fill: $blue700 !important;\n      }\n    }\n\n    &:hover {\n      a {\n        color: $blue900;\n        text-decoration: underline;\n      }\n\n      pn-icon {\n        svg > path {\n          fill: $blue900 !important;\n        }\n      }\n    }\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n  }\n}","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialogLink } from './pn-marketweb-siteheader-types';\nimport { arrow_right, transfer } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-linklist',\n  styleUrl: 'pn-marketweb-siteheader-login-linklist.scss',\n})\nexport class PnMarketwebSiteheaderLoginLinklist {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() heading: string = null;\n  @Prop() links: LoginDialogLink[] = [];\n  @Prop() idNamespace: string = '';\n  @Prop() showUnifiedLogin: boolean = false;\n\n  componentWillLoad() {}\n\n  uniqueId(text: string) {\n    return 'loginlink-' + text.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '') + '-' + this.idNamespace;\n  }\n\n  linkAppearanceAttributes(link) {\n    let attributes = {};\n    if (link.linkType) {\n      switch (link.linkType) {\n        case 'primary':\n          attributes = {\n            appearance: '',\n            variant: '',\n          };\n          break;\n        case 'secondary':\n          attributes = {\n            appearance: 'light',\n            variant: 'outlined',\n          };\n          break;\n        case 'regularlink':\n        default:\n          attributes = {\n            appearance: 'light',\n            variant: 'borderless',\n            icon: arrow_right,\n          };\n          break;\n      }\n      return attributes;\n    }\n    if (!link.linkType) {\n      attributes = {\n        appearance: link.primaryLinkApperance ? 'dark' : 'light',\n      };\n    }\n    return attributes;\n  }\n\n  renderListAsButtons(link) {\n    return (\n      <li>\n        <pn-button\n          href={link.href}\n          id={this.uniqueId(link.linkText)}\n          {...(link.openInNewWindow && { target: '_blank' })}\n          {...this.linkAppearanceAttributes(link)}\n          onClick={() => {\n            if (link.isLogoutLink) {\n              headerState.loginManager.clearUserData();\n            }\n          }}\n        >\n          {link.linkText}\n        </pn-button>\n      </li>\n    );\n  }\n\n  renderListAsLinks(link) {\n    return (\n      <li>\n        <a\n          href={link.href}\n          id={this.uniqueId(link.linkText)}\n          {...(link.openInNewWindow && { target: '_blank' })}\n          onClick={() => {\n            if (link.isLogoutLink) {\n              headerState.loginManager.clearUserData();\n            }\n          }}\n        >\n          {link.linkText}\n          {link.isLogoutLink ? <pn-icon icon={transfer}></pn-icon> : <pn-icon icon={arrow_right}></pn-icon>}\n        </a>\n      </li>\n    );\n  }\n\n  render() {\n    if (!this.links || this.links.length === 0) {\n      return;\n    }\n    return (\n      <Host>\n        {this.heading ? <h4 class=\"pn-marketweb-siteheader-login-linklist-heading\">{this.heading}</h4> : null}\n        <ul>\n          {this.links.map(link => {\n            {\n              return this.showUnifiedLogin ? this.renderListAsLinks(link) : this.renderListAsButtons(link);\n            }\n          })}\n        </ul>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yJAAA,MAAMA,EAAO,icACN,MAAMC,EAAWD,ECDxB,MAAME,EAAwC,66CAC9C,MAAAC,EAAeD,E,MCSFE,EAAkC,M,sCAGnB,K,WACS,G,iBACL,G,sBACM,K,kCAEpC,iBAAAC,GAAiB,CAEjB,QAAAC,CAASC,GACP,MAAO,aAAeA,EAAKC,QAAQ,uBAAwB,IAAM,IAAMC,KAAKC,W,CAG9E,wBAAAC,CAAyBC,GACvB,IAAIC,EAAa,GACjB,GAAID,EAAKE,SAAU,CACjB,OAAQF,EAAKE,UACX,IAAK,UACHD,EAAa,CACXE,WAAY,GACZC,QAAS,IAEX,MACF,IAAK,YACHH,EAAa,CACXE,WAAY,QACZC,QAAS,YAEX,MACF,IAAK,cACL,QACEH,EAAa,CACXE,WAAY,QACZC,QAAS,aACThB,KAAMiB,GAER,MAEJ,OAAOJ,C,CAET,IAAKD,EAAKE,SAAU,CAClBD,EAAa,CACXE,WAAYH,EAAKM,qBAAuB,OAAS,Q,CAGrD,OAAOL,C,CAGT,mBAAAM,CAAoBP,GAClB,OACEQ,EAAA,UACEA,EAAA,aACEC,KAAMT,EAAKS,KACXC,GAAIb,KAAKH,SAASM,EAAKW,aAClBX,EAAKY,iBAAmB,CAAEC,OAAQ,aACnChB,KAAKE,yBAAyBC,GAClCc,QAAS,KACP,GAAId,EAAKe,aAAc,CACrBC,EAAYC,aAAaC,e,IAI5BlB,EAAKW,U,CAMd,iBAAAQ,CAAkBnB,GAChB,OACEQ,EAAA,UACEA,EAAA,KACEC,KAAMT,EAAKS,KACXC,GAAIb,KAAKH,SAASM,EAAKW,aAClBX,EAAKY,iBAAmB,CAAEC,OAAQ,UACvCC,QAAS,KACP,GAAId,EAAKe,aAAc,CACrBC,EAAYC,aAAaC,e,IAI5BlB,EAAKW,SACLX,EAAKe,aAAeP,EAAA,WAASpB,KAAMC,IAAuBmB,EAAA,WAASpB,KAAMiB,K,CAMlF,MAAAe,GACE,IAAKvB,KAAKwB,OAASxB,KAAKwB,MAAMC,SAAW,EAAG,CAC1C,M,CAEF,OACEd,EAACe,EAAI,KACF1B,KAAK2B,QAAUhB,EAAA,MAAIiB,MAAM,kDAAkD5B,KAAK2B,SAAgB,KACjGhB,EAAA,UACGX,KAAKwB,MAAMK,KAAI1B,IACd,CACE,OAAOH,KAAK8B,iBAAmB9B,KAAKsB,kBAAkBnB,GAAQH,KAAKU,oBAAoBP,E","ignoreList":[]}

package/pn-market-web-components/p-40bce1b1.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,g as n,h as i,d as o}from"./p-82546a44.js";import{s as a,o as s}from"./p-793e1339.js";import{b as r}from"./p-7e3afa8c.js";import{c as l}from"./p-366fd15a.js";import{a as d}from"./p-575f557a.js";import{s as h}from"./p-fe466661.js";import{c}from"./p-8836de82.js";import{s as p}from"./p-66d71724.js";import{a as u}from"./p-3fdca5bd.js";const m='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M16.707 11.293a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L14.586 12 9.293 6.707a1 1 0 0 1 1.414-1.414z" clip-rule="evenodd"/></svg>';const g=m;const f='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M4.252 10A8 8 0 0 0 4 12c0 .69.088 1.36.252 2h3.166a13.8 13.8 0 0 1 0-4zm.818-2h2.795a13.6 13.6 0 0 1 1.719-3.629A8.02 8.02 0 0 0 5.07 8M12 4.48A11.7 11.7 0 0 0 9.972 8h4.056A11.7 11.7 0 0 0 12 4.48M14.557 10H9.443a11.8 11.8 0 0 0 0 4h5.114a11.8 11.8 0 0 0 0-4m2.025 4a13.8 13.8 0 0 0 0-4h3.166c.165.64.252 1.31.252 2s-.087 1.36-.252 2zm-2.554 2H9.972A11.7 11.7 0 0 0 12 19.52 11.7 11.7 0 0 0 14.028 16m-4.444 3.629A13.6 13.6 0 0 1 7.864 16H5.07a8.02 8.02 0 0 0 4.514 3.629m4.832 0A13.6 13.6 0 0 0 16.136 16h2.794a8.02 8.02 0 0 1-4.514 3.629M18.93 8h-2.795a13.6 13.6 0 0 0-1.719-3.629A8.02 8.02 0 0 1 18.93 8M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12" clip-rule="evenodd"/></svg>';const b=f;const w='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M7.5 7.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0M12 5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.928 20.372a1 1 0 0 1-1.856-.743l.883.353a82 82 0 0 1-.883-.354v-.002l.001-.002.003-.007.008-.018a4 4 0 0 1 .114-.25c.078-.161.193-.383.35-.645.315-.523.8-1.217 1.495-1.911C6.444 15.39 8.688 14 12 14s5.556 1.391 6.957 2.793a10 10 0 0 1 1.494 1.911 8 8 0 0 1 .44.837q.016.036.025.058l.008.018.003.007.001.004-.883.354.883-.353a1 1 0 0 1-1.856.744v.001l.001.001v-.002a2 2 0 0 0-.07-.15 6 6 0 0 0-.267-.49 8 8 0 0 0-1.193-1.526C16.444 17.11 14.688 16 12 16s-4.444 1.109-5.543 2.207a8 8 0 0 0-1.193 1.526 6 6 0 0 0-.336.64m0 0-.001.003zm14.144.001" clip-rule="evenodd"/></svg>';const v=w;const k={sv:{heading:"Språk"},en:{heading:"Language"},da:{heading:"Sprog"},no:{heading:"Språk"},fi:{heading:"Kieli"},de:{heading:"Sprache"},zh:{heading:"语言"},fr:{heading:"Langue"},es:{heading:"Idioma"},nl:{heading:"Spraak"},it:{heading:"Idioma"},tr:{heading:"Dil"},pl:{heading:"Język"},pt:{heading:"Linguagem"},"pt-BR":{heading:"Linguagem"}};const x="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-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-language-selector{max-height:5.2rem}.languageselector{position:relative}.languageselector-togglebtn{cursor:pointer;border:0;padding:0.64rem 0;background-color:#ffffff;color:#005d92;font-size:1.6rem}.languageselector-togglebtn:hover,.languageselector-togglebtn:focus,.languageselector-togglebtn:active{color:#0d234b;text-decoration:underline}.languageselector-togglebtn svg{width:1.9rem;height:1.9rem}.languageselector-title{padding:0.8rem 1.6rem;display:flex;align-items:center}.languageselector-list{margin:0;padding:0;list-style:none}";const y=x;const B=class{constructor(n){e(this,n);this.setLanguage=t(this,"setLanguage",7);this.value="";this.selectedLanguageName="";this.options=[];this.i18n=undefined}get hostElement(){return n(this)}setLanguage;componentWillLoad(){this.setInitialSelectedLanguageName();this.setTranslations()}componentDidLoad(){this.initialize()}initialize(){this.setSelectedLanguageName();this.addEventBindingsToOptions()}setInitialSelectedLanguageName(){if(!window.Intl||!this.value){return}const e=new Intl.DisplayNames([this.value],{type:"language"});if(!e){return}const t=e.of(this.value);if(!t){return}this.selectedLanguageName=t.charAt(0).toUpperCase()+t.slice(1)}addEventBindingsToOptions(){const e=[].slice.apply(this.hostElement.querySelectorAll("pn-language-selector-option"));e.map((e=>{e.removeEventListener("setCurrentLanguage",(e=>{this.onSetCurrentLanguage(e.detail)}));e.addEventListener("setCurrentLanguage",(e=>{this.onSetCurrentLanguage(e.detail)}))}))}setSelectedLanguageName(){const e=[].slice.apply(this.hostElement.querySelectorAll("pn-language-selector-option"));e.map((e=>{if(e.getAttribute("code")==this.value){this.selectedLanguageName=e.getAttribute("name")}}))}onSetCurrentLanguage(e){this.value=e.code;this.selectedLanguageName=e.name;this.setLanguage.emit(this.value)}setTranslations(){if(k[this.value]){this.i18n=k[this.value]}}onValueChange(){const e=this.hostElement.querySelectorAll("pn-language-selector-option")??[];e.forEach((e=>{const t=(e.getAttribute("code")===this.value)+"";if(e.getAttribute("selected")+""!==t){e.setAttribute("selected",t)}}))}render(){return i(o,{key:"51c58ba4d9b206480d1439d4dd9fcf12803e299d",value:this.value},i("pn-button-dropdown",{key:"2dffb2112ec6a67af450c1e3471fbe6f1183b1ad",label:this.selectedLanguageName,icon:b,appearance:"light",variant:"borderless"},i("div",{key:"40f9c5ea57162c02d64d12249eabd96184d6d506",class:"languageselector-nav","aria-label":this.i18n.heading},i("strong",{key:"5c8ea21f8fa63c88e65fb64a1de4b9958c6f498f",class:"languageselector-title"},this.i18n.heading),i("div",{key:"8308aa54e0201a82ec522e8a55c79aae253ca0d4",class:"languageselector-list",role:"list"},i("slot",{key:"ec1c726288ca9098f270ab743e716ef75cdeee47"})))))}static get watchers(){return{value:["setSelectedLanguageName","setTranslations","onValueChange"]}}};B.style=y;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-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-language-selector-option{margin:0;padding:0;list-style:none}.languageselector-button,.languageselector-link{width:100%;padding:1.1rem 1.6rem 1.1rem 1.4rem;display:flex;align-items:center;position:relative;text-decoration:none;border:0;cursor:pointer;background-color:#ffffff;color:#005d92;font-size:1.6rem;font-weight:bold;border-radius:0}.languageselector-button:hover,.languageselector-button:focus,.languageselector-button:active,.languageselector-link:hover,.languageselector-link:focus,.languageselector-link:active{color:#0d234b;text-decoration:underline;box-shadow:none;background-color:#f3f2f2;color:#005d92;outline:none}.languageselector-itemtext{display:inline-block;margin-left:1rem}.languageselector-radio-outer{background:#fff;border:0.1em solid #d3cecb;border-radius:50%;height:1.5em;width:1.5em;display:flex;justify-content:center;align-items:center;transition:border 0.2s ease-in-out, background-color 0.2s ease-in-out, box-shadow 0.1s;cursor:pointer}.languageselector-radio-outer:focus>.languageselector-radio-outer,.languageselector-radio-outer:active>.languageselector-radio-outer{box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005d92}.languageselector-radio-outer:hover>.languageselector-radio-outer{border:0.1rem solid #005d92;background:#e0f8ff}[selected=true] .languageselector-radio-outer{border:0.1rem solid #005d92}.languageselector-radio-inner{transform:scale(0);height:1em;width:1em;background-color:#005d92;border-radius:50%;transform-origin:center center;transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}[selected=true] .languageselector-radio-inner{transform:scale(1)}";const S=L;const C=class{constructor(n){e(this,n);this.setCurrentLanguage=t(this,"setCurrentLanguage",7);this.name="";this.code="";this.url="";this.selected=false;this.currentLanguage=undefined}spanEl;setCurrentLanguage;onOptionClick(){const e={name:this.name,code:this.code,url:this.url,current:true};this.setCurrentLanguage.emit(e)}componentDidLoad(){if(this.spanEl){this.spanEl.setAttribute("xml:lang",this.code)}}render(){return i(o,{key:"f24941e75c88762e6e8830663ab344efca028dc7",role:"listitem",selected:this.selected+"",code:this.code,name:this.name},!this.url?i("button",{class:"languageselector-button","data-langcode":this.code,onClick:this.onOptionClick.bind(this)},i("span",{class:"languageselector-radio-outer"},i("span",{class:"languageselector-radio-inner"})),i("span",{ref:e=>this.spanEl=e,lang:this.code,class:"languageselector-itemtext"},this.name," - ",this.code)):i("a",{href:this.url,target:"_self",class:"languageselector-link","data-langcode":this.code},i("span",{class:"languageselector-radio-outer"},i("span",{class:"languageselector-radio-inner"})),i("span",{ref:e=>this.spanEl=e,lang:this.code,class:"languageselector-itemtext"},this.name," - ",this.code)))}};C.style=S;const M={sv:{menuHomeButton:"Hem",menuGoBackButton:"Gå tillbaka",mainMenuButton:"Meny",menuStartButton:"Start",navLabel:"Huvudnavigation"},en:{menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",navLabel:"Main navigation"},da:{menuHomeButton:"Hjem",menuGoBackButton:"Gå tilbage",mainMenuButton:"Menu",menuStartButton:"Start",navLabel:"Hovednavigation"},no:{menuHomeButton:"Hjem",menuGoBackButton:"Gå tilbake",mainMenuButton:"Meny",menuStartButton:"Start",navLabel:"Hovednavigasjon"},de:{menuHomeButton:"Home",menuGoBackButton:"Geh zurück",mainMenuButton:"Menü",menuStartButton:"Start",navLabel:"Hauptnavigation"},zh:{menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",navLabel:"Main navigation"},it:{menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",navLabel:"Main navigation"},nl:{menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",navLabel:"Main navigation"},tr:{menuHomeButton:"Anasayfa",menuGoBackButton:"Geri git",mainMenuButton:"Menü",menuStartButton:"Başlat",navLabel:"Ana gezinme"},pt:{menuHomeButton:"Página inicial",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",navLabel:"Main navigation"},pl:{menuHomeButton:"Strona główna",menuGoBackButton:"Powrót",mainMenuButton:"Menu",menuStartButton:"Początek",navLabel:"Menu główne systemu"},"pt-BR":{menuHomeButton:"Página inicial",menuGoBackButton:"Voltar",mainMenuButton:"Menu",menuStartButton:"Iniciar",navLabel:"Navegação principal"}};const $="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-mainnav{display:flex;flex-flow:row-reverse;position:relative;width:100%;min-height:5.1rem}@media screen and (min-width: 48em){pn-mainnav{flex-flow:row}}@media screen and (min-width: 64em){pn-mainnav{flex-flow:column}}@media screen and (min-width: 64em){pn-mainnav [slot=footer]{display:none}}pn-mainnav>nav{height:auto;width:100vw;background-color:#ffffff;z-index:2;transform:translateX(100vw);transition:transform 0.2s 0s;transition-property:transform, visibility;display:flex;flex-flow:column;visibility:hidden;position:fixed;top:3em;bottom:0;left:0}@media screen and (min-width: 48em){pn-mainnav>nav{top:6.5em}}pn-mainnav>nav[data-menu-open=true]{visibility:visible;transform:translateX(0)}@media screen and (min-width: 64em){pn-mainnav>nav{flex-flow:row-reverse;top:0;position:static;height:auto;width:100%;justify-content:space-between;visibility:visible;transform:translateX(0)}}pn-mainnav>nav a{text-decoration:none}pn-mainnav>nav button{cursor:pointer}.mainnav-toggle{display:flex;align-items:center;align-self:center}@media screen and (min-width: 64em){.mainnav-toggle{display:none}}.mainnav-toggle>button{display:flex;align-items:center;background-color:#005d92;color:#ffffff;border-radius:2.4rem;border:none;padding:0.6rem 1.6rem;cursor:pointer;font-size:1.6rem}.mainnav-toggle>button:focus{outline:0}.mainnav-toggle>button pn-icon{margin-left:0.8rem;display:block}.mainnav-toggle>button svg{display:block;margin:-0.2rem -0.5rem -0.2rem 0;height:1.9rem;width:1.9rem}";const T=$;const H=class{constructor(n){e(this,n);this.menuLanguageChange=t(this,"menuLanguageChange",7);this.marketChange=t(this,"marketChange",7);this.menuOpenChange=t(this,"menuOpenChange",7);this.market="se";this.language="sv";this.navigationId="mainnav";this.openMenu=false;this.navLabel=""}get hostElement(){return n(this)}menuLanguageChange;marketChange;menuOpenChange;componentWillLoad(){this.init();document.removeEventListener("mousedown",this._onClickOutside.bind(this));document.addEventListener("mousedown",this._onClickOutside.bind(this))}async init(){this.setLanguage();this.setMarket()}_onClickOutside(e){const t=!this.hostElement.contains(e.target);if(t){a.openLevel=""}}setLanguage(){this.menuLanguageChange.emit(this.language)}setMarket(){this.marketChange.emit(this.market)}onLanguageChange(e){if(M[e.detail]){a.i18n=M[e.detail];if(!this.navLabel){this.navLabel=a.i18n.navLabel}}}setMenuOpenState(){a.openMenu=!a.openMenu;this.menuOpenChange.emit(a.openMenu)}onOpenMenuLevelChange(e){a.openLevel=e.detail}render(){return i(o,{key:"ee45da2d53216a4ce04f5937aa08199ec380b773"},i("div",{key:"85c581ccf03871ec5f23212732355781797ce243",class:"mainnav-toggle"},i("button",{key:"52bbbab0a0fba35918944a8fe76779e893446a7f","aria-controls":this.navigationId,"aria-expanded":a.openMenu+"",onClick:this.setMenuOpenState.bind(this)},a.i18n.mainMenuButton,i("pn-icon",{key:"c1db0acf25dc7a53a091c6e88afeaaea15988b4f",icon:a.openMenu?l:r,color:"white"}))),i("nav",{key:"11be92d4e831c3f72e7a0e2156b15feec27d4d48",class:"mainnav","aria-label":this.navLabel,"data-menu-open":a.openMenu+"","data-menu-currentlevel":a.currentLevel,id:this.navigationId},i("slot",{key:"c4e51df22db53a7789bcf7fb0d986aea3bdb1757"})))}};H.style=T;const z='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-mainnav-level{display:block}pn-mainnav-level:not(.hydrated){max-height:5.6rem;overflow:hidden}pn-mainnav-level[data-level="1"]{width:100%;right:0;overflow-y:scroll;overflow-x:hidden;flex:1}@media screen and (min-width: 64em){pn-mainnav-level[data-level="1"]{width:auto;overflow:initial}pn-mainnav-level[data-level="1"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level="2"]{position:absolute;top:0;bottom:0;left:0;width:100vw;padding:0;background-color:#ffffff;z-index:1;transform:translateX(100vw);transition:transform 0.2s 0s;transition-property:transform, visibility;overflow:scroll;visibility:hidden}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"]{left:0;top:calc(100% + 1rem);bottom:auto;border-radius:1.6rem;width:auto;padding:1.6rem 1.6rem 0 1.6rem;-webkit-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);-moz-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);height:auto;z-index:3;display:none}pn-mainnav-level[data-level="2"][data-menuitem-rightaligned=true]{right:0;left:unset}}@media screen and (max-height: 33.125em){pn-mainnav-level[data-level="2"]{-ms-overflow-style:none;scrollbar-width:none}pn-mainnav-level[data-level="2"]::-webkit-scrollbar{display:none}}pn-mainnav-level[data-level="2"][aria-hidden=false]{transform:translateX(0);visibility:visible}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"][aria-hidden=false]{display:block;overflow:visible}pn-mainnav-level[data-level="2"][aria-hidden=false]:not([data-level-listcount="1"]){display:grid;grid-template-columns:minmax(12em, 20em) 1fr;grid-template-rows:auto auto;gap:0px 1.6rem;grid-template-areas:"top top" "left right"}}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"][data-level-alignment=left]{right:0;left:unset}}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"][data-level-alignment=center]{left:50%;transform:translateX(-50%)}}pn-mainnav-level[data-level="2"] a{color:#005d92;text-decoration:none}pn-mainnav-level [slot=top]{display:flex}@media screen and (min-width: 48em){pn-mainnav-level [slot=top]{display:none}}[data-menu-currentlevel="2"] pn-mainnav-level [slot=footer]{display:none;overscroll-behavior:contain}.mainnav-level-header{grid-area:top}.mainnav-level-header>label{position:absolute;width:0.1rem;height:0.1rem;padding:0;margin:-0.1rem;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;white-space:nowrap}.mainnav-level-header>button{display:block;position:relative;border:none;background-color:transparent;color:#005d92;padding:2.4rem 0 2.4rem 6.2rem;width:100%;text-align:left}@media screen and (min-width: 64em){.mainnav-level-header>button{display:none;speak:none}}.mainnav-level-header>button>pn-icon{speak:none;position:absolute;height:2.4rem;width:2.4rem;left:3rem;top:50%;transform:translateY(-50%)}[data-level="2"] .mainnav-level-header>pn-mainnav-link>a{font-size:2.4rem}';const U=z;const I=class{constructor(t){e(this,t);this.label="";this.level=1;this.levelId="";this.isOpen=false;this.parentName="";this.parentHref="";this.parentLinkId="";this.listCount=0;this.alignment="right"}get hostElement(){return n(this)}async componentWillLoad(){this.setState();s("openLevel",(()=>{this.onChangeOpenLevel()}))}setState(){this.listCount=this.hostElement.querySelectorAll(":scope > pn-mainnav-list").length;const e=this.hostElement.parentElement;if(e.tagName.toLowerCase()!=="nav"){this.level=2}if(e.tagName.toLowerCase()==="pn-mainnav-link"){this.parentName=e.getAttribute("name")+"";if(!this.label&&this.parentName||this.label!==this.parentName){this.label=this.parentName}this.parentHref=e.getAttribute("href")+"";this.parentLinkId=e.getAttribute("linkid")+"";const t=this.parentName.toLowerCase().replace(/\W/gi,"_");this.levelId=`mainnav-lvl${this.level}-${t}`}}onOpen(){if(this.level===2){requestAnimationFrame((()=>{const e=this.hostElement.getClientRects()[0];if(!e){return}const t=this.hostElement.parentElement.parentElement.parentElement.parentElement;if(t&&t.tagName.toLowerCase()==="nav"){const n=t.getClientRects()[0];if(!n){return}if(e.right>window.innerWidth){const t=this.hostElement.parentElement.getClientRects()[0];if(t.left-e.width<0){this.alignment="center"}else{this.alignment="left"}}}}))}}onChangeOpenLevel(){this.isOpen=a.openLevel===this.levelId;a.currentLevel=this.level}render(){return i(o,{key:"9180729eeb1dcc992e511bd17d22e10ed4b199c4",...this.level>1&&this.levelId?{"aria-hidden":!this.isOpen+""}:{},"data-level-listcount":this.listCount+"","data-level-alignment":this.alignment,"data-level":this.level+"",...this.levelId?{id:this.levelId}:{}},this.level>1?i("div",{class:"mainnav-level-header"},i("label",{htmlFor:this.levelId},a.i18n.menuGoBackButton),i("button",{class:"secondlevel-backbtn",onClick:()=>{a.openLevel="";a.currentLevel=1},"aria-expanded":(a.openLevel===this.levelId)+""},i("pn-icon",{icon:d,color:"blue700"}),a.i18n.menuStartButton),this.parentHref&&this.label?i("pn-mainnav-link",{href:this.parentHref,name:this.label,linkid:this.parentLinkId}):null):null,i("slot",{key:"36c7b3d76ed1a3fcbaa70309d0cf08c1fcc3127e",name:"top"}),i("slot",{key:"23bddc8fbbad8faa5543953305685f37b85f64d4"}),i("slot",{key:"7e7072650fe7e5634281fcd4669c776deb99870b",name:"additional"}),i("slot",{key:"c309dc0f87c9ba0c24d4d1948fdc72ad5097eca1",name:"footer"}))}static get watchers(){return{label:["setState"],isOpen:["onOpen"]}}};I.style=U;const _='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-mainnav-list{display:block;overflow:visible;list-style:none;margin:0;padding:0;grid-area:right}@media screen and (min-width: 64em){pn-mainnav-list+pn-mainnav-list{grid-area:left;border-right:0.1rem solid #d3cecb;margin-bottom:1.6rem;margin-right:-0.7rem;padding-right:0.7rem}}[data-level="1"]>pn-mainnav-list{overflow:scroll;-webkit-overflow-scrolling:touch}@media screen and (min-width: 64em){[data-level="1"]>pn-mainnav-list{height:100%;display:flex;flex-flow:row;overflow:visible;padding:0}}@media screen and (min-width: 64em){[data-level="2"]>pn-mainnav-list[data-navlist-showcolumns=true]{column-count:2;column-gap:1.6rem;padding-bottom:1.6rem}}.mainnav-list-heading{display:none;font-weight:bold;column-span:all;font-size:1.8rem;padding:1.4rem 1.4rem 1.4rem 4.8rem}@media screen and (min-width: 64em){.mainnav-list-heading{display:block;padding:0 1.4rem 1.4rem 1.4rem}}';const G=_;const j=class{constructor(t){e(this,t);this.heading="";this.linkCount=0}get hostElement(){return n(this)}componentWillLoad(){this.linkCount=this.hostElement.querySelectorAll(":scope > pn-mainnav-link").length}render(){return i(o,{key:"aa63141134ae55bb2515c87a77d8e2dd24a256b7",class:"mainnav-list",role:"list","data-navlist-itemcount":this.linkCount+"","data-navlist-showcolumns":(this.linkCount>=8)+""},this.heading?i("div",{class:"mainnav-list-heading"},this.heading):null,i("slot",{key:"db466e8987218b183d39fbd64fb9936545c3015a"}))}};j.style=G;class A{eventTarget=window??document?.body;endpoint="";storagePrefix="pn-user";checkUserLoggedInStateInterval=0;baseUrls={at:"https://atportal.postnord.com/api/unified-login/backend",prod:"https://portal.postnord.com/api/unified-login/backend"};events={loginstatechange:"loginstatechange"};endpoints={authorizationEndpoint:`/authorization`,tokenExchangeEndpoint:`/token`,userInfoEndpoint:`/user`,logoutEndpoint:`/logout`};keys={tokensource:"tokensource",token:"token",accessToken:"accessToken",user:"user",expire:"expire",expireDate:"expiredate"};overridetokenValue="overridetokenValue";siteUrl=window.location.origin;abortSignalForLoginCheck=null;loginCheckInProgress=false;loginCheckTimer=null;constructor(e=null){if(!e){return}this.eventTarget=e.eventTarget?e.eventTarget:this.eventTarget;this.endpoint=e.endpoint?e.endpoint:`${window.location.protocol}//${window.location.host}`;this.storagePrefix??=e.storagePrefix;this.checkUserLoggedInStateInterval=e.checkUserLoggedInStateInterval&&e.checkUserLoggedInStateInterval>0?parseInt(e.checkUserLoggedInStateInterval+"",10):0;if(e.userInfo){this.store.set(this.keys.user,e.userInfo);this.registerToken(this.overridetokenValue,"override")}}init(e=true){if(e){this.checkParameters();this.checkPNTopbar();this.checkExpireTime();if(this.store.get(this.keys.token)&&!this.store.get(this.keys.user)){this.fetchUserInfo()}this.loginStateChange();if(this.checkUserLoggedInStateInterval>0){this.initiateLoggedInCheck()}}}setSiteUrl(e){if(e){this.siteUrl=e}}initiateLoggedInCheck(){if(this.isLoggedIn()){if(window&&window["AbortController"]){this.abortSignalForLoginCheck=new AbortController}this.loginCheckTimer=window.setInterval((()=>{this.doExternalLoggedInCheck().then((()=>{})).catch((()=>{}))}),this.checkUserLoggedInStateInterval)}}async doExternalLoggedInCheck(){if(!window.navigator.onLine){return}if(!this.getToken()){window.clearInterval(this.checkUserLoggedInStateInterval);return}if(this.loginCheckInProgress&&this.abortSignalForLoginCheck){this.abortSignalForLoginCheck.abort();this.abortSignalForLoginCheck=new AbortController}this.loginCheckInProgress=true;const e={method:"GET",headers:{Accept:"application/json","Content-Type":"application/json",Authorization:this.getToken()}};if(this.abortSignalForLoginCheck&&this.abortSignalForLoginCheck["signal"]){e["signal"]=this.abortSignalForLoginCheck["signal"]}const t=await fetch(`${this.getBaseUrl()}${this.endpoints.userInfoEndpoint}`,e);if(t.status===409){window.clearInterval(this.checkUserLoggedInStateInterval);console.log("Cleared out user data due to bad response from authentication endpoint");this.LogoutUser();return}if(!t.ok){return}const n=await t.json();if(!n||!n["accessToken"]){window.clearInterval(this.checkUserLoggedInStateInterval);console.log("Cleared out user data due to bad response from authentication endpoint");this.LogoutUser()}this.loginCheckInProgress=false}LogoutUser(){this.clearUserData();if(this.eventTarget){const e=this.eventTarget.querySelector("#pn-marketweb-header-logoutlink");if(e){e.click();return}}this.loginStateChange();const e=window.location.href;window.location.href=this.getLogoutUrl(e)}isLoggedIn(e=false){if(e){return e}let t=this.store.get(this.keys.token)&&this.store.get(this.keys.user)?true:false;if(!t&&this.store.get(this.keys.token)===this.overridetokenValue){t=true}return t}registerToken(e="",t="frontend"){if(!e||e===this.getToken()){return}this.clearUserData();this.store.set(this.keys.tokensource,t);this.store.set(this.keys.token,e);this.fetchUserInfo()}invalidateTokenOfType(e="frontend"){const t=this.store.get(this.keys.token);if(!t){return}const n=this.store.get(this.keys.tokensource);if(n!==e){return}this.clearUserData()}getLoginUrl(e=""){const t=window.location.href;e=e?e:t;return`${this.getBaseUrl()}${this.endpoints.authorizationEndpoint}?redirectionUrl=${e}`}getLogoutUrl(e=""){if(e.indexOf("logout?logoutUrl")!==-1){return e}let t=e.replace("logout","").replace("http://window.location.href/?",window.location.href).replace("https://window.location.href/?",window.location.href);let n=this.siteUrl;try{const e=new URL(this.siteUrl+"");n=e.origin}catch(e){}const i=n.lastIndexOf("/")!==n.length-1;const o=n+(i?"/":"")+"logout";const a=`${this.getBaseUrl()}${this.endpoints.logoutEndpoint}?authorization=${this.store.get(this.keys.token)}%26redirectionUrl=${t}`;const s=`${o}?logoutUrl=${a}`;return s}getUserInfo(){if(this.isLoggedIn()){return this.store.get(this.keys.user)}}getEventTarget(){return this.eventTarget}checkExpireTime(){const e=this.store.get(this.keys.expire);if(!e){return}const t=new Date;const n=new Date(Math.floor(parseInt(e,10)*1e3));if(t>n){console.info("Login time has expired");this.clearUserData();this.loginStateChange()}}checkPNTopbar(){if(this.isLoggedIn()||!window["pnTopbar"]||!window["pnTopbar"]["session_id"]){return}this.store.set(this.keys.token,window["pnTopbar"]["session_id"]);this.fetchUserInfo()}checkParameters(){if(!window?.location){return}const e=new URLSearchParams(window.location.search);if(e.get("oneTimeCode")){const t=e.get("oneTimeCode");this.exchangeToken(t).then((()=>{const e=window.location.href;const n=e.indexOf("?oneTimeCode")!==-1?"?":"&";const i=e.replace(`${n}oneTimeCode=${t}`,"");history.replaceState({},document.querySelector("title").innerText,i)}))}}async fetchUserInfo(){const e=this.store.get(this.keys.token);if(this.store.get(this.keys.token)===this.overridetokenValue){console.info("Did not fetch user data since it was set by an override");return}const t={method:"GET",headers:{Accept:"application/json","Content-Type":"application/json",Authorization:e}};const n=await fetch(`${this.getBaseUrl()}${this.endpoints.userInfoEndpoint}`,t);const i=await n.json();if(i&&i["idToken"]){try{const{idToken:e,expiryTime:t,accessToken:n}=i;const o=this.parseUserInfo(e);if(!o){console.error("Userdata is not valid");this.clearUserData();return}this.store.set(this.keys.user,o);this.store.set(this.keys.accessToken,n);this.store.set(this.keys.expire,t);this.store.set(this.keys.expireDate,new Date(Math.floor(parseInt(t,10)*1e3)));this.loginStateChange()}catch(e){console.error("Unable to get user information",e)}}else{console.error("Unable to get user information. Clearing login state");this.clearUserData()}}clearUserData(){this.store.remove(this.keys.user);this.store.remove(this.keys.tokensource);this.store.remove(this.keys.accessToken);this.store.remove(this.keys.token);this.store.remove(this.keys.expire);this.store.remove(this.keys.expireDate)}getToken(){return this.store.get(this.keys.token)}getAccessToken(){return this.store.get(this.keys.accessToken)}async exchangeToken(e){this.clearUserData();const t=await fetch(`${this.getBaseUrl()}${this.endpoints.tokenExchangeEndpoint}?oneTimeCode=${e}`);const{token:n}=await t.json();if(typeof n==="string"&&n){this.store.set(this.keys.token,n)}this.fetchUserInfo()}loginStateChange(){if(!this.eventTarget){return}this.eventTarget.dispatchEvent(new CustomEvent(this.events.loginstatechange,{detail:this.isLoggedIn()}))}getBaseUrl(){const e=["localhost","integration.","inte.","local.","prep."];let t=e.filter((e=>this.endpoint.indexOf(e)!==-1)).length>0;if(["devportal.postnord.com","atportal.postnord.com"].indexOf(window.location.hostname)!==-1){t=true}if(t){return this.baseUrls.at}return this.baseUrls.prod}parseUserInfo(e){if(!e){return null}var t=e.split(".")[1];var n=t.replace(/-/g,"+").replace(/_/g,"/");var i=decodeURIComponent(atob(n).split("").map((function(e){return"%"+("00"+e.charCodeAt(0).toString(16)).slice(-2)})).join(""));return JSON.parse(i)}store={get:e=>{const t=window.localStorage.getItem(`${this.storagePrefix}-${e}`);if(!t){return t}if(t.indexOf("{")===0){try{return JSON.parse(t)}catch(e){}}if(t.indexOf(",")!==-1){return t.split(",")}return t},set:(e,t)=>{if(typeof t==="object"&&typeof t.length==="undefined"){window.localStorage.setItem(`${this.storagePrefix}-${e}`,JSON.stringify(t));return}window.localStorage.setItem(`${this.storagePrefix}-${e}`,t)},remove:e=>{window.localStorage.removeItem(`${this.storagePrefix}-${e}`)}}}const E='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-siteheader-login{padding:1rem 0;max-height:5.2rem;position:relative}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content{max-width:350px;display:flex;flex-direction:column;gap:2.4rem;padding:4rem}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content pn-button{width:100%}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content pn-marketweb-siteheader-unified-login::after{display:block;content:"";height:2px;background:#f9f8f8;width:100%;margin-top:2.4rem}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span::before{display:block;content:"";height:2px;background:#f9f8f8;width:100%;margin-bottom:2.4rem}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span{font-size:1.4rem;color:#2d2013}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span a{text-decoration:none;color:#005d92}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span a:hover{text-decoration:underline}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span *{margin-bottom:0}pn-marketweb-siteheader-login pn-button-dropdown{display:none}pn-marketweb-siteheader-login.hydrated pn-button-dropdown{display:block}';const N=E;const O=class{constructor(n){e(this,n);this.loginStateChange=t(this,"loginStateChange",7);this.endpoint="";this.token="";this.i18n={searchlabel:"",searchplaceholder:"",searchbuttontext:"",menuHomeButton:"",menuGoBackButton:"",mainMenuButton:"",menuStartButton:"",profileSelectionFlyoutHeading:"",unifiedLoginButton:"",unifiedMyPagesButton:""};this.siteUrl="";this.emitEvents=true;this.loginDialog=null;this.fullname="";this.loggedin=false;this.showProfileSelection=false;this.showUnifiedLogin=false;this.checkUserLoggedInStateInterval=0;this.environment=undefined;this.loginLinks=undefined;this.toggleButtonText=this.loginDialog?.loginMenuLinkText?this.loginDialog.loginMenuLinkText:"";this.username=this.fullname;this.useMarketwebLogin=undefined}get hostElement(){return n(this)}loginStateChange;componentWillLoad(){const e=this.loggedin&&this.fullname?{given_name:this.fullname}:null;h.loginManager=new A({endpoint:this.endpoint,eventTarget:this.hostElement,checkUserLoggedInStateInterval:this.checkUserLoggedInStateInterval,userInfo:e});h.loginManager.setSiteUrl(this.siteUrl);this.hostElement["loginmanager"]=h.loginManager;if(this.token){h.loginManager.registerToken(this.token,"backend")}else if(this.emitEvents){h.loginManager.invalidateTokenOfType("backend")}this.hostElement.addEventListener(h.loginManager.events.loginstatechange,this.onLoginStateChange.bind(this));this.init();this.setUserName();this.setToggleButtonText()}async init(){h.loginManager.init(this.emitEvents);this.setToggleButtonText();this.adjustLoginLinks()}adjustLoginLinks(){if(!this.loginDialog?.loginMenuLinks){return}const e=(e,t)=>{if(!e.isLogoutLink){e.isLogoutLink=e.pageLink.indexOf("location.href")!==-1&&e.pageLink.indexOf("logout")!==-1}if(e.isLogoutLink){e.href=h.loginManager.getLogoutUrl(e.pageLink)}if(t===0&&!e.href){e.href=h.loginManager.getLoginUrl();e.linkType="primary"}if(e.primaryLinkApperance&&!e.linkType){e.linkType="primary"}return e};if(this.loginDialog){this.loginDialog.loginMenuLinks=this.loginDialog.loginMenuLinks.map(e);this.loginDialog.loggedInLinks=this.loginDialog.loggedInLinks.map(e)}this.loginDialog.legacyLoginLinks=[{href:h.loginManager.getLoginUrl(this.loginDialog.loginUrl),linkText:this.loginDialog.loginLinkText,openInNewWindow:false,isLogoutLink:false,pageLink:null,linkType:"primary",primaryLinkApperance:true},{href:h.loginManager.getLoginUrl(this.loginDialog.registerUrl),linkText:this.loginDialog.createLoginLinkText,openInNewWindow:false,isLogoutLink:false,pageLink:null,primaryLinkApperance:false}]}setUserName(){const e=h.loginManager.getUserInfo();let t="";if(!this.loggedin||!e){this.username=t}if(e&&e.given_name){t=e.given_name+(e?.family_name?` ${e?.family_name}`:"")}if(!t&&e&&e.email){t=e.email}if(!t&&this.fullname){t=this.fullname}this.username=t;this.adjustLoginLinks()}setToggleButtonText(){if(this.loggedin){this.toggleButtonText=this.username;if(!this.toggleButtonText){this.toggleButtonText=this.loginDialog.loggedInButtonText}}else{this.toggleButtonText=this.loginDialog.loginMenuLinkText}}onLoginStateChange(e){if(this.loggedin!==e.detail&&this.emitEvents){this.loggedin=e.detail;this.loginStateChange.emit({loggedIn:this.loggedin,token:h.loginManager.getToken()});this.setUserName();this.setToggleButtonText()}}render(){if(!this.loginDialog){return}let e={username:null,loggedin:"false"};if(this.username){e.username=this.username;e.loggedin=this.loggedin+""}return i(o,{...e},i("pn-button-dropdown",{label:this.toggleButtonText,icon:v,appearance:"light",variant:"borderless",class:"siteheader-logindialog"},this.showUnifiedLogin&&!this.loggedin&&i("pn-marketweb-siteheader-unified-login",{loggedIn:this.loggedin,logInLabel:this.i18n.unifiedLoginButton,useMarketwebLogin:this.useMarketwebLogin,environment:this.environment}),this.loggedin&&this.showProfileSelection?i("pn-marketweb-siteheader-login-profileselection",{loginDialog:this.loginDialog,loggedin:this.loggedin,i18n:this.i18n,idNamespace:this.emitEvents?"1":"2",endpoint:this.endpoint}):i("pn-marketweb-siteheader-login-links",{loginDialog:this.loginDialog,loggedin:this.loggedin,idNamespace:this.emitEvents?"1":"2",username:this.username,showUnifiedLogin:this.showUnifiedLogin}),!this.loggedin&&this.loginDialog?.loginInfo&&i("span",{innerHTML:`${this.loginDialog.loginInfo}`})))}static get watchers(){return{i18n:["init"],loginDialog:["init"]}}};O.style=N;const{state:W,onChange:D}=c({searchValue:"",autocompleteSuggestions:{},requestAbortController:new AbortController});const P="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}}.siteheader-search a{display:none}@media screen and (min-width: 48em){.siteheader-search a{display:block}}.siteheader-search pn-search-field>.input-container button{background:#ffffff}.siteheader-search pn-search-field.button-icon pn-button,.siteheader-search pn-button{display:inline-flex}.siteheader-search pn-search-field.button-icon pn-button button,.siteheader-search pn-button button{align-self:center;padding:0;height:2.3em;width:2.4em;line-height:0;min-height:unset;min-width:initial}.siteheader-search pn-search-field.button-icon pn-button pn-icon,.siteheader-search pn-button pn-icon{margin-left:0}.siteheader-search pn-search-field.button-icon pn-button .pn-button-tooltip,.siteheader-search pn-button .pn-button-tooltip{line-height:initial !important}.siteheader-search form{justify-content:flex-end;align-items:stretch;width:auto;flex:none;display:flex;padding:0;margin:0 0 0 0.4rem;position:relative;flex-direction:column}@media screen and (min-width: 60em){.siteheader-search form{margin-right:1.6rem}}.siteheader-search form pn-search-field{min-width:13.5em}.siteheader-search form pn-search-field .input-container{align-self:center}.siteheader-search form pn-search-field input{height:auto;min-height:1em;padding:0.6em 0.75em}";const V=P;const R=class{constructor(t){e(this,t);this.i18n=undefined;this.showOnlyLink=false;this.hideSearch=false;this.language=null;this.siteid=null;this.search={};this.primary=false;this.icononly=true;this.autoCompleteOptions=[]}get hostElement(){return n(this)}onSearchValueUpdate(){this.getAutocomplete(W.searchValue)}async getAutocomplete(e){if(!this.search.AutocompleteEndpoint||e.length<2){this.autoCompleteOptions=[];return}if(W.autocompleteSuggestions[e]){this.setAutocompleteSuggestions(W.autocompleteSuggestions[e]);return}let t=`${this.search.AutocompleteEndpoint}?prefix=${e}&size=10`;if(this.language||this.siteid){t+=`&tags=`;if(this.language){t+=`language:${this.language}`}if(this.language&&this.siteid){t+=`,`}if(this.siteid){t+=`siteid:${this.siteid}`}}const n=await fetch(t,{signal:W.requestAbortController.signal}).catch((e=>{console.warn("Unable to fetch autocomplete suggestions",e)}));if(!n){return}const i=await n.json();if(!i||!i.hits||!i.hits.length){return}const o=i.hits.filter((e=>e.type==="editorial")).map((e=>e.query));W.autocompleteSuggestions[e]=o;this.setAutocompleteSuggestions(o)}setAutocompleteSuggestions(e){if(typeof e!=="object"||typeof e.length!=="number"||e.length===0){return}this.autoCompleteOptions=e}componentWillLoad(){D("searchValue",(()=>{this.onSearchValueUpdate()}))}componentDidRender(){const e=this.hostElement.querySelector("pn-search-field input:not([list])");if(e&&this.search.AutocompleteEndpoint){e.setAttribute("list","siteheader-search-autocomplete")}}render(){if(!this.search.formActionUrl||this.hideSearch){return}const e=this.search.AutocompleteEndpoint?{list:"siteheader-search-autocomplete"}:{};return i("div",{class:"siteheader-search"},this.showOnlyLink?i("pn-button",{href:this.search.formActionUrl,appearance:"light",icon:p,tooltip:this.i18n.searchlabel}):i("form",{method:"get",action:this.search.formActionUrl,role:"search"},i("pn-search-field",{...e,label:this.i18n.searchlabel,name:"q",button:this.icononly?"icon":null,"button-label":"Search",placeholder:this.i18n.searchplaceholder,onUpdate:e=>{W.searchValue=e.detail},onSearch:()=>{const e=this.hostElement.querySelector("form");if(e){e.submit()}}}),this.primary&&this.search.AutocompleteEndpoint?i("datalist",{id:"siteheader-search-autocomplete"},this.autoCompleteOptions.map((e=>i("option",null,e)))):null))}};R.style=V;const X={sv:{navlabel:"Webbplatsväljare"},en:{navlabel:"Website selector"},da:{navlabel:"Webstedsvælger"},no:{navlabel:"Nettstedsvelger"},fi:{navlabel:"Verkkosivun valitsin"},de:{navlabel:"Website-Selektor"}};const q="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-site-selector{display:flex;position:relative;justify-content:center;max-height:5.2rem}@media screen and (min-width: 75em){pn-site-selector{display:block}}.siteselector-heading{display:block;padding:0;margin-bottom:1.6rem}@media screen and (min-width: 75em){.siteselector-heading{display:flex;align-items:center;margin-top:0.8rem}}.siteselector-list{list-style:none;margin:0;padding:0}";const F=q;const J=class{constructor(t){e(this,t);this.buttontext="postnord";this.heading="PostNord";this.language="sv";this.i18n={navlabel:"Site selector"}}get hostElement(){return n(this)}componentWillLoad(){this.setLanguage()}setLanguage(){if(X[this.language]){this.i18n=X[this.language]}}render(){return i(o,{key:"ac59e2962f921acb6e7439517a5344992c33d539"},i("pn-button-dropdown",{key:"884bffb7024ff896652e9c0df04127b77c12be56",label:this.buttontext,icon:u,appearance:"light",variant:"borderless"},i("div",{key:"2d6cd4f4d959a3fce5c6c6131ddd3c18f4824320",class:"siteselector-nav","aria-label":this.i18n.navlabel},this.heading?i("strong",{class:"siteselector-heading"},this.heading):null,i("div",{key:"9a0f90ac531974293f687830e35fe3b61eb51cde",role:"menu",class:"siteselector-list"},i("slot",{key:"e7c49e2ceaa9c59559b7e43eee5ec0572ec3f8c0"})))))}};J.style=F;const K="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-site-selector-item{display:block}pn-site-selector-item>div,pn-site-selector-item>a{padding:0.8rem 0;display:flex;flex-flow:column;position:relative}.siteselector-item-link{border-radius:0;text-decoration:none;color:#005d92;flex-direction:row}.siteselector-item-link:hover,.siteselector-item-link:focus{background-color:#f3f2f2;color:#005d92;text-decoration:underline;outline:none;box-shadow:none}.siteselector-item-link:active{background-color:#f3f2f2;color:#00a0d6;outline:none}.siteselector-item-link>span{flex-grow:1}.siteselector-item-link pn-icon{right:3.2rem;height:1.9rem;width:1.9rem;align-self:center}.siteselector-item-link pn-icon svg{width:100%;height:auto}.siteselector-item-title{display:block}.siteselector-item-description{color:#2d2013;font-size:1.28rem}a:hover>.siteselector-item-description,a:focus>.siteselector-item-description{background-color:#f3f2f2;color:#005d92;text-decoration:underline;outline:none}a:active>.siteselector-item-description{background-color:#f3f2f2;color:#00a0d6;outline:none}";const Y=K;const Q=class{constructor(t){e(this,t);this.url="";this.heading="";this.description="";this.newwindow=false}render(){return i(o,{key:"3ab9a70de23a30212fe3c69f1b7ea043679de7bf",role:"menuitem"},this.url?i("a",{class:"siteselector-item-link",href:this.url,target:this.newwindow?"_blank":"self",rel:this.newwindow?"nofollow noopener":""},i("span",null,this.heading&&i("span",{class:"siteselector-item-title"},this.heading),this.description&&i("small",{class:"siteselector-item-description"},this.description)),i("pn-icon",{icon:g,color:"blue700"})):i("div",null,this.heading&&i("span",{class:"siteselector-item-title"},this.heading),this.description&&i("small",{class:"siteselector-item-description"},this.description)))}};Q.style=Y;export{B as pn_language_selector,C as pn_language_selector_option,H as pn_mainnav,I as pn_mainnav_level,j as pn_mainnav_list,O as pn_marketweb_siteheader_login,R as pn_marketweb_siteheader_search,J as pn_site_selector,Q as pn_site_selector_item};
+//# sourceMappingURL=p-40bce1b1.entry.js.map