@postnord/pn-marketweb-components 4.0.4-test2 → 4.0.5

package/pn-market-web-components/p-923aa6d2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_BREAKPOINTS","mobile","tablet","desktop","ScreenWidth","static","breakpoints","callbacks","resizeTimeout","constructor","this","Set","initializeListeners","getInstance","instance","setBreakpoints","notifyListeners","getWidth","window","innerWidth","document","documentElement","clientWidth","body","isTouch","navigator","maxTouchPoints","msMaxTouchPoints","getScreenSize","width","getScreenInfo","size","handleResize","clearTimeout","setTimeout","addEventListener","info","forEach","callback","subscribe","add","delete","translations","sv","newMessage","toggleButtonOn","toggleButtonOff","showMoreLabel","en","da","no","fi","de","zh","it","nl","tr","pt","pl","MarketwebTableService","_endpoint","_language","fetchHelper","FetchHelper","_getUserShipmentsPath","endpoint","language","formatEndpoint","getUserShipments","contentId","skip","take","isChatEnabled","model","fetchUrl","data","fetchJson","getRequestInit","JSON","parse","shipments","formattedEndpoint","lastIndexOf","length","substring","method","mode","contentTypes","headers","stringify","pnMarketwebTableCss","PnMarketwebTableStyle0","PnMarketWebTable","screenWidth","cleanup","_chatService","_chatSegment","_marketwebTableService","componentWillLoad","setInitialValues","setTranslations","screenInfo","checkForNewShipments","PnChatService","market","setInterval","checkForNewMessages","i18n","fallbackLang","onLanguageChange","componentDidLoad","checkForChat","thisTable","querySelector","shipmentType","chatHrefs","querySelectorAll","openChatATags","Array","from","filter","el","HTMLAnchorElement","OpenChatEvent","componentDidRender","toggleButtons","pnButton","btnText","innerHTML","button","hasAttribute","toggleButton","bind","setAttribute","event","currentTarget","parentRow","closest","parentPnButton","isActive","classList","contains","existingWidgetRows","row","remove","allRows","allPnButtons","pnBtn","angle_down","widgetRow","createElement","tdElement","colSpan","children","divEl","widget","id","appendChild","parentNode","insertBefore","nextSibling","angle_up","handleShowMore","async","_rows","takeAmountRow","waitForComponent","selector","maxRetries","delay","i","element","Promise","resolve","disconnectedCallback","itemId","hasNewMessages","parseRows","parseHeaders","error","console","_headers","rows","_allKeys","flatMap","Object","keys","map","key","label","renderCellContent","header","content","render","renderCell","showHeadersInCells","h","class","role","HeadingTag","level","cellHeaderLevel","cssClass","additionalProps","Fragment","handleToggleClick","areaToggle","parentElement","toggle","renderActionButtons","actionButtons","tableRowCtaActionLabel","btn","appearance","variant","small","loading","icon","leftIcon","tooltip","href","rel","download","form","buttonId","iconOnly","arialabel","customAttribute","aTags","aTag","e","preventDefault","previousLocationHash","location","hash","findShipmentIdInUrlRegex","match","shipmentId","shipmentHash","then","chat","oldInitChatId","getAttribute","_defaultChatId","_defaultAlternativeChatId","_defaultTriggerChatId","chatId","reversedChatId","split","reverse","join","includes","forceOpen","tableId","Math","random","toString","headingId","Host","mainHeading","undefined","mainHeadingLevel","preamble","some","imageUrl","imageColAriaHeader","scope","link1","link2","ctaColAriaHeader","slice","shipmentCount","rowIndex","src","alt","onClick"],"sources":["src/globals/ScreensizeDetect.ts","src/components/widgets/pn-marketweb-table/translations.ts","src/components/widgets/pn-marketweb-table/pn-marketweb-table.service.ts","src/components/widgets/pn-marketweb-table/pn-marketweb-table.scss?tag=pn-marketweb-table","src/components/widgets/pn-marketweb-table/pn-marketweb-table.tsx"],"sourcesContent":["interface Breakpoints {\n  mobile: number;\n  tablet: number;\n  desktop: number;\n}\n\ntype ScreenSize = 'mobile' | 'tablet' | 'desktop';\n\nexport interface ScreenWidthInfo {\n  width: number;\n  size: ScreenSize;\n  isTouch: boolean;\n}\n\nexport const DEFAULT_BREAKPOINTS: Breakpoints = {\n  mobile: 768,\n  tablet: 1024,\n  desktop: 1025,\n};\n\nexport class ScreenWidth {\n  private static instance: ScreenWidth;\n  private breakpoints: Breakpoints;\n  private callbacks: Set<(info: ScreenWidthInfo) => void>;\n  private resizeTimeout?: number;\n\n  private constructor() {\n    this.breakpoints = DEFAULT_BREAKPOINTS;\n    this.callbacks = new Set();\n    this.initializeListeners();\n  }\n\n  public static getInstance(): ScreenWidth {\n    if (!ScreenWidth.instance) {\n      ScreenWidth.instance = new ScreenWidth();\n    }\n    return ScreenWidth.instance;\n  }\n\n  public setBreakpoints(breakpoints: Partial<Breakpoints>): void {\n    this.breakpoints = { ...this.breakpoints, ...breakpoints };\n    this.notifyListeners();\n  }\n\n  private getWidth(): number {\n    if (typeof window === 'undefined') return 0;\n\n    return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth || 0;\n  }\n\n  private isTouch(): boolean {\n    if (typeof window === 'undefined') return false;\n\n    return (\n      'ontouchstart' in window ||\n      navigator.maxTouchPoints > 0 ||\n      // @ts-ignore - Some browsers might not have msMaxTouchPoints\n      navigator.msMaxTouchPoints > 0\n    );\n  }\n\n  private getScreenSize(width: number): ScreenSize {\n    if (width < this.breakpoints.mobile) return 'mobile';\n    if (width < this.breakpoints.tablet) return 'tablet';\n    return 'desktop';\n  }\n\n  public getScreenInfo(): ScreenWidthInfo {\n    const width = this.getWidth();\n    return {\n      width,\n      size: this.getScreenSize(width),\n      isTouch: this.isTouch(),\n    };\n  }\n\n  private initializeListeners(): void {\n    if (typeof window === 'undefined') return;\n\n    const handleResize = () => {\n      if (this.resizeTimeout) {\n        window.clearTimeout(this.resizeTimeout);\n      }\n\n      this.resizeTimeout = window.setTimeout(() => {\n        this.notifyListeners();\n      }, 250);\n    };\n\n    window.addEventListener('resize', handleResize);\n    window.addEventListener('orientationchange', handleResize);\n  }\n\n  private notifyListeners(): void {\n    const info = this.getScreenInfo();\n    this.callbacks.forEach(callback => callback(info));\n  }\n\n  public subscribe(callback: (info: ScreenWidthInfo) => void): () => void {\n    this.callbacks.add(callback);\n    callback(this.getScreenInfo()); // Initial call\n\n    return () => {\n      this.callbacks.delete(callback);\n    };\n  }\n}\n","export const translations = {\n  'sv': {\n    newMessage: 'Nytt meddelande',\n    toggleButtonOn: 'Visa detaljer',\n    toggleButtonOff: 'Dölj detaljer',\n    showMoreLabel: 'Visa mer',\n  },\n  'en': {\n    newMessage: 'New message',\n    toggleButtonOn: 'Show details',\n    toggleButtonOff: 'Hide details',\n    showMoreLabel: 'Show more',\n  },\n  'da': {\n    newMessage: 'Ny besked',\n    toggleButtonOn: 'Vis detaljer',\n    toggleButtonOff: 'Skjul detaljer',\n    showMoreLabel: 'Vis mere',\n  },\n  'no': {\n    newMessage: 'Ny melding',\n    toggleButtonOn: 'Vis detaljer',\n    toggleButtonOff: 'Skjul detaljer',\n    showMoreLabel: 'Vis mer',\n  },\n  'fi': {\n    newMessage: 'Uusi viesti',\n    toggleButtonOn: 'Näytä tiedot',\n    toggleButtonOff: 'Piilota tiedot',\n    showMoreLabel: 'Näytä lisää',\n  },\n  'de': {\n    newMessage: 'Neue Nachricht',\n    toggleButtonOn: 'Details anzeigen',\n    toggleButtonOff: 'Details ausblenden',\n    showMoreLabel: 'Mehr anzeigen',\n  },\n  'zh': {\n    newMessage: '新消息',\n    toggleButtonOn: '显示详情',\n    toggleButtonOff: '隐藏详情',\n    showMoreLabel: '显示更多',\n  },\n  'it': {\n    newMessage: 'Nuovo messaggio',\n    toggleButtonOn: 'Mostra dettagli',\n    toggleButtonOff: 'Nascondi dettagli',\n    showMoreLabel: 'Mostra di più',\n  },\n  'nl': {\n    newMessage: 'Nieuw bericht',\n    toggleButtonOn: 'Toon details',\n    toggleButtonOff: 'Verberg details',\n    showMoreLabel: 'Meer tonen',\n  },\n  'tr': {\n    newMessage: 'Yeni mesaj',\n    toggleButtonOn: 'Detayları göster',\n    toggleButtonOff: 'Detayları gizle',\n    showMoreLabel: 'Daha fazla göster',\n  },\n  'pt': {\n    newMessage: 'Nova mensagem',\n    toggleButtonOn: 'Mostrar detalhes',\n    toggleButtonOff: 'Ocultar detalhes',\n    showMoreLabel: 'Mostrar mais',\n  },\n  'pl': {\n    newMessage: 'Nowa wiadomość',\n    toggleButtonOn: 'Pokaż szczegóły',\n    toggleButtonOff: 'Ukryj szczegóły',\n    showMoreLabel: 'Pokaż więcej',\n  },\n  'pt-BR': {\n    newMessage: 'Nova mensagem',\n    toggleButtonOn: 'Mostrar detalhes',\n    toggleButtonOff: 'Ocultar detalhes',\n    showMoreLabel: 'Mostrar mais',\n  }\n};\n","import { FetchHelper } from '@/globals/FetchHelper';\nimport { ShipmentsBody, ShipmentsResponse, TableRowData } from './types';\n\nexport class MarketwebTableService {\n    private readonly _endpoint;\n    private readonly _language;\n    private fetchHelper = new FetchHelper('MarketTableService');\n    private readonly _getUserShipmentsPath = `/get-user-shipments`;\n\n\n    constructor(endpoint: string, language: string) {\n        this._endpoint = this.formatEndpoint(endpoint);\n        this._language = language;\n    }\n\n    async getUserShipments(contentId: string, skip: number, take: number, isChatEnabled: boolean): Promise<TableRowData[]> {\n        let model: ShipmentsBody =\n        {\n            skip: skip,\n            take: take,\n            isChatEnabled: isChatEnabled,\n            language: this._language,\n            contentId: contentId,\n        };\n\n        const fetchUrl = this._endpoint + this._getUserShipmentsPath;\n\n        const data = (await this.fetchHelper.fetchJson(\n            fetchUrl,\n            this.getRequestInit(model),\n            false\n        )) as ShipmentsResponse;\n\n        return JSON.parse(data.shipments) as TableRowData[];\n    }\n\n    private formatEndpoint(endpoint: string): string {\n        var formattedEndpoint = endpoint.lastIndexOf('/') === endpoint.length - 1 ? endpoint.substring(0, endpoint.length - 1) : endpoint;\n        return formattedEndpoint;\n    }\n\n    private getRequestInit(model: any, method: string = 'POST', mode: RequestMode = 'cors', contentTypes: string = 'application/json'): RequestInit {\n        return {\n            mode: mode,\n            method: method,\n            headers:\n            {\n                'Content-Type': contentTypes\n            },\n            body: JSON.stringify(model)\n        };\n    }\n}\n","@import '../../../globals/main.scss';\n\n:host {\n  display: block;\n}\n\n.pn-marketweb-table {\n  .container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 1rem;\n  }\n\n  .heading-section {\n    display: flex;\n    justify-content: space-between;\n    gap: 2rem;\n    margin-bottom: 2rem;\n\n    @media (max-width: $min-width-md) {\n      flex-direction: column;\n    }\n\n    .heading-wrapper {\n      display: flex;\n      flex-direction: column;\n    }\n\n    .preamble-section {\n      width: 80%;\n    }\n\n    .main-heading {\n      margin-bottom: 1rem;\n    }\n\n    .summary {\n      display: flex;\n      height: 7rem;\n      justify-content: flex-end;\n      gap: clamp(1rem, 4vw, 2rem);\n\n      @media (max-width: $min-width-md) {\n        justify-content: center;\n      }\n    }\n\n    .sub-heading-section {\n      background-color: $blue25;\n      border-radius: 1.6rem;\n      display: flex;\n      align-items: center;\n      gap: clamp(0.6rem, 4vw, 1rem);\n      padding: 0.6rem 1.2rem;\n      width: 13.5rem;\n\n      .icon-container {\n        background-color: $blue50;\n        border-radius: 50%;\n        padding: 4px;\n      }\n    }\n\n    .sub-heading {\n      font-size: clamp(1rem, 3vw, 1.4rem);\n      font-weight: 400;\n      line-height: clamp(1.225rem, 4vw, 1.5rem);\n      margin: 0;\n\n      strong {\n        color: $blue700;\n        font-weight: 700;\n      }\n    }\n  }\n\n  .pn-marketweb-table__table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-bottom: 3.2rem;\n    border: none;\n  }\n\n  .pn-marketweb-table__table tr {\n    border-bottom: 1px solid $gray100;\n    position: relative;\n    border-left: 4px solid $white;\n    transition: all .7s ease;\n\n    &:last-child {\n      border-bottom: none;\n    }\n\n    &:hover {\n      border-left: 4px solid $blue200;\n      background: $blue25;\n    }\n\n    &.row-new-message,\n    &.row-new-messag:hover {\n      border-left: 4px solid $green500;\n      background: linear-gradient(90deg, rgba(220, 246, 231, 1) 0%, rgba(237, 251, 243, 1) 30%, rgba(255, 255, 255, 1) 70%);\n    }\n  }\n\n  .pn-marketweb-table__table {\n    td {\n      padding: 1.6rem 1rem;\n    }\n  }\n\n  .image-container {\n      min-height: 5.8rem;\n  }\n\n  .cell-heading {\n    color: $gray700;\n    font-size: clamp(0.875rem, 4vw, 1.2rem);\n    font-weight: 400;\n    line-height: clamp(1.225rem, 4vw, 1.5rem);\n    margin: 0;\n  }\n\n  .cell-value {\n    color: $gray900;\n    display: inline-block;\n    font-size: clamp(1rem, 4vw, 1.5rem);\n    font-weight: 400;\n    line-height: clamp(1.4rem, 4vw, 1.8rem);\n    margin: 0;\n    padding: 0.5rem 0;\n  }\n\n  .row-image {\n    border-radius: 0.5rem;\n  }\n\n  .actions {\n    align-content: center;\n    width: 20%;\n\n    .button-wrapper {\n      display: flex;\n      flex-direction: row;\n      justify-content: flex-end;\n      gap: 1.6rem;\n\n      pn-button {\n        min-width: 50%;\n      }\n\n      pn-button.toggle-widget {\n        min-width: 30%;\n      }\n\n      .pn-button-text {\n        white-space: nowrap;\n      }\n\n      @media screen and (max-width: $min-width-md) {\n        justify-content: space-between;\n        flex-direction: column;\n      }\n    }\n  }\n\n  @media screen and (max-width: $min-width-md) {\n    tr {\n      display: flex;\n      flex-wrap: wrap;\n    }\n\n    td:not(.cell-content) {\n      width: 100%;\n    }\n\n    td.cell-image {\n      text-align: center;\n    }\n\n    td.cell-content {\n      flex: 1 0 40%;\n\n      &::before {\n        content: attr(data-label);\n        display: block;\n        font-weight: bold;\n        margin-bottom: 0.5em;\n      }\n    }\n\n    td.actions .button-wrapper {\n      gap: 2rem;\n    }\n  }\n\n  @media (min-width: $min-width-md) {\n    .row-image {\n      max-width: 80px;\n    }\n  }\n\n  .toggle-detail {\n    display: none;\n    color: $blue700;\n    cursor: pointer;\n    border: none;\n    border-radius: 3em;\n    outline: none;\n    position: relative;\n    font-size: 0.875em;\n    min-width: 5.5em;\n    font-weight: 500;\n    background-color: transparent;\n    justify-content: center;\n    align-items: center;\n    transition: color 0.3s;\n    -webkit-tap-highlight-color: transparent;\n    text-decoration: none;\n    padding: 0.375em 1em;\n    min-height: 2em;\n    line-height: 1.65em;\n    white-space: nowrap;\n\n    &:hover {\n      background-color: $blue50;\n      opacity: 1;\n    }\n  }\n\n  .shipment-id-active .button-wrapper {\n    display: flex;\n  }\n\n  tr td.cell-content:first-child .cell-value {\n    font-weight: 500;\n  }\n\n  .pn-widget-wrapper {\n    display: flex;\n    justify-content: center;\n  }\n\n  .shipment-id-active, .widget-row {\n    background-color: $blue25;\n  }\n\n  .pn-market-table__show-more-wrapper {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n  }\n}\n\n\n\n.row-new-message .button-wrapper:after {\n  content: attr(data-label);\n  background: $green500;\n  border-radius: 0 0.4rem .4rem 0;\n  color: $white;\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  font-size: 1.4rem;\n  padding: 0 .4rem;\n}\n\n@media (min-width: $min-width-md) {\n  .row-new-message .button-wrapper:after {\n    background: $green700;\n    border-radius: .4rem;\n    left: auto;\n    right: 1.6rem;\n\n    font-size: 1.1rem;\n    top: .3rem;\n\n  }\n}","import { HeadingTag } from '@/globals/HeadingTag';\nimport { Component, Host, Prop, h, State, Fragment, Watch } from '@stencil/core';\nimport { ScreenWidth, ScreenWidthInfo, DEFAULT_BREAKPOINTS } from '@/globals/ScreensizeDetect';\nimport { HeadingLevel } from '@/globals/types';\nimport { angle_down, angle_up } from 'pn-design-assets/pn-assets/icons.js';\nimport { JSX } from 'react';\nimport { PnChatService } from '../pn-chat/pn-chat.service';\nimport { HeaderConfig, TableRowData, TableRowi18n } from './types'\nimport { translations } from './translations';\nimport { MarketwebTableService } from './pn-marketweb-table.service';\n\n@Component({\n  tag: 'pn-marketweb-table',\n  styleUrl: 'pn-marketweb-table.scss',\n})\nexport class PnMarketWebTable {\n  @Prop() mainHeading?: string;\n  @Prop() mainHeadingLevel: HeadingLevel = 'h2';\n  @Prop() preamble: string\n  @Prop() subHeadingLevel: HeadingLevel = 'h3';\n  @Prop() headers!: string | HeaderConfig[];\n  @Prop() rows!: string | TableRowData[];\n  @Prop() showHeadersInCells: boolean = false;\n  @Prop() cellHeaderLevel: HeadingLevel = 'h3';\n  @Prop() tableRowCtaActionLabel: string;\n  @Prop() imageColAriaHeader: string;\n  @Prop() ctaColAriaHeader: string;\n  @Prop() checkForNewShipments: boolean = false;\n  @Prop() endpoint: string;\n  @Prop() language: string = 'sv';\n  @Prop() market: string;\n  @Prop() toggleDetailLabel: string = 'View details';\n  @Prop() checkForChat: boolean = false;\n  @Prop({ reflect: true, mutable: true }) value: string = '';\n  @Prop() shipmentType!: string;\n  @Prop() contentId: string = '';\n  @Prop() takeAmountRow: number = 2;\n  @Prop() shipmentCount: number = 2;\n\n  @State() i18n: TableRowi18n;\n  @State() private _headers: HeaderConfig[] = [];\n  @State() private _rows: TableRowData[] = [];\n  @State() private _allKeys: Set<string> = new Set();\n  @State() private screenInfo?: ScreenWidthInfo;\n\n  private screenWidth = ScreenWidth.getInstance();\n  private cleanup?: () => void;\n  private _chatService: PnChatService;\n  private _chatSegment: string = \"#chat\";\n  private _marketwebTableService: MarketwebTableService;\n\n  componentWillLoad(): void {\n    this.setInitialValues();\n    this.setTranslations();\n    this._marketwebTableService = new MarketwebTableService(this.endpoint, this.language);\n\n    this.cleanup = this.screenWidth.subscribe(info => {\n      this.screenInfo = info;\n    });\n\n    if (this.checkForNewShipments) {\n      this._chatService = new PnChatService(this.endpoint, this.market, this.language);\n      setInterval(() => {\n        this.checkForNewMessages();\n      }, 60000);\n    }\n  }\n\n  setTranslations() {\n    if (translations[this.language]) {\n      this.i18n = translations[this.language] as TableRowi18n;\n    }\n    else {\n      const fallbackLang = 'sv';\n      this.i18n = translations[fallbackLang] as TableRowi18n;\n    }\n  }\n\n  @Watch('language')\n  onLanguageChange() {\n    this.setTranslations();\n  }\n\n  async componentDidLoad() {\n    if (this.checkForChat) {\n      const thisTable = document.querySelector('pn-marketweb-table.' + this.shipmentType);\n      const chatHrefs = thisTable.querySelectorAll('[href*=\"#chat\"]');\n      const openChatATags: HTMLAnchorElement[] = Array.from(chatHrefs).filter(\n        (el): el is HTMLAnchorElement => el instanceof HTMLAnchorElement\n      );\n      this.OpenChatEvent(openChatATags);\n    }\n  }\n\n  componentDidRender() {\n    const thisTable = document.querySelector('pn-marketweb-table[shipment-type=' + this.shipmentType + ']');\n    const toggleButtons = thisTable?.querySelectorAll('pn-button.toggle-widget');\n    toggleButtons?.forEach(pnButton => {\n      const btnText = pnButton.querySelector('.pn-button-text');\n      if (btnText && btnText.innerHTML !== this.i18n.toggleButtonOn) {\n        btnText.innerHTML = this.i18n.toggleButtonOn;\n      }\n      const button = pnButton.querySelector('button');\n      if (button && !button.hasAttribute('data-toggle-initialized')) {\n        button.addEventListener('click', this.toggleButton.bind(this));\n        button.setAttribute('data-toggle-initialized', 'true');\n      }\n    });\n  }\n\n  private toggleButton(event) {\n    const button = event.currentTarget as HTMLButtonElement;\n    const parentRow = button.closest('tr');\n    const parentPnButton = button.closest('pn-button');\n\n    const isActive = parentRow.classList.contains(\"shipment-id-active\");\n\n    const existingWidgetRows = document.querySelectorAll('.widget-row');\n    existingWidgetRows.forEach(row => row.remove());\n\n    const allRows = document.querySelectorAll('tr');\n    allRows.forEach(row => row.classList.remove(\"shipment-id-active\"));\n\n    const allPnButtons = document.querySelectorAll('pn-button.toggle-widget');\n    allPnButtons.forEach(pnBtn => {\n      pnBtn.setAttribute('icon', angle_down);\n      pnBtn.querySelector('.pn-button-text').innerHTML = this.i18n.toggleButtonOn;\n    });\n\n    if (isActive) {\n      return;\n    }\n    button.querySelector('.pn-button-text').innerHTML = this.i18n.toggleButtonOff;\n    parentRow.classList.add(\"shipment-id-active\");\n\n    const widgetRow = document.createElement('tr');\n    widgetRow.classList.add('widget-row');\n\n    const tdElement = document.createElement('td');\n    tdElement.colSpan = parentRow.children.length;\n\n    const divEl = document.createElement('div');\n    divEl.classList.add('pn-widget-wrapper');\n\n    const widget = document.createElement('pn-widget');\n    widget.setAttribute('locale', this.language);\n    widget.setAttribute('shipment-id', button.id);\n\n    divEl.appendChild(widget);\n    tdElement.appendChild(divEl);\n    widgetRow.appendChild(tdElement);\n\n    parentRow.parentNode.insertBefore(widgetRow, parentRow.nextSibling);\n\n    parentPnButton.setAttribute('icon', angle_up);\n  }\n\n  private handleShowMore = async () => {\n    let skip = this._rows.length;\n    let data = await this._marketwebTableService.getUserShipments(this.contentId, skip, this.takeAmountRow, this.checkForChat);\n    if (data) {\n      this._rows = [...this._rows, ...data];\n    }\n  };\n\n  async waitForComponent(selector: string, maxRetries = 10, delay = 300): Promise<HTMLElement | null> {\n    for (let i = 0; i < maxRetries; i++) {\n      const element = document.querySelector(selector);\n      if (element) {\n        return element as HTMLElement;\n      }\n      await new Promise(resolve => setTimeout(resolve, delay));\n    }\n    return null;\n  }\n\n  disconnectedCallback(): void {\n    if (this.cleanup) {\n      this.cleanup();\n    }\n  }\n\n  private async checkForNewMessages() {\n    for (let i = 0; i < this._rows.length; i++) {\n      const row = this._rows[i];\n      const itemId = row.id;\n\n      if (itemId) {\n        const hasNewMessages = await this._chatService.hasNewMessages(itemId);\n\n        if (row.hasNewMessages !== hasNewMessages) {\n          this._rows[i] = { ...row, hasNewMessages: hasNewMessages };\n        }\n      }\n    }\n\n    this._rows = [...this._rows];\n  }\n\n  private setInitialValues(): void {\n    try {\n      this.parseRows();\n      this.parseHeaders();\n\n    } catch (error) {\n      console.error('Error parsing table data:', error);\n      this._rows = [];\n      this._headers = [];\n    }\n  }\n\n  private parseRows() {\n    this._rows = typeof this.rows === 'string' ? JSON.parse(this.rows) : this.rows;\n    this._allKeys = new Set(this._rows.flatMap(row => Object.keys(row)));\n  }\n\n  private parseHeaders() {\n    if (typeof this.headers === 'string') {\n      this._headers = JSON.parse(this.headers);\n    } else if (this.headers) {\n      this._headers = this.headers;\n    } else {\n      this._headers = Array.from(this._allKeys).map(key => ({ key, label: key }));\n    }\n  }\n\n  private renderCellContent(header: HeaderConfig, row: TableRowData): JSX.Element | string | number | boolean {\n    const content = header.render ? header.render(row) : row[header.key] ?? '-';\n    return content;\n  }\n\n  private renderCell(header: HeaderConfig, row: TableRowData): JSX.Element {\n    const content = this.renderCellContent(header, row);\n\n    if (this.showHeadersInCells || this.screenInfo.width <= DEFAULT_BREAKPOINTS.tablet) {\n      return (\n        <div class=\"cell-content\" role=\"cell\">\n          <HeadingTag\n            level={this.cellHeaderLevel}\n            cssClass=\"cell-heading\"\n            additionalProps={{\n              'aria-hidden': 'true',\n              'role': 'presentation',\n            }}\n          >\n            {header.label}\n          </HeadingTag>\n          <span class=\"cell-value\">{content}</span>\n        </div>\n      );\n    }\n\n    return <>{content}</>;\n  }\n\n  private handleToggleClick = () => {\n    const areaToggle = document.querySelector('.trackandtracewidgetblock');\n    if (areaToggle?.parentElement) {\n      areaToggle.parentElement.classList.toggle('hideRow');\n    }\n  };\n\n  private renderActionButtons(row: TableRowData): JSX.Element | null {\n    if (!row.actionButtons) return null;\n\n    return (\n      <td class=\"actions\" role=\"cell\">\n        <div class=\"button-wrapper\" role=\"group\" aria-label={this.tableRowCtaActionLabel} data-label={this.i18n.newMessage}>\n          {row.actionButtons.map(btn => (\n            <pn-button\n              appearance={btn.appearance}\n              class={btn.class}\n              variant={btn.variant}\n              small={btn.small}\n              loading={btn.loading}\n              icon={btn.icon}\n              leftIcon={btn.leftIcon}\n              tooltip={btn.tooltip}\n              href={btn.href}\n              rel={btn.rel}\n              download={btn.download}\n              form={btn.form}\n              buttonId={btn.buttonId}\n              icon-only={btn.iconOnly}\n              arialabel={btn.content}\n              data-chat={btn.customAttribute}>\n              {btn.content}\n            </pn-button>\n          ))}\n        </div>\n      </td>\n    );\n  }\n\n  private async OpenChatEvent(aTags: HTMLAnchorElement[]) {\n    aTags.forEach((aTag) => {\n      aTag.addEventListener(\"click\", (e) => {\n        e.preventDefault();\n        const previousLocationHash = window?.location?.hash ?? \"\";\n\n        const findShipmentIdInUrlRegex = /#chat:([a-zA-Z0-9]+)(?=#|$)/;\n        const match = aTag.href.match(findShipmentIdInUrlRegex);\n        const shipmentId = match ? match[1] : \"\";\n        const shipmentHash = `${this._chatSegment}:${shipmentId}`;\n        window.location.hash = shipmentHash;\n\n        this.waitForComponent('pn-chat').then((chat) => {\n          if (shipmentId) {\n            chat.setAttribute('item-id', shipmentId);\n          }\n          else {\n            chat.setAttribute('item-id', \"\");\n          }\n\n          let oldInitChatId = chat.getAttribute('pn-chat-id');\n\n          const _defaultChatId = \"00000000-0000-0000-0000-000000000000\";\n          const _defaultAlternativeChatId = \"1\";\n          const _defaultTriggerChatId = oldInitChatId === _defaultChatId ? _defaultAlternativeChatId : _defaultChatId;\n          let chatId = _defaultTriggerChatId;\n          const reversedChatId = aTag?.parentElement?.getAttribute('data-chat');\n\n          if (reversedChatId) {\n            chatId = reversedChatId.split('').reverse().join('');\n          }\n\n          chat.setAttribute('is-logged-in', 'true');\n          chat.setAttribute('pn-chat-id', chatId);\n\n          if (previousLocationHash.includes(shipmentHash)) {\n            let forceOpen = chat.getAttribute('force-open') ?? 'true';\n            forceOpen = forceOpen === 'true' ? 'false' : 'true';\n            chat.setAttribute('force-open', forceOpen);\n          }\n        });\n      });\n    });\n  }\n\n  render() {\n    const tableId = `table-${Math.random().toString(36)}`;\n    const headingId = `${tableId}-main-heading`;\n\n    return (\n      <Host language={this.language}>\n        <div class='pn-marketweb-table'>\n          <div role='region' aria-labelledby={this.mainHeading ? headingId : undefined}>\n            <div class='heading-section'>\n              <div class='heading-wrapper'>\n                {this.mainHeading && (\n                  <HeadingTag level={this.mainHeadingLevel} cssClass='main-heading' id={headingId}>\n                    {this.mainHeading}\n                  </HeadingTag>\n                )}\n                {this.preamble && (\n                  <div class=\"preamble-section\">{this.preamble}</div>\n                )}\n              </div>\n            </div>\n            {this._rows.length > 0 && (\n              <table class='pn-marketweb-table__table' aria-labelledby={this.mainHeading ? `${tableId}-main-heading` : undefined}>\n                {this._headers && (\n                  <thead class={this.showHeadersInCells ? 'sr-only' : undefined} >\n                    <tr >\n                      {this._rows.some((row) => row.imageUrl) && this.imageColAriaHeader && (\n                        <th scope='col' class='sr-only'>\n                          {this.imageColAriaHeader}\n                        </th>\n                      )}\n                      {this._headers.map((header) => (\n                        <th key={header.key} scope='col' class='sr-only-mobile'>\n                          {header.label}\n                        </th>\n                      ))}\n                      {this._rows.some((row) => row.link1 || row.link2) && this.ctaColAriaHeader && (\n                        <th scope='col' class='sr-only'>\n                          {this.ctaColAriaHeader}\n                        </th>\n                      )}\n                    </tr>\n                  </thead>\n                )}\n                <tbody class=\"pn-marketweb-table__table-body\">\n                  {this._rows.slice(0, this.shipmentCount).map((row, rowIndex) => (\n                    <tr key={rowIndex} class={`cell-row ${row.hasNewMessages ? \"row-new-message\" : ''}`}>\n                      {row.imageUrl && (\n                        <td class='cell-image'>\n                          <div class='image-container'>\n                            <img src={row.imageUrl} alt='' class='row-image' />\n                          </div>\n                        </td>\n                      )}\n                      {this._headers.map((header) => (\n                        <td key={`${rowIndex}-${header.key}`} class='cell-content' >\n                          {this.renderCell(header, row)}\n                        </td>\n                      ))}\n                      {this.renderActionButtons(row)}\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            )}\n            {this.shipmentCount > this._rows.length && (\n              <div class=\"pn-market-table__show-more-wrapper\">\n                <pn-button variant=\"outlined\" appearance=\"light\" label={this.i18n?.showMoreLabel || 'Show More'} onClick={() => this.handleShowMore()}></pn-button>\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/{p-959a37d9.js → p-930e2943.js}

@@ -1,2 +1,2 @@
-import{c as e}from"./p-2509d18d.js";const{state:a,onChange:t}=e({i18n:{componentheading:"",deliveryscopeheading:"",resultlistheading:"",sizeheading:"",weightheading:"",weightlabel:"",maxweightlabel:"",maxmeasurementlabel:"",senddirectcta:"",stampshopcta:"",message:"",servicePointHeader:"",servicePointLink:"",realPostcard:"",realPostcardMobile:"",ombudHeader:""},market:{currency:"",country:"",servicePoint:""}});export{a as s};
-//# sourceMappingURL=p-959a37d9.js.map
+import{c as e}from"./p-8836de82.js";const{state:a,onChange:t}=e({i18n:{componentheading:"",deliveryscopeheading:"",resultlistheading:"",sizeheading:"",weightheading:"",weightlabel:"",maxweightlabel:"",maxmeasurementlabel:"",senddirectcta:"",stampshopcta:"",message:"",servicePointHeader:"",servicePointLink:"",realPostcard:"",realPostcardMobile:"",ombudHeader:""},market:{currency:"",country:"",servicePoint:""}});export{a as s};
+//# sourceMappingURL=p-930e2943.js.map

package/pn-market-web-components/p-9454075f.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as n,d as e}from"./p-82546a44.js";import{v as i}from"./p-4ed69de7.js";const a=(t,n=0,e=100,i=1e3,a="Sv-SE",s)=>{const o=new Intl.NumberFormat(a,s);if(i<=0){t.textContent=o.format(e);return}let d=null;const c=a=>{if(!d)d=a;const s=Math.min((a-d)/i,1);if(s<1){const i=Math.round((s*(e-n)+n)*10)/10;t.textContent=o.format(i);window.requestAnimationFrame(c)}else{t.textContent=o.format(e)}};window.requestAnimationFrame(c)};const s={Sv:{lang:"Sv",code:"Sv-SE"},En:{lang:"En",code:"En-GB"}};const o={Decimal:{style:"decimal"},Currency:{style:"currency",currency:"SEK"},Percent:{style:"percent"},None:{style:"decimal",useGrouping:false}};const d=(t,n,e)=>{t.forEach((t=>{t.target.classList.toggle(n,t.isIntersecting);e(t)}))};const c="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-stats-info-data{width:50%}pn-stats-info-data .pn-stats-info-data__container{width:100%;background-color:transparent;color:#f06365;display:flex;flex-direction:column;align-items:center;padding:2rem}@media screen and (min-width: 768px){pn-stats-info-data .pn-stats-info-data__container{justify-content:center;min-height:102px;padding:0 2rem}}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container{min-height:125px}}pn-stats-info-data .pn-stats-info-data__container__content{display:flex;flex-direction:row;justify-content:center}pn-stats-info-data .pn-stats-info-data__container__content__data{font-weight:700;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container__content__data{font-size:5.6rem}}pn-stats-info-data .pn-stats-info-data__container__content__unit{font-weight:700;font-size:3rem;line-height:110%;margin-left:0.8rem}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container__content__unit{font-size:5.6rem}}pn-stats-info-data .pn-stats-info-data__container__content__preamble{text-align:center;font-weight:400;font-size:1.4rem;line-height:110%;color:#ffffff}";const r=c;const p=class{constructor(n){t(this,n);this.format="En";this.formatStyle="Decimal";this.startValue=0;this.data=0;this.unit=null;this.preamble=null;this.duration=1e3;this.index=null;this.hasBeenShown=false;this.compId=null}inViewPortCallback=t=>{if(t.isIntersecting){this.hasBeenShown=true}};generateUniqueId(){return i()}componentWillLoad(){this.compId=this.generateUniqueId()}watchStateHandlder(t,n){const e=document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);if(e.classList.contains("is-inViewport")&&t!==n){a(e,this.startValue,this.data,this.duration,s[this.format].code,o[this.formatStyle])}}render(){return n(e,{key:"76ba8987c10c1134632d1d14e835e2d151e40d7d"},n("div",{key:"cfca356710ab65efc3332390b9ff2c9d6e90543f",class:"pn-stats-info-data__container"},n("div",{key:"fca178d07e51036cb8b63e064686572588069304",class:"pn-stats-info-data__container__content"},n("div",{key:"2bd549f1408aec0487e7cb7e0498141685e2d18c",class:"pn-stats-info-data__container__content__data",id:`pn-stats-info-data-${this.compId}-${this.index}`}),this.unit&&n("div",{key:"1c8913969b0eed7e98e6045c7b6320d6a6391517",class:"pn-stats-info-data__container__content__unit"},this.unit)),n("div",{key:"e7c7f90a4661fbe22600946d8343e1d98e5cfaec",class:"pn-stats-info-data__container__content__preamble"},this.preamble)))}componentDidRender(){const t=new IntersectionObserver((t=>d(t,"is-inViewport",this.inViewPortCallback)));const n=document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);t.observe(n)}static get watchers(){return{hasBeenShown:["watchStateHandlder"]}}};p.style=r;export{p as pn_stats_info_data};
+//# sourceMappingURL=p-9454075f.entry.js.map

package/pn-market-web-components/{p-45b8cadb.entry.js.map → p-9454075f.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["animateValue","obj","start","end","duration","numberFormat","formatStyle","formatter","Intl","NumberFormat","textContent","format","startTimestamp","step","timestamp","progress","Math","min","animatedValue","round","window","requestAnimationFrame","NumberFormatList","Sv","lang","code","En","NumberFormatStyle","Decimal","style","Currency","currency","Percent","None","useGrouping","inViewport","entries","toggleClass","isEntryIntersectingCallBack","forEach","entry","target","classList","toggle","isIntersecting","pnStatsInfoDataCss","PnStatsInfoDataStyle0","PnStatsInfoData","inViewPortCallback","this","hasBeenShown","generateUniqueId","uuidv4","componentWillLoad","compId","watchStateHandlder","newValue","oldValue","document","getElementById","index","contains","startValue","data","render","h","Host","key","class","id","unit","preamble","componentDidRender","observer","IntersectionObserver","observe"],"sources":["src/components/data-visualization/pn-stats-info/pn-stats-info-data/animationHelper.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/numberFormats.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/viewIntersectionHelper.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.scss?tag=pn-stats-info-data","src/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.tsx"],"sourcesContent":["export const animateValue = (\n  obj: HTMLElement,\n  start: number = 0,\n  end: number = 100,\n  duration: number = 1000,\n  numberFormat: string = 'Sv-SE',\n  formatStyle: { style: \"decimal\" | \"percent\" | \"currency\"; currency?: string; useGrouping?: boolean },\n) => {\n  const formatter = new Intl.NumberFormat(numberFormat, formatStyle);\n\n  if (duration <= 0) {\n    obj.textContent = formatter.format(end);\n    return;\n  }\n\n  let startTimestamp = null;\n\n  const step = (timestamp: number) => {\n    if (!startTimestamp) startTimestamp = timestamp;\n\n    const progress = Math.min((timestamp - startTimestamp) / duration, 1);\n\n    if (progress < 1) {\n      const animatedValue = Math.round((progress * (end - start) + start) * 10) / 10;\n      obj.textContent = formatter.format(animatedValue);\n      window.requestAnimationFrame(step);\n    } else {\n      obj.textContent = formatter.format(end);\n    }\n  };\n  window.requestAnimationFrame(step);\n};\n","const NumberFormatList = {\n  Sv: { lang: 'Sv', code: 'Sv-SE' },\n  En: { lang: 'En', code: 'En-GB' },\n};\n\nconst NumberFormatStyle = {\n  Decimal: { style: 'decimal' },\n  Currency: { style: 'currency', currency: 'SEK' },\n  Percent: { style: 'percent' },\n  None: { style: 'decimal', useGrouping: false },\n};\n\nexport { NumberFormatList, NumberFormatStyle };\n","export const inViewport = (entries: IntersectionObserverEntry[], toggleClass: string, isEntryIntersectingCallBack: (entry: IntersectionObserverEntry) => any) => {\n  entries.forEach(entry => {\n    entry.target.classList.toggle(toggleClass, entry.isIntersecting);\n    isEntryIntersectingCallBack(entry);\n  });\n};\n","@import '../../../../globals/main.scss';\n\npn-stats-info-data {\n  width: 50%;\n\n  .pn-stats-info-data__container {\n    width: 100%;\n\n    background-color: transparent;\n    color: $coral400;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 2rem;\n\n    @media screen and (min-width: $min-width-md) {\n      justify-content: center;\n      min-height: 102px;\n      padding: 0 2rem;\n    }\n\n    @media screen and (min-width: $min-width-xl) {\n      min-height: 125px;\n    }\n  }\n\n  .pn-stats-info-data__container__content {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n  }\n\n  .pn-stats-info-data__container__content__data {\n    font-weight: 700;\n    font-size: 3rem;\n    line-height: 110%;\n\n    @media screen and (min-width: $min-width-xl) {\n      font-size: 5.6rem;\n    }\n  }\n\n  .pn-stats-info-data__container__content__unit {\n    font-weight: 700;\n    font-size: 3rem;\n    line-height: 110%;\n\n    margin-left: 0.8rem;\n\n    @media screen and (min-width: $min-width-xl) {\n      font-size: 5.6rem;\n    }\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    text-align: center;\n    font-weight: 400;\n    font-size: 1.4rem;\n    line-height: 110%;\n    color: $white;\n  }\n}\n","import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { animateValue } from './animationHelper';\nimport { NumberFormatList, NumberFormatStyle } from './numberFormats';\nimport { inViewport } from './viewIntersectionHelper';\n\n@Component({\n  tag: 'pn-stats-info-data',\n  styleUrl: 'pn-stats-info-data.scss',\n})\nexport class PnStatsInfoData {\n  @Prop() format: string = 'En';\n  @Prop() formatStyle: string = 'Decimal';\n  @Prop() startValue: number = 0;\n  @Prop() data: number = 0;\n  @Prop() unit: string = null;\n  @Prop() preamble: string = null;\n  @Prop() duration?: number = 1000; //ms;\n  @Prop() index: number = null;\n\n  @State() hasBeenShown: boolean = false;\n  @State() compId: string = null;\n\n  inViewPortCallback = (entry: IntersectionObserverEntry) => {\n    if (entry.isIntersecting) {\n      this.hasBeenShown = true;\n    }\n  };\n\n  generateUniqueId() {\n    return uuidv4();\n  }\n\n  componentWillLoad() {\n    this.compId = this.generateUniqueId();\n  }\n\n  @Watch('hasBeenShown')\n  watchStateHandlder(newValue: boolean, oldValue: boolean) {\n    const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n    if (obj.classList.contains('is-inViewport') && newValue !== oldValue) {\n      animateValue(obj, this.startValue, this.data, this.duration, NumberFormatList[this.format].code, NumberFormatStyle[this.formatStyle]);\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-stats-info-data__container\">\n          <div class=\"pn-stats-info-data__container__content\">\n            <div class=\"pn-stats-info-data__container__content__data\" id={`pn-stats-info-data-${this.compId}-${this.index}`}></div>\n            {this.unit && <div class=\"pn-stats-info-data__container__content__unit\">{this.unit}</div>}\n          </div>\n          <div class=\"pn-stats-info-data__container__content__preamble\">{this.preamble}</div>\n        </div>\n      </Host>\n    );\n  }\n\n  componentDidRender() {\n    const observer = new IntersectionObserver(entries => inViewport(entries, 'is-inViewport', this.inViewPortCallback));\n    const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n    observer.observe(obj);\n  }\n}\n"],"mappings":"sFAAO,MAAMA,EAAe,CAC1BC,EACAC,EAAgB,EAChBC,EAAc,IACdC,EAAmB,IACnBC,EAAuB,QACvBC,KAEA,MAAMC,EAAY,IAAIC,KAAKC,aAAaJ,EAAcC,GAEtD,GAAIF,GAAY,EAAG,CACjBH,EAAIS,YAAcH,EAAUI,OAAOR,GACnC,M,CAGF,IAAIS,EAAiB,KAErB,MAAMC,EAAQC,IACZ,IAAKF,EAAgBA,EAAiBE,EAEtC,MAAMC,EAAWC,KAAKC,KAAKH,EAAYF,GAAkBR,EAAU,GAEnE,GAAIW,EAAW,EAAG,CAChB,MAAMG,EAAgBF,KAAKG,OAAOJ,GAAYZ,EAAMD,GAASA,GAAS,IAAM,GAC5ED,EAAIS,YAAcH,EAAUI,OAAOO,GACnCE,OAAOC,sBAAsBR,E,KACxB,CACLZ,EAAIS,YAAcH,EAAUI,OAAOR,E,GAGvCiB,OAAOC,sBAAsBR,EAAK,EC9BpC,MAAMS,EAAmB,CACvBC,GAAI,CAAEC,KAAM,KAAMC,KAAM,SACxBC,GAAI,CAAEF,KAAM,KAAMC,KAAM,UAG1B,MAAME,EAAoB,CACxBC,QAAS,CAAEC,MAAO,WAClBC,SAAU,CAAED,MAAO,WAAYE,SAAU,OACzCC,QAAS,CAAEH,MAAO,WAClBI,KAAM,CAAEJ,MAAO,UAAWK,YAAa,QCTlC,MAAMC,EAAa,CAACC,EAAsCC,EAAqBC,KACpFF,EAAQG,SAAQC,IACdA,EAAMC,OAAOC,UAAUC,OAAON,EAAaG,EAAMI,gBACjDN,EAA4BE,EAAM,GAClC,ECJJ,MAAMK,EAAqB,mwCAC3B,MAAAC,EAAeD,E,MCWFE,EAAe,M,qCACD,K,iBACK,U,gBACD,E,UACN,E,UACA,K,cACI,K,cACC,I,WACJ,K,kBAES,M,YACP,I,CAE1BC,mBAAsBR,IACpB,GAAIA,EAAMI,eAAgB,CACxBK,KAAKC,aAAe,I,GAIxB,gBAAAC,GACE,OAAOC,G,CAGT,iBAAAC,GACEJ,KAAKK,OAASL,KAAKE,kB,CAIrB,kBAAAI,CAAmBC,EAAmBC,GACpC,MAAMxD,EAAMyD,SAASC,eAAe,sBAAsBV,KAAKK,UAAUL,KAAKW,SAC9E,GAAI3D,EAAIyC,UAAUmB,SAAS,kBAAoBL,IAAaC,EAAU,CACpEzD,EAAaC,EAAKgD,KAAKa,WAAYb,KAAKc,KAAMd,KAAK7C,SAAUkB,EAAiB2B,KAAKtC,QAAQc,KAAME,EAAkBsB,KAAK3C,a,EAI5H,MAAA0D,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iCACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0CACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,+CAA+CC,GAAI,sBAAsBpB,KAAKK,UAAUL,KAAKW,UACvGX,KAAKqB,MAAQL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gDAAgDnB,KAAKqB,OAEhFL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oDAAoDnB,KAAKsB,W,CAM5E,kBAAAC,GACE,MAAMC,EAAW,IAAIC,sBAAqBtC,GAAWD,EAAWC,EAAS,gBAAiBa,KAAKD,sBAC/F,MAAM/C,EAAMyD,SAASC,eAAe,sBAAsBV,KAAKK,UAAUL,KAAKW,SAC9Ea,EAASE,QAAQ1E,E","ignoreList":[]}
+{"version":3,"names":["animateValue","obj","start","end","duration","numberFormat","formatStyle","formatter","Intl","NumberFormat","textContent","format","startTimestamp","step","timestamp","progress","Math","min","animatedValue","round","window","requestAnimationFrame","NumberFormatList","Sv","lang","code","En","NumberFormatStyle","Decimal","style","Currency","currency","Percent","None","useGrouping","inViewport","entries","toggleClass","isEntryIntersectingCallBack","forEach","entry","target","classList","toggle","isIntersecting","pnStatsInfoDataCss","PnStatsInfoDataStyle0","PnStatsInfoData","inViewPortCallback","this","hasBeenShown","generateUniqueId","uuidv4","componentWillLoad","compId","watchStateHandlder","newValue","oldValue","document","getElementById","index","contains","startValue","data","render","h","Host","key","class","id","unit","preamble","componentDidRender","observer","IntersectionObserver","observe"],"sources":["src/components/data-visualization/pn-stats-info/pn-stats-info-data/animationHelper.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/numberFormats.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/viewIntersectionHelper.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.scss?tag=pn-stats-info-data","src/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.tsx"],"sourcesContent":["export const animateValue = (\n  obj: HTMLElement,\n  start: number = 0,\n  end: number = 100,\n  duration: number = 1000,\n  numberFormat: string = 'Sv-SE',\n  formatStyle: { style: \"decimal\" | \"percent\" | \"currency\"; currency?: string; useGrouping?: boolean },\n) => {\n  const formatter = new Intl.NumberFormat(numberFormat, formatStyle);\n\n  if (duration <= 0) {\n    obj.textContent = formatter.format(end);\n    return;\n  }\n\n  let startTimestamp = null;\n\n  const step = (timestamp: number) => {\n    if (!startTimestamp) startTimestamp = timestamp;\n\n    const progress = Math.min((timestamp - startTimestamp) / duration, 1);\n\n    if (progress < 1) {\n      const animatedValue = Math.round((progress * (end - start) + start) * 10) / 10;\n      obj.textContent = formatter.format(animatedValue);\n      window.requestAnimationFrame(step);\n    } else {\n      obj.textContent = formatter.format(end);\n    }\n  };\n  window.requestAnimationFrame(step);\n};\n","const NumberFormatList = {\n  Sv: { lang: 'Sv', code: 'Sv-SE' },\n  En: { lang: 'En', code: 'En-GB' },\n};\n\nconst NumberFormatStyle = {\n  Decimal: { style: 'decimal' },\n  Currency: { style: 'currency', currency: 'SEK' },\n  Percent: { style: 'percent' },\n  None: { style: 'decimal', useGrouping: false },\n};\n\nexport { NumberFormatList, NumberFormatStyle };\n","export const inViewport = (entries: IntersectionObserverEntry[], toggleClass: string, isEntryIntersectingCallBack: (entry: IntersectionObserverEntry) => any) => {\n  entries.forEach(entry => {\n    entry.target.classList.toggle(toggleClass, entry.isIntersecting);\n    isEntryIntersectingCallBack(entry);\n  });\n};\n","@import '../../../../globals/main.scss';\n\npn-stats-info-data {\n  width: 50%;\n\n  .pn-stats-info-data__container {\n    width: 100%;\n\n    background-color: transparent;\n    color: $coral400;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 2rem;\n\n    @media screen and (min-width: $min-width-md) {\n      justify-content: center;\n      min-height: 102px;\n      padding: 0 2rem;\n    }\n\n    @media screen and (min-width: $min-width-xl) {\n      min-height: 125px;\n    }\n  }\n\n  .pn-stats-info-data__container__content {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n  }\n\n  .pn-stats-info-data__container__content__data {\n    font-weight: 700;\n    font-size: 3rem;\n    line-height: 110%;\n\n    @media screen and (min-width: $min-width-xl) {\n      font-size: 5.6rem;\n    }\n  }\n\n  .pn-stats-info-data__container__content__unit {\n    font-weight: 700;\n    font-size: 3rem;\n    line-height: 110%;\n\n    margin-left: 0.8rem;\n\n    @media screen and (min-width: $min-width-xl) {\n      font-size: 5.6rem;\n    }\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    text-align: center;\n    font-weight: 400;\n    font-size: 1.4rem;\n    line-height: 110%;\n    color: $white;\n  }\n}\n","import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { animateValue } from './animationHelper';\nimport { NumberFormatList, NumberFormatStyle } from './numberFormats';\nimport { inViewport } from './viewIntersectionHelper';\n\n@Component({\n  tag: 'pn-stats-info-data',\n  styleUrl: 'pn-stats-info-data.scss',\n})\nexport class PnStatsInfoData {\n  @Prop() format: string = 'En';\n  @Prop() formatStyle: string = 'Decimal';\n  @Prop() startValue: number = 0;\n  @Prop() data: number = 0;\n  @Prop() unit: string = null;\n  @Prop() preamble: string = null;\n  @Prop() duration?: number = 1000; //ms;\n  @Prop() index: number = null;\n\n  @State() hasBeenShown: boolean = false;\n  @State() compId: string = null;\n\n  inViewPortCallback = (entry: IntersectionObserverEntry) => {\n    if (entry.isIntersecting) {\n      this.hasBeenShown = true;\n    }\n  };\n\n  generateUniqueId() {\n    return uuidv4();\n  }\n\n  componentWillLoad() {\n    this.compId = this.generateUniqueId();\n  }\n\n  @Watch('hasBeenShown')\n  watchStateHandlder(newValue: boolean, oldValue: boolean) {\n    const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n    if (obj.classList.contains('is-inViewport') && newValue !== oldValue) {\n      animateValue(obj, this.startValue, this.data, this.duration, NumberFormatList[this.format].code, NumberFormatStyle[this.formatStyle]);\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-stats-info-data__container\">\n          <div class=\"pn-stats-info-data__container__content\">\n            <div class=\"pn-stats-info-data__container__content__data\" id={`pn-stats-info-data-${this.compId}-${this.index}`}></div>\n            {this.unit && <div class=\"pn-stats-info-data__container__content__unit\">{this.unit}</div>}\n          </div>\n          <div class=\"pn-stats-info-data__container__content__preamble\">{this.preamble}</div>\n        </div>\n      </Host>\n    );\n  }\n\n  componentDidRender() {\n    const observer = new IntersectionObserver(entries => inViewport(entries, 'is-inViewport', this.inViewPortCallback));\n    const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n    observer.observe(obj);\n  }\n}\n"],"mappings":"sFAAO,MAAMA,EAAe,CAC1BC,EACAC,EAAgB,EAChBC,EAAc,IACdC,EAAmB,IACnBC,EAAuB,QACvBC,KAEA,MAAMC,EAAY,IAAIC,KAAKC,aAAaJ,EAAcC,GAEtD,GAAIF,GAAY,EAAG,CACjBH,EAAIS,YAAcH,EAAUI,OAAOR,GACnC,M,CAGF,IAAIS,EAAiB,KAErB,MAAMC,EAAQC,IACZ,IAAKF,EAAgBA,EAAiBE,EAEtC,MAAMC,EAAWC,KAAKC,KAAKH,EAAYF,GAAkBR,EAAU,GAEnE,GAAIW,EAAW,EAAG,CAChB,MAAMG,EAAgBF,KAAKG,OAAOJ,GAAYZ,EAAMD,GAASA,GAAS,IAAM,GAC5ED,EAAIS,YAAcH,EAAUI,OAAOO,GACnCE,OAAOC,sBAAsBR,E,KACxB,CACLZ,EAAIS,YAAcH,EAAUI,OAAOR,E,GAGvCiB,OAAOC,sBAAsBR,EAAK,EC9BpC,MAAMS,EAAmB,CACvBC,GAAI,CAAEC,KAAM,KAAMC,KAAM,SACxBC,GAAI,CAAEF,KAAM,KAAMC,KAAM,UAG1B,MAAME,EAAoB,CACxBC,QAAS,CAAEC,MAAO,WAClBC,SAAU,CAAED,MAAO,WAAYE,SAAU,OACzCC,QAAS,CAAEH,MAAO,WAClBI,KAAM,CAAEJ,MAAO,UAAWK,YAAa,QCTlC,MAAMC,EAAa,CAACC,EAAsCC,EAAqBC,KACpFF,EAAQG,SAAQC,IACdA,EAAMC,OAAOC,UAAUC,OAAON,EAAaG,EAAMI,gBACjDN,EAA4BE,EAAM,GAClC,ECJJ,MAAMK,EAAqB,4kDAC3B,MAAAC,EAAeD,E,MCWFE,EAAe,M,qCACD,K,iBACK,U,gBACD,E,UACN,E,UACA,K,cACI,K,cACC,I,WACJ,K,kBAES,M,YACP,I,CAE1BC,mBAAsBR,IACpB,GAAIA,EAAMI,eAAgB,CACxBK,KAAKC,aAAe,I,GAIxB,gBAAAC,GACE,OAAOC,G,CAGT,iBAAAC,GACEJ,KAAKK,OAASL,KAAKE,kB,CAIrB,kBAAAI,CAAmBC,EAAmBC,GACpC,MAAMxD,EAAMyD,SAASC,eAAe,sBAAsBV,KAAKK,UAAUL,KAAKW,SAC9E,GAAI3D,EAAIyC,UAAUmB,SAAS,kBAAoBL,IAAaC,EAAU,CACpEzD,EAAaC,EAAKgD,KAAKa,WAAYb,KAAKc,KAAMd,KAAK7C,SAAUkB,EAAiB2B,KAAKtC,QAAQc,KAAME,EAAkBsB,KAAK3C,a,EAI5H,MAAA0D,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iCACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0CACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,+CAA+CC,GAAI,sBAAsBpB,KAAKK,UAAUL,KAAKW,UACvGX,KAAKqB,MAAQL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gDAAgDnB,KAAKqB,OAEhFL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oDAAoDnB,KAAKsB,W,CAM5E,kBAAAC,GACE,MAAMC,EAAW,IAAIC,sBAAqBtC,GAAWD,EAAWC,EAAS,gBAAiBa,KAAKD,sBAC/F,MAAM/C,EAAMyD,SAASC,eAAe,sBAAsBV,KAAKK,UAAUL,KAAKW,SAC9Ea,EAASE,QAAQ1E,E","ignoreList":[]}

package/pn-market-web-components/p-95d32ab4.entry.js

@@ -0,0 +1,2 @@
+import{r as M,h as i}from"./p-82546a44.js";import{M as N}from"./p-6b1d045c.js";import{F as e}from"./p-3478f368.js";import{c as D}from"./p-8836de82.js";const I='<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="M10.5 4a1 1 0 0 0-1 1h5a1 1 0 0 0-1-1zm6 1a3 3 0 0 0-3-3h-3a3 3 0 0 0-3 3h-2A2.5 2.5 0 0 0 5 9.95V19a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V9.95A2.5 2.5 0 0 0 18.5 5zm.5 5H7v9a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1zM5.5 7a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1zm4.5 5a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1" clip-rule="evenodd"/></svg>';const g=I;const j={sv:{componentheading:"Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?",deliveryscopeheading:"Endast leveranser inom Sverige",resultlistheading:"Några bra alternativ för dig",sizeheading:"Uppskatta storleken på din försändelse",weightheading:"Uppskatta vikten på din försändelse",weightlabel:"Vikt",maxweightlabel:"Maxvikt",maxmeasurementlabel:"Maxvolym",senddirectcta:"Köp online",stampshopcta:"Till butiken",message:"*Vid köp hos valfritt ombud",servicePointHeader:"Eller hitta närmaste serviceställe",servicePointLink:"Hitta Serviceställe",realPostcard:"Köp Riktiga Vykort",realPostcardMobile:"Ladda ner appen",ombudHeader:"Köp via ombud",from:"Från ",labelMaxDimensionsRoll:"Rulle",labelMaxDimensions:"Maxmått",noResultMessage:"Inga produkter matchar dina kriterier",clearFilterButton:"Rensa alla filter",compensateUpTo:"Ersättning upp till",countryToSendTo:"Vilket land vill du skicka till?",smallPackage:"Litet paket",mediumPackage:"Medium paket",largePackage:"Stort paket",personComparison:"Person för jämförelse",cloudsImage:"Bild på moln"},en:{componentheading:"Our prices and terms and conditions for domestic shipments for you as a direct paying customer",deliveryscopeheading:"Deliveries within Sweden only",resultlistheading:"Some suitable options for you",sizeheading:"Estimate the size of your shipment",weightheading:"Estimate the weight of your shipment",weightlabel:"Weight",maxweightlabel:"Max weight",maxmeasurementlabel:"Maximum measurement",senddirectcta:"Buy Online",stampshopcta:"To the Store",message:"When buying from any agent",servicePointHeader:"Find service point",servicePointLink:"Find service point",realPostcard:"Buy Postcards",realPostcardMobile:"Download the app",ombudHeader:"Purchase by agent",from:"From ",labelMaxDimensionsRoll:"Roll",labelMaxDimensions:"Maximum dimensions",noResultMessage:"No products match your criterias",clearFilterButton:"Clear all filters",compensateUpTo:"Compensated up to",countryToSendTo:"To which country do you want to send?",smallPackage:"Small package",mediumPackage:"Medium package",largePackage:"Large package",personComparison:"Person for comparison",cloudsImage:"Image of clouds"},da:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Kun leveringer indenfor Sverige",resultlistheading:"Dine muligheder",sizeheading:"Hvor stor er din forsendelse?",weightheading:"Hvor meget vejer din forsendelse?",weightlabel:"Vægt",maxweightlabel:"Max vægt",maxmeasurementlabel:"Maks. Volumen",senddirectcta:"Køb Online",stampshopcta:"Til butikken",message:"When buying from any agent",servicePointHeader:"Find nærmeste servicested",servicePointLink:"Find nærmeste servicested",realPostcard:"Køb Riktiga Vykort",ombudHeader:"Køb af agent",from:"Fra ",labelMaxDimensionsRoll:"Rulle",labelMaxDimensions:"Maks. mål og vægt",noResultMessage:"Ingen produkter matcher dine kriterier",clearFilterButton:"Ryd alle filtre",compensateUpTo:"Erstatning op til",countryToSendTo:"Hvilket land vil du sende til?",smallPackage:"Lille pakke",mediumPackage:"Mellem pakke",largePackage:"Stor pakke",personComparison:"Person til sammenligning",cloudsImage:"Billede af skyer"},no:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Kun leveranser innen Sverige",resultlistheading:"Some suitable options for you",weightlabel:"Vekt",maxweightlabel:"Maks vekt",maxmeasurementlabel:"Maks volum",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop",noResultMessage:"No products match your criterias",clearFilterButton:"Clear all filters",compensateUpTo:"Kompensert inntil",countryToSendTo:"Hvilket land vil du sende til?"},fi:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Toimitukset vain Ruotsin sisällä",resultlistheading:"Some suitable options for you",weightlabel:"Paino",maxweightlabel:"Max paino",maxmeasurementlabel:"Max äänenvoimakkuus",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop",noResultMessage:"No products match your criterias",clearFilterButton:"Clear all filters",compensateUpTo:"Korvaus asti",countryToSendTo:"Mihin maahan haluaisit lähettää?"}};const z={se:{currency:"kr",country:"Sweden",servicePoint:"https://www.postnord.se/vara-verktyg/sok-brevlada-eller-servicestalle"},dk:{currency:"dk",country:"Denmark",servicePoint:"https://www.postnord.dk/varktojer/find-os"},fi:{currency:" €",country:"Finland",servicePoint:""},no:{currency:"kr",country:"Norway",servicePoint:""}};const a=[{name:"S",value:"S",illustration:"eli1n",unit:"S"},{name:"M",value:"M",illustration:"medium-package",unit:"M"},{name:"L",value:"L",illustration:"large-package",unit:"L"}];const t={se:{S:[{name:"50 g",abbreviation:"g",value:50},{name:"100 g",abbreviation:"g",value:100},{name:"250 g",abbreviation:"g",value:250},{name:"500 g",abbreviation:"g",value:500},{name:"1 kg",abbreviation:"kg",value:1e3},{name:"2 kg",abbreviation:"kg",value:2e3}],M:[{name:"1 kg",abbreviation:"kg",value:1e3},{name:"2 kg",abbreviation:"kg",value:2e3},{name:"3 kg",abbreviation:"kg",value:3e3},{name:"5 kg",abbreviation:"kg",value:5e3},{name:"10 kg",abbreviation:"kg",value:1e4},{name:"15 kg",abbreviation:"kg",value:15e3},{name:"20 kg",abbreviation:"kg",value:2e4}],L:[{name:"3 kg",abbreviation:"kg",value:3e3},{name:"5 kg",abbreviation:"kg",value:5e3},{name:"10 kg",abbreviation:"kg",value:1e4},{name:"15 kg",abbreviation:"kg",value:15e3},{name:"20 kg",abbreviation:"kg",value:2e4}]},dk:{S:[{name:"50 g",abbreviation:"g",value:50},{name:"100 g",abbreviation:"g",value:100},{name:"250 g",abbreviation:"g",value:250},{name:"500 g",abbreviation:"g",value:500},{name:"1 kg",abbreviation:"kg",value:1e3},{name:"2 kg",abbreviation:"kg",value:2e3}],M:[],L:[{name:"2 kg",abbreviation:"kg",value:2e3},{name:"5 kg",abbreviation:"kg",value:5e3},{name:"10 kg",abbreviation:"kg",value:1e4},{name:"15 kg",abbreviation:"kg",value:15e3},{name:"20 kg",abbreviation:"kg",value:2e4},{name:"25 kg",abbreviation:"kg",value:25e3},{name:"30 kg",abbreviation:"kg",value:3e4},{name:"35 kg",abbreviation:"kg",value:35e3}]},dk01012024:{S:[{name:"100 g",abbreviation:"g",value:100},{name:"250 g",abbreviation:"g",value:250},{name:"500 g",abbreviation:"g",value:500},{name:"1 kg",abbreviation:"kg",value:1e3},{name:"2 kg",abbreviation:"kg",value:2e3}],M:[],L:[{name:"2 kg",abbreviation:"kg",value:2e3},{name:"5 kg",abbreviation:"kg",value:5e3},{name:"10 kg",abbreviation:"kg",value:1e4},{name:"15 kg",abbreviation:"kg",value:15e3},{name:"20 kg",abbreviation:"kg",value:2e4},{name:"25 kg",abbreviation:"kg",value:25e3},{name:"30 kg",abbreviation:"kg",value:3e4},{name:"35 kg",abbreviation:"kg",value:35e3}]}};const{state:u,onChange:y}=D({i18n:{componentheading:"",deliveryscopeheading:"",resultlistheading:"",sizeheading:"",weightheading:"",weightlabel:"",maxweightlabel:"",maxmeasurementlabel:"",senddirectcta:"",stampshopcta:"",message:"",servicePointHeader:"",servicePointLink:"",realPostcard:"",realPostcardMobile:"",ombudHeader:"",noResultMessage:"",clearFilterButton:"",countryToSendTo:"",smallPackage:"",mediumPackage:"",largePackage:"",personComparison:"",cloudsImage:""},market:{currency:"",country:"",servicePoint:""}});const c="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCA1NCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ0LjM4NDggMzhINTAuMzAxN0M1MS45MzM5IDM4IDUzLjMxMTEgMzYuMjM1NyA1My4zMTExIDMzLjk5NjRWNC4wMDM1N0M1My4zMTExIDEuODMyMTQgNTEuOTg0OSAwIDUwLjMwMTcgMEg0NC4zODQ4VjM4WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNNDcuMzQzMyAzOEgxMy4zMjFDMTEuNjg4NyAzOCAxMC4zMTE1IDM2LjIzNTcgMTAuMzExNSAzMy45OTY0VjQuMDAzNTdDMTAuMzExNSAxLjgzMjE0IDExLjYzNzcgMCAxMy4zMjEgMEg0NC44NDM5QzQ2LjIyMTEgMCA0Ny4zNDMzIDEuNDkyODYgNDcuMzQzMyAzLjMyNVYzOFoiIGZpbGw9IiMwMEEwRDYiLz4KPHBhdGggZD0iTTQzLjMxNDMgMTAuNzg5NUM0My4zMTQzIDEyLjk2MDkgNDEuOTg4MSAxNC43MjUyIDQwLjM1NTkgMTQuNzI1MkgzNS45NjkyQzM0LjMzNjkgMTQuNzI1MiAzMy4wMTA3IDEyLjk2MDkgMzMuMDEwNyAxMC43ODk1QzMzLjAxMDcgOC42MTgwNCAzNC4zMzY5IDYuODUzNzYgMzUuOTY5MiA2Ljg1Mzc2SDQwLjM1NTlDNDIuMDM5MSA2LjkyMTYyIDQzLjMxNDMgOC42MTgwNCA0My4zMTQzIDEwLjc4OTVaIiBmaWxsPSIjOEVEREY5Ii8+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMjQ2XzM0NzAzKSI+CjxwYXRoIGQ9Ik0yMy4zMTE0IDMyLjY3NzJIMC42ODg0NzdWMjMuMjM0OEwxMC4zNzg0IDEzLjQ2OTRDMTEuMzA0NyAxMi41MzU4IDEyLjc4NDkgMTIuNTM4OSAxMy43MDc0IDEzLjQ3NjNMMjMuMzExNCAyMy4yMzQ4VjMyLjY3NzJaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik01LjI4NjI3IDE3LjAxNzZIMTguNzEzMkMxOS4zNDAxIDE3LjAxNzYgMTkuOTQxNCAxNy4yMDEzIDIwLjM4NDcgMTcuNTI4NEMyMC44MjggMTcuODU1NSAyMS4wNzcxIDE4LjI5OTEgMjEuMDc3MSAxOC43NjE3VjMzLjM3MzRIMi45MjI4NVYxOC43NjE3QzIuOTIyODUgMTguMjk5MSAzLjE3MTkgMTcuODU1NSAzLjYxNTIxIDE3LjUyODRDNC4wNTg1MiAxNy4yMDEzIDQuNjU5NzggMTcuMDE3NiA1LjI4NjcxIDE3LjAxNzZINS4yODYyN1oiIGZpbGw9IiNGOUY4RjgiLz4KPHBhdGggZD0iTTEyLjA3NzYgMjMuNzQzMkg3LjQxNjU3QzcuMTk4OTEgMjMuNzQzMiA3LjAyMjQ2IDIzLjkyNTYgNy4wMjI0NiAyNC4xNTA3VjI0LjE1MDhDNy4wMjI0NiAyNC4zNzU5IDcuMTk4OTEgMjQuNTU4MyA3LjQxNjU3IDI0LjU1ODNIMTIuMDc3NkMxMi4yOTUyIDI0LjU1ODMgMTIuNDcxNyAyNC4zNzU5IDEyLjQ3MTcgMjQuMTUwOFYyNC4xNTA3QzEyLjQ3MTcgMjMuOTI1NiAxMi4yOTUyIDIzLjc0MzIgMTIuMDc3NiAyMy43NDMyWiIgZmlsbD0iI0QzQ0VDQiIvPgo8cGF0aCBkPSJNMTYuOTg3IDI1Ljc2MUg3LjQxNjU3QzcuMTk4OTEgMjUuNzYxIDcuMDIyNDYgMjUuOTQzNCA3LjAyMjQ2IDI2LjE2ODVWMjYuMTY4NkM3LjAyMjQ2IDI2LjM5MzcgNy4xOTg5MSAyNi41NzYyIDcuNDE2NTcgMjYuNTc2MkgxNi45ODdDMTcuMjA0NiAyNi41NzYyIDE3LjM4MTEgMjYuMzkzNyAxNy4zODExIDI2LjE2ODZWMjYuMTY4NUMxNy4zODExIDI1Ljk0MzQgMTcuMjA0NiAyNS43NjEgMTYuOTg3IDI1Ljc2MVoiIGZpbGw9IiNEM0NFQ0IiLz4KPHBhdGggZD0iTTE2Ljk4NyAyNy42NTk4SDcuNDE2NTdDNy4xOTg5MSAyNy42NTk4IDcuMDIyNDYgMjcuODQyMiA3LjAyMjQ2IDI4LjA2NzNWMjguMDY3NEM3LjAyMjQ2IDI4LjI5MjUgNy4xOTg5MSAyOC40NzUgNy40MTY1NyAyOC40NzVIMTYuOTg3QzE3LjIwNDYgMjguNDc1IDE3LjM4MTEgMjguMjkyNSAxNy4zODExIDI4LjA2NzRWMjguMDY3M0MxNy4zODExIDI3Ljg0MjIgMTcuMjA0NiAyNy42NTk4IDE2Ljk4NyAyNy42NTk4WiIgZmlsbD0iI0QzQ0VDQiIvPgo8cGF0aCBkPSJNMTAuMzIxNyAzMC4yMjMxSDcuNDE2NTdDNy4xOTg5MSAzMC4yMjMxIDcuMDIyNDYgMzAuNDA1NiA3LjAyMjQ2IDMwLjYzMDdWMzAuNjMwOEM3LjAyMjQ2IDMwLjg1NTkgNy4xOTg5MSAzMS4wMzgzIDcuNDE2NTcgMzEuMDM4M0gxMC4zMjE3QzEwLjUzOTQgMzEuMDM4MyAxMC43MTU4IDMwLjg1NTkgMTAuNzE1OCAzMC42MzA4VjMwLjYzMDdDMTAuNzE1OCAzMC40MDU2IDEwLjUzOTQgMzAuMjIzMSAxMC4zMjE3IDMwLjIyMzFaIiBmaWxsPSIjRDNDRUNCIi8+CjxwYXRoIGQ9Ik0wLjY4ODgxMyAyMy4yMzQ2TDE5Ljg1MzcgMzcuOTE2NUgzLjEwNjg5QzEuNzcxMjQgMzcuOTE2NSAwLjY4ODQ3NyAzNi43OTk3IDAuNjg4NDc3IDM1LjQyMTlMMC42ODg4MTMgMjMuMjM0NloiIGZpbGw9IiMwMEEwRDYiLz4KPHBhdGggZD0iTTIzLjMxMTkgMjMuMzI0Mkw0LjEzNDc3IDM3LjkxNjFIMjAuODkzNEMyMi4yMjkxIDM3LjkxNjEgMjMuMzExOSAzNi43OTkzIDIzLjMxMTkgMzUuNDIxNVYyMy4zMjQyWiIgZmlsbD0iIzhFRERGOSIvPgo8cGF0aCBkPSJNMTIuMDM3OCAyMS45NTM3QzEyLjk0OTIgMjEuOTUzNyAxMy42ODgxIDIxLjE5MTYgMTMuNjg4MSAyMC4yNTEzQzEzLjY4ODEgMTkuMzExMSAxMi45NDg5IDE4LjU0OSAxMi4wMzc4IDE4LjU0OUMxMS4xMjY3IDE4LjU0OSAxMC4zODc3IDE5LjMxMTEgMTAuMzg3NyAyMC4yNTEzQzEwLjM4NzcgMjEuMTkxNiAxMS4xMjY1IDIxLjk1MzcgMTIuMDM3OCAyMS45NTM3WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNMTMuNjc3OCAyMC4wNjYyQzEzLjQxMTkgMjAuMTkzNiAxMy4xMzE4IDIwLjMxNjMgMTIuODcxNCAyMC40MzA2QzEyLjM1MzggMjAuNjU4MSAxMS44NjUgMjAuODcyOCAxMS41MTA3IDIxLjA5MDdDMTEuMzkyNSAyMS4xNjMyIDExLjEwODcgMjEuMzM3NSAxMC45OTcxIDIxLjU3MjVDMTEuMDg3NiAyMS42NDgxIDExLjE4NTcgMjEuNzEzNSAxMS4yODk2IDIxLjc2NzdDMTEuMjg4OCAyMS42ODEzIDExLjQzMDUgMjEuNTQzMSAxMS42ODI1IDIxLjM4ODNDMTIuMDE3MyAyMS4xODI4IDEyLjQ5NjEgMjAuOTcyNSAxMy4wMDMgMjAuNzQ5OEMxMy4yMzMgMjAuNjQ4NiAxMy40NTk3IDIwLjU0ODcgMTMuNjc1OCAyMC40NDg3QzEzLjY5MSAyMC4zMjE4IDEzLjY5MTYgMjAuMTkzNSAxMy42Nzc0IDIwLjA2NjVMMTMuNjc3OCAyMC4wNjYyWiIgZmlsbD0iIzAwQTBENiIvPgo8cGF0aCBkPSJNMTMuMjU2OCAxOS4zNzAzQzEzLjIxMzEgMTkuMjg4MSAxMy4xNjAzIDE5LjIxMDIgMTMuMDk5MiAxOS4xMzc4QzEyLjcyOTEgMTkuMzczMSAxMi4yODE0IDE5LjY0NDcgMTEuNzYwMSAxOS44MjQzQzExLjIyNjIgMjAuMDA4NCAxMC44MDg1IDIwLjA5MzYgMTAuNDYzOSAyMC4wNzM4QzEwLjQ3MjkgMjAuMTY3MiAxMC40OTI4IDIwLjI1OTQgMTAuNTIzMSAyMC4zNDg5QzEwLjkyODEgMjAuMzU3MiAxMS4zNzQ5IDIwLjI0ODcgMTEuODY2NCAyMC4wNzkzQzEyLjQxNDQgMTkuODkwNCAxMi44NzU1IDE5LjYxMjIgMTMuMjU2OCAxOS4zNzAzWiIgZmlsbD0iIzAwQTBENiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzEyNDZfMzQ3MDMiPgo8cmVjdCB3aWR0aD0iMjIuNjIzIiBoZWlnaHQ9IjI3LjU2MjUiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjY4ODQ3NyAxMC4zNTQxKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=";const n="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjciIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2NyA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMDM4NDIgNTkuOTk5OEg0Ny44OTAzVjguMTg4MjNINC4wMjkzVjU1LjE0NDhDNC4wMjkzIDU3LjgyNTkgNS44MjQ0MiA1OS45OTk4IDguMDM4NDIgNTkuOTk5OFoiIGZpbGw9IiMwMEEwRDYiLz4KPHBhdGggZD0iTTU4LjI0MzcgNjBINDYuNzU0OVY2LjUyMTczSDYyLjkxMVY1NC4yNzUzQzYyLjkxMSA1Ny40NjM3IDYwLjgxNjcgNjAgNTguMjQzNyA2MFoiIGZpbGw9IiMwMDVEOTIiLz4KPHBhdGggZD0iTTQuNDQ5MjggMTYuMTU5M0g0Ny40NzI2QzQ5LjY4NjYgMTYuMTU5MyA1MS40MjE4IDEzLjk4NTQgNTEuNDIxOCAxMS4zNzY3QzUxLjQyMTggOC42OTU1NiA0OS42MjY3IDYuNTk0MTIgNDcuNDcyNiA2LjU5NDEySDQuNDQ5MjhDMi4yMzUyOSA2LjU5NDEyIDAuNSA4Ljc2ODAzIDAuNSAxMS4zNzY3QzAuNSAxMy45ODU0IDIuMjM1MjkgMTYuMTU5MyA0LjQ0OTI4IDE2LjE1OTNaIiBmaWxsPSIjMDBBMEQ2Ii8+CjxwYXRoIGQ9Ik02Mi41NTExIDE2LjE1OTFINTYuMTQ4NUM1My45MzQ1IDE2LjE1OTEgNTIuMTk5MiAxMy45ODUyIDUyLjE5OTIgMTEuMzc2NUM1Mi4xOTkyIDguNjk1MzIgNTMuOTk0NCA2LjU5Mzg3IDU2LjE0ODUgNi41OTM4N0g2Mi41NTExQzY0Ljc2NTEgNi41OTM4NyA2Ni41MDA0IDguNzY3NzggNjYuNTAwNCAxMS4zNzY1QzY2LjUwMDQgMTMuOTg1MiA2NC43MDUzIDE2LjE1OTEgNjIuNTUxMSAxNi4xNTkxWiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNNC4wMjkzIDE2Ljg4MzlMNDYuNzUzNCAyNC43ODI1VjE2LjE1OTNINC4wMjkzVjE2Ljg4MzlaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik0xOC41NzAzIDYwSDE3LjY3MjdWNi44ODQwNkMxNy40OTMyIDYuODg0MDYgMTcuMzczNiA2LjgxMTU5IDE3LjI1MzkgNi43MzkxM0MxNS44Nzc2IDUuOTQyMDMgMTQuODAwNSAzLjI2MDg3IDE1LjE1OTYgMS41OTQyQzE1LjMzOTEgMC41Nzk3MTEgMTYuMDU3MSAwIDE3LjAxNDUgMEMxNy42NzI3IDAgMTguMTUxNCAwLjM2MjMxOSAxOC41MTA1IDAuODY5NTY2QzE4LjkyOTMgMS41MjE3NCAxOS4wNDkgMi41MzYyMyAxOC45ODkyIDMuNDc4MjZDMjAuMTI2MSAxLjg4NDA2IDIxLjY4MTkgMC44Njk1NjYgMjIuNzU4OSAxLjAxNDQ5QzIzLjQ3NyAxLjE1OTQyIDIzLjk1NTcgMS43MzkxMyAyNC4wMTU1IDIuNjgxMTZDMjQuMDc1NCAzLjMzMzMzIDIzLjg5NTkgNC4zNDc4MyAyMi44MTg4IDUuMjE3MzlDMjEuNzQxNyA2LjE1OTQyIDE5Ljk0NjYgNi43MzkxMyAxOC42MzAyIDYuODExNTlWNjBIMTguNTcwM1pNMTYuODk0OSAxLjA4Njk2QzE2LjIzNjYgMS4wODY5NiAxNi4wNTcxIDEuNTIxNzQgMTUuOTk3MyAxLjgxMTU5QzE1Ljc1NzkgMy4wNDM0OCAxNi42NTU1IDUuMjE3MzkgMTcuNjEyOSA1LjcyNDY0QzE3LjY3MjcgNS43MjQ2NCAxNy42NzI3IDUuNzI0NjQgMTcuNzMyNiA1Ljc5NzFDMTcuOTcxOSA0LjcxMDE0IDE4LjI3MTEgMi40NjM3NyAxNy43MzI2IDEuNTIxNzRDMTcuNTUzMSAxLjIzMTg4IDE3LjMxMzcgMS4wODY5NiAxNi44OTQ5IDEuMDg2OTZDMTYuOTU0NyAxLjA4Njk2IDE2Ljg5NDkgMS4wODY5NiAxNi44OTQ5IDEuMDg2OTZaTTIyLjQ1OTggMi4xMDE0NUMyMS40NDI1IDIuMTAxNDUgMTkuNTg3NiAzLjYyMzE5IDE4Ljc0OTggNS43OTcxQzE5Ljc2NzEgNS42NTIxNyAyMS4yNjMgNS4yMTczOSAyMi4yMjA0IDQuNDIwMjlDMjIuODE4OCAzLjkxMzA0IDIzLjExOCAzLjQwNTggMjMuMDU4MSAyLjgyNjA5QzIyLjk5ODMgMi4yNDYzOCAyMi44MTg4IDIuMTczOTEgMjIuNTc5NCAyLjEwMTQ1QzIyLjUxOTYgMi4xMDE0NSAyMi41MTk2IDIuMTAxNDUgMjIuNDU5OCAyLjEwMTQ1WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNNTAuNDAzNSAzMi42MDg2SDQuMDI5M1YzMy42OTU2SDUwLjQwMzVWMzIuNjA4NloiIGZpbGw9IiMwMDVEOTIiLz4KPC9zdmc+Cg==";const T="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTciIGhlaWdodD0iMTIxIiB2aWV3Qm94PSIwIDAgOTcgMTIxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTIuNTk5OCAxMjAuMjI0SDY5LjMyNjVWMTYuMTczN0g1LjgwMzcxVjEwOC43NzRDNS44MDM3MSAxMTUuMTA0IDguODQ1MjkgMTIwLjIyNCAxMi41OTk4IDEyMC4yMjRaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik04NC4zNjEyIDEyMC4yMjRINjcuNzI3NVYxMi43NTRIOTEuMTU3M1YxMDguNzg0QzkxLjE1NzMgMTE1LjEwNCA4OC4xMTU3IDEyMC4yMjQgODQuMzYxMiAxMjAuMjI0WiIgZmlsbD0iIzBEMjM0QiIvPgo8cGF0aCBkPSJNNi4zNjg2NyAzMi4xMTRINjguNzY4N0M3MS45NDEgMzIuMTE0IDc0LjUxOTIgMjcuNzg0IDc0LjUxOTIgMjIuNDM0Qzc0LjUxOTIgMTcuMDk0IDcxLjk0NyAxMi43NTQgNjguNzY4NyAxMi43NTRINi4zNjg2N0MzLjE5NjM5IDEyLjc1NCAwLjYxODE2NCAxNy4wODQgMC42MTgxNjQgMjIuNDM0QzAuNjE4MTY0IDI3Ljc3NCAzLjE5NjM5IDMyLjExNCA2LjM2ODY3IDMyLjExNFoiIGZpbGw9IiMwMDVEOTIiLz4KPHBhdGggZD0iTTkwLjYzMTIgMzIuMTE0SDgxLjI4NjZDNzguMTE0MyAzMi4xMTQgNzUuNTM2MSAyNy43ODQgNzUuNTM2MSAyMi40MzRDNzUuNTM2MSAxNy4wOTQgNzguMTA4NCAxMi43NTQgODEuMjg2NiAxMi43NTRIOTAuNjMxMkM5My44MDM1IDEyLjc1NCA5Ni4zODE3IDE3LjA4NCA5Ni4zODE3IDIyLjQzNEM5Ni4zODE3IDI3Ljc3NCA5My44MDk0IDMyLjExNCA5MC42MzEyIDMyLjExNFoiIGZpbGw9IiMwRDIzNEIiLz4KPHBhdGggZD0iTTUuODAzNzEgMzMuNjQzOUw2Ny43Mjg1IDQ5LjM5MzlWMzIuMTEzOUg1LjgwMzcxVjMzLjY0MzlaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik0yNi42MzgxIDEyMC4yMjRIMjUuNzQ3VjEzLjIwMzhDMjUuNDM4IDEzLjE1MzggMjUuMTgyNiAxMy4wNjM4IDI1LjAwNDQgMTIuOTEzOEMyMy4xMzkgMTEuNDEzOCAyMS42MDYzIDYuMTczODIgMjIuMDc1NyAyLjg5MzgyQzIyLjIzNiAxLjc4MzgyIDIyLjc1MjkgLTAuMDk2MTY2NiAyNC41NDEgMC4wMDM4MzMzOUMyNS40MDgzIDAuMDQzODMzNCAyNi4wODU2IDAuNjAzODI2IDI2LjU0MyAxLjY4MzgzQzI3LjIwMjQgMy4yMjM4MyAyNy4yNzM3IDUuNjAzODMgMjcuMTYwOCA3LjczMzgzQzI4LjgwMDQgNC4xMzM4MyAzMS4yMTgzIDEuODAzODMgMzIuODEwNCAyLjEzMzgzQzMzLjc1NDkgMi4zMzM4MyAzNC4zNDkgMy40NDM4MiAzNC40MzgxIDUuMTkzODJDMzQuNTI3MiA2Ljk3MzgyIDMzLjk1NjkgOC42NDM4MyAzMi43NzQ3IDEwLjAyMzhDMzEuMDk5NSAxMS45ODM4IDI4LjQzODEgMTMuMDkzOCAyNi42MzIxIDEzLjIyMzhWMTIwLjIyNEgyNi42MzgxWk0yNC40MzQxIDEuNTAzODNDMjMuNTk2NSAxLjUwMzgzIDIzLjEwOTMgMi4wNzM4MyAyMi45NDMgMy4yNTM4M0MyMi41NzQ3IDUuODYzODMgMjMuODk5NCAxMC4zNjM4IDI1LjM5MDUgMTEuNTYzOEMyNS40ODU2IDExLjY0MzggMjUuNjM0MSAxMS42OTM4IDI1LjgxODIgMTEuNzIzOEMyNi4xNjg3IDkuNjMzODMgMjYuNzMzMSA0LjY5MzgzIDI1LjgxODIgMi41NjM4M0MyNS41MjcyIDEuODgzODMgMjUuMDk5NCAxLjUzMzgzIDI0LjUxNzMgMS41MTM4M0MyNC40ODc1IDEuNTAzODMgMjQuNDYzOCAxLjUwMzgzIDI0LjQzNDEgMS41MDM4M1pNMzIuNDk1NSAzLjU5MzgyQzMwLjg5NzUgMy41OTM4MiAyNy45ODY2IDYuOTYzODMgMjYuNzkyNSAxMS43MTM4QzI4LjM0MyAxMS41MjM4IDMwLjcyNTIgMTAuNTkzOCAzMi4yNzU3IDguNzgzODNDMzMuMTkwNiA3LjcxMzgzIDMzLjYxODMgNi41NTM4MyAzMy41NTg5IDUuMzEzODNDMzMuNDg3NiAzLjkzMzgzIDMzLjAzNjEgMy42ODM4MyAzMi43MDk0IDMuNjEzODNDMzIuNjM4MSAzLjYwMzgzIDMyLjU2NjggMy41OTM4MiAzMi40OTU1IDMuNTkzODJaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik03MC40OTE3IDY1LjcwNEg1LjgxMDU1VjY3LjIwNDFINzAuNDkxN1Y2NS43MDRaIiBmaWxsPSIjMEQyMzRCIi8+Cjwvc3ZnPgo=";const o="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcxIiBoZWlnaHQ9IjI0NiIgdmlld0JveD0iMCAwIDE3MSAyNDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjUuMDk0NiAxMDAuODM4TDQ5LjIzMjEgODAuNjAzMUM0Ni4xMTM4IDc2LjkzNjQgNDYuNzkxNyA3MS4zNjg1IDUwLjU4NzggNjguNjUyNUM1NC4zODQgNjUuNjY0OCA1OS44MDcxIDY2LjYxNTQgNjIuMzgzIDcwLjY4OTVMNzUuOTQwNyA5Mi44MjUzTDY1LjA5NDYgMTAwLjgzOFoiIGZpbGw9IiMwMDVFNDEiLz4KPHBhdGggZD0iTTY1Ljc2ODUgMjI2LjMxOUg1Mi4wNzUyVjIzNi4yMzNINjUuNzY4NVYyMjYuMzE5WiIgZmlsbD0iI0ZGQzhBMyIvPgo8cGF0aCBkPSJNNTIuMDc1MiAyMzMuNjUyVjI0Mi4yMDhIODguMDAzMUw2NS43Njg1IDIzMS43NTFWMjI4Ljc2M0w1Mi4wNzUyIDIzMy42NTJaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik01Mi4wNzUyIDIzMy42NTJWMjQyLjIwOEg4OC4wMDMxTDY1Ljc2ODUgMjMxLjc1MVYyMjguNzYzTDUyLjA3NTIgMjMzLjY1MloiIGZpbGw9IiNGMDYzNjUiLz4KPHBhdGggZD0iTTM5LjMzMDIgMjIwLjc1MkgyNi41ODU5VjIzMi43MDNIMzkuMzMwMlYyMjAuNzUyWiIgZmlsbD0iI0ZGQzhBMyIvPgo8cGF0aCBkPSJNMjYuNTg4NSAyMzIuNzAyTDIyLjY1NjcgMjQyLjIwOEg0My4yNjQ0TDM5LjE5NzEgMjMwLjEyMkwyNi41ODg1IDIzMi43MDJaIiBmaWxsPSIjRjA2MzY1Ii8+CjxwYXRoIGQ9Ik00My4yNjQ0IDI0Mi4yMDhIMjIuNjU2N1YyNDZINDMuMjY0NFYyNDIuMjA4WiIgZmlsbD0iIzUwMDcxNSIvPgo8cGF0aCBkPSJNNDQuNzUzIDExNS4yMzJWMjI2Ljg2MkgyMS4xNjI2VjE0Ny41NTNDMjEuMTYyNiAxMzUuODc0IDI0LjQxNjQgMTI0Ljg3NCAzMC4zODE4IDExNS4wOTdINDQuNzUzVjExNS4yMzJaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik00NS41Njc5IDExNS4yMzNINTguOTlMNzIuNjgzMiAxNjYuODM4QzczLjYzMjMgMTcwLjA5NyA3NC4wMzkgMTczLjYyOCA3NC4wMzkgMTc3LjAyM1YyMjYuODYzSDUyLjA3NTVWMTc3LjU2Nkw0NC42MTg4IDE0My44ODdMNDMuOTQwOSAxMTUuMjMzSDQ1LjU2NzlaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZD0iTTUwLjg1NCAxNDQuMjk0TDUyLjM0NTQgMTc3LjU2Nkw0NS41NjY2IDE0Ny45NjFMNDQuODg4NyAxNDUuMTA5SDQ1LjgzNzdMNTAuODU0IDE0NC4yOTRaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik00Mi45OTA1IDExOC45SDIxLjE2MjZWMTUyLjQ0M0g0Mi45OTA1VjExOC45WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBvcGFjaXR5PSIwLjIiIGQ9Ik02My4xOTQzIDEzMS4xMjJMMjEuMzAxIDEzNS44NzVDMjEuMzAxIDEzNS44NzUgMjEuMTY1NCAxMzAuNDQzIDIxLjU3MjEgMTI1LjY5TDYyLjI0NTIgMTI2LjA5N0w2Mi45MjMxIDEyOS42MjhDNjIuOTIzMSAxMzAuMzA3IDYzLjA1ODcgMTMwLjg1IDYzLjE5NDMgMTMxLjEyMloiIGZpbGw9IiMwRDIzNEIiLz4KPHBhdGggZD0iTTg4LjAwMzEgMjQyLjIwOEg1Mi4wNzUyVjI0Nkg4OC4wMDMxVjI0Mi4yMDhaIiBmaWxsPSIjNTAwNzE1Ii8+CjxwYXRoIGQ9Ik01OS45NDAzIDExOS4wMzVMNTguMzEzNCA4MC40Njc1TDYwLjQ4MjYgNzYuNTI5MkM2MS40MzE2IDcwLjY4OTcgNTAuNDQ5OSA2NC41Nzg2IDQ0LjQ4NDUgNjQuNTc4NkwyNS41MDM3IDY3LjU2NjNDMjEuOTc4NyA2OC4yNDUzIDIwLjg5NDEgNjguOTI0MyAxOC45OTYgNzAuNjg5N0MxNi45NjI0IDcyLjU5MSAxNS4xOTk5IDc0Ljg5OTYgMTMuOTc5NyA3Ny4zNDRMMi4wNDg5MiAxMDIuODc1QzAuOTY0MzA2IDEwNS4wNDggMS4wOTk4OCAxMDcuNjI4IDIuMzIwMDcgMTA5LjgwMUwxNC4xMTUzIDEyOC40MDZMMjQuNDE5MSAxMjIuNTY2TDE2LjE0ODkgMTA1LjcyN0wyNS42MzkzIDkyLjk2MTNMMjMuNjA1NyAxMDAuODM4TDIyLjUyMSAxMTkuMDM1QzIyLjExNDMgMTIwLjkzNyAyMy40NzAxIDEyMi41NjYgMjUuMzY4MSAxMjIuNTY2SDU3LjkwNjZDNjAuNDgyNiAxMjIuNzAyIDYwLjQ4MjYgMTIxLjQ4IDU5Ljk0MDMgMTE5LjAzNVoiIGZpbGw9IiMwMDVFNDEiLz4KPHBhdGggZD0iTTU3LjUwMTYgNjcuMDIzMkw0OS4yMzE0IDY0Ljk4NjJWNjkuMDYwM0w1Ny41MDE2IDY3LjAyMzJaIiBmaWxsPSIjMDA1RTQxIi8+CjxwYXRoIGQ9Ik00OS45MDY0IDEyNC4wNkgyOC4wNzg1QzI0LjgyNDYgMTI0LjA2IDIyLjI0ODcgMTIwLjkzNyAyMy4wNjIxIDExNy42NzhMMzEuNjAzNSA4OS43MDIzTDQ5LjkwNjQgODguNzUxN1YxMjQuMDZaIiBmaWxsPSIjRkJDMkMxIi8+CjxwYXRoIGQ9Ik02Mi42NTM0IDg1Ljc2MzhIMjEuNDM4VjEyOC45NDlINjIuNjUzNFY4NS43NjM4WiIgZmlsbD0iIzAwNUU0MSIvPgo8cGF0aCBkPSJNMjAuODkyNiA5OC45MzcxTDI4LjM0OTMgODkuNzAyNSIgc3Ryb2tlPSIjMDAyRjI0IiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTYyLjM4MDkgOTcuNzE0NVY4OC4wNzI1IiBzdHJva2U9IiMwMDJGMjQiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjMuMTk3MyAxMjIuNzAyTDI2LjA0NDUgMTI1LjY5TDI4LjA3ODEgMTI2LjM2OUMyOS40MzM5IDEyNi43NzYgMzAuNTE4NSAxMjcuNDU1IDMxLjYwMzEgMTI4LjI3TDM3LjcwNDEgMTMzLjQzMUMzOC4yNDY0IDEzMy44MzggMzguMzgyIDEzNC41MTcgMzguMTEwOCAxMzUuMDZDMzcuNzA0MSAxMzUuNzM5IDM2Ljg5MDYgMTM2LjAxMSAzNi4wNzcyIDEzNS42MDRMMzIuODIzMyAxMzMuNTY2QzMyLjgyMzMgMTMzLjU2NiAzMi4wMDk4IDEzNy41MDUgMjMuNzM5NyAxMzYuNjlDMjMuNzM5NyAxMzYuNjkgMjEuNzA2IDEzNC41MTcgMjEuNTcwNCAxMzEuMTIyTDE4Ljg1ODkgMTI3Ljg2M0wyMy4xOTczIDEyMi43MDJaIiBmaWxsPSIjRkZDOEEzIi8+CjxwYXRoIGQ9Ik0yNy41MzczIDEyMy45MjRMMTYuNTU1NiAxMzIuODg3TDMuNTQwMTkgMTExLjcwMkMyLjQ1NTU4IDEwOS45MzcgMi4xODQ0MiAxMDcuNzY0IDIuOTk3ODggMTA1LjcyN0w2LjUyMjg5IDk2LjIyMDdMMTQuOTI4NyAxMDAuOTc0TDI3LjUzNzMgMTIzLjkyNFoiIGZpbGw9IiMwMDVFNDEiLz4KPHBhdGggZD0iTTU0LjY1MjggODIuMzY4N0gyNy4xMzA2TDIzLjc0MTIgNjguNjUyN0w0My45NDIyIDY0Ljg1MDJMNTQuNjUyOCA4Mi4zNjg3WiIgZmlsbD0iIzAwNUU0MSIvPgo8cGF0aCBkPSJNNDUuMDI2NiA3NS45ODZINDIuNDUwNkM0MC4wMTAyIDc1Ljk4NiAzNy45NzY2IDczLjk0OSAzNy45NzY2IDcxLjUwNDVWNTQuMTIxOEg0OS4zNjVWNzEuNTA0NUM0OS41MDA2IDczLjk0OSA0Ny40NjY5IDc1Ljk4NiA0NS4wMjY2IDc1Ljk4NloiIGZpbGw9IiNGRkM4QTMiLz4KPHBhdGggZD0iTTUzLjE1OTYgNDIuOTg2M0M1My4xNTk2IDQyLjk4NjMgNDcuODcyMSA1MC40NTU0IDM2LjYxOTIgNTAuMDQ4QzM2LjYxOTIgNTAuMDQ4IDM1Ljk0MTMgNDMuNjY1MyAzNy45NzUgNDAuNjc3N0MzOS44NzMgMzcuNTU0MiA0Ny4zMjk4IDM2Ljg3NTIgNDkuMjI3OSAzNy40MTg0QzUxLjI2MTUgMzcuOTYxNiA1My4wMjQgNDIuMDM1NyA1My4xNTk2IDQyLjk4NjNaIiBmaWxsPSIjMDQyMDQ4Ii8+CjxwYXRoIGQ9Ik00Mi45OTQ5IDUyLjIyMDZIMzUuNTM4MkMzNC4zMTggNTIuMjIwNiAzMy4yMzM0IDUxLjY3NzQgMzIuNTU1NSA1MC43MjY3QzMyLjE0ODggNTAuMDQ3NyAzMS44Nzc2IDQ5LjM2ODcgMzEuODc3NiA0OC41NTM5TDMxLjc0MiA0My41MjkyQzMxLjQ3MDkgNDEuNDkyMiAzMy4wOTc4IDM5LjU5MDkgMzUuMTMxNCAzOS41OTA5SDQyLjk5NDlWNTIuMjIwNloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik01NC4xMTAzIDUxLjQwNTlMNTAuODU2NCA1MC44NjI3TDUzLjAyNTcgMzkuMzE5NUw1OS45NDAxIDQwLjU0MTdMNTguNDQ4OCA0OC40MTgyQzU4LjE3NzYgNTAuNDU1MyA1Ni4xNDM5IDUxLjgxMzMgNTQuMTEwMyA1MS40MDU5WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTQ4Ljk1NzEgNjIuOTQ4NUw0NS4yOTY1IDYyLjgxMjdDMzkuNjAyMyA2Mi42NzY5IDM1LjEyODIgNTguMzMxMiAzNS4zOTk0IDUzLjMwNjVMMzUuNjcwNiA0NS40M0MzNS44MDYxIDQwLjQwNTMgNDAuNTUxMyAzNi4zMzEyIDQ2LjI0NTYgMzYuNDY3SDQ3LjQ2NTdDNTMuMTYgMzYuNjAyOCA1Ny42MzQgNDAuOTQ4NSA1Ny4zNjI5IDQ1Ljk3MzJMNTYuOTU2MSA1Ni4wMjI2QzU2LjgyMDYgNjAuMDk2NyA1My4yOTU2IDYzLjA4NDMgNDguOTU3MSA2Mi45NDg1WiIgZmlsbD0iI0ZGQzhBMyIvPgo8cGF0aCBkPSJNNDYuMjQ0NiAzNS4xMDk1TDUyLjYxNjcgMjguMDQ3OEM1NC41MTQ4IDI2LjE0NjYgNTcuNDk3NSAyNS43MzkyIDU5LjgwMjMgMjcuMjMzQzYyLjUxMzkgMjguOTk4NCA2My4xOTE3IDMyLjgwMDkgNjEuMjkzNyAzNS4zODExTDU3LjM2MTkgNDAuNjc3NEw0Ni4yNDQ2IDM1LjEwOTVaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik01Ny4zNjE2IDQzLjgwMDJINDIuMTc3QzM5LjE5NDMgNDMuODAwMiAzNi43NTM5IDQxLjM1NTggMzYuNzUzOSAzOC4zNjgxQzM2Ljc1MzkgMzUuMzgwNSAzOS4xOTQzIDMyLjkzNiA0Mi4xNzcgMzIuOTM2SDU3LjM2MTZDNjAuMzQ0MyAzMi45MzYgNjIuNzg0NyAzNS4zODA1IDYyLjc4NDcgMzguMzY4MUM2Mi43ODQ3IDQxLjM1NTggNjAuMzQ0MyA0My44MDAyIDU3LjM2MTYgNDMuODAwMloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0zNi43NTY4IDUxLjk0OTFIMzMuNTAyOVY0MC4xMzQzSDQwLjU1MjlWNDguMTQ2NkM0MC41NTI5IDUwLjE4MzcgMzguOTI2IDUxLjk0OTEgMzYuNzU2OCA1MS45NDkxWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTM0Ljg1NTkgNTMuNDQyN0MzNi40MjgzIDUzLjQ0MjcgMzcuNzAzIDUyLjE2NTkgMzcuNzAzIDUwLjU5MDlDMzcuNzAzIDQ5LjAxNTggMzYuNDI4MyA0Ny43MzkgMzQuODU1OSA0Ny43MzlDMzMuMjgzNSA0Ny43MzkgMzIuMDA4OCA0OS4wMTU4IDMyLjAwODggNTAuNTkwOUMzMi4wMDg4IDUyLjE2NTkgMzMuMjgzNSA1My40NDI3IDM0Ljg1NTkgNTMuNDQyN1oiIGZpbGw9IiNGRkM4QTMiLz4KPHBhdGggZD0iTTMxLjczODMgNDguNTU0MUw0OC4xNDMxIDMzLjA3MjZDNDguMTQzMSAzMy4wNzI2IDQzLjM5NzkgMjkuNjc3NSAzNi4zNDc5IDMyLjgwMUMzNi4zNDc5IDMyLjgwMSAyNy4yNjQzIDM2LjE5NiAzMS43MzgzIDQ4LjU1NDFaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik0zNy45NzgzIDQyLjcxMzhMNDcuODc1NSAzMi45MzZMNDMuNTM3IDMzLjYxNUwzNy4wMjkzIDQxLjIyTDM3Ljk3ODMgNDIuNzEzOFoiIGZpbGw9IiMwMDVEOTIiLz4KPHBhdGggZD0iTTMzLjUwMDggMzYuNDY2OUwzMi44MjI5IDM1LjM4MDVDMzIuNDE2MiAzNC44MzczIDMyLjU1MTggMzQuMDIyNSAzMy4wOTQxIDMzLjQ3OTNDMzMuNzcyIDMyLjgwMDIgMzQuODU2NiAzMi45MzYgMzUuMzk4OSAzMy42MTUxTDM2LjIxMjMgMzQuNzAxNUwzMy41MDA4IDM2LjQ2NjlaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik00NC42MTk5IDQzLjI1NzdINDAuMDEwM1Y0Ny4zMzE4SDQ0LjYxOTlWNDMuMjU3N1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik00OS4wOTI2IDQ4LjgyNUg0MC41NTEzVjQ2Ljc4NzlDNDAuNTUxMyA0NS4xNTgzIDQxLjkwNzEgNDMuODAwMyA0My41MzQgNDMuODAwM0g0OS4wOTI2VjQ4LjgyNVoiIGZpbGw9IiNGRkM4QTMiLz4KPHBhdGggZD0iTTM4LjExNDMgNjcuNDMwNEw0My44MDg2IDcyLjU5MDlMNDkuNTAyOCA2Ny40MzA0TDUyLjIxNDMgNjcuODM3OEw1Mi4zNDk5IDc4LjE1ODhIMzIuOTYyNEwzNC4wNDcgNjcuODM3OEwzOC4xMTQzIDY3LjQzMDRaIiBmaWxsPSIjMDA1RTQxIi8+CjxwYXRoIGQ9Ik00My42NzA5IDcyLjk5ODRWODguODg3MyIgc3Ryb2tlPSIjMDA1RTQxIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTM0LjA0MjUgNjguNjUzMkwzOC4xMDk4IDc2LjEyMjNMNDMuNjY4NCA3Mi45OTg5TDQ3LjczNTcgNzUuNzE0OUw1MS42Njc1IDcwLjgyNiIgc3Ryb2tlPSIjMDA1RTQxIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTQ5LjIyOTUgNjMuMjIwN0M0OS4yMjk1IDYzLjIyMDcgNDUuNDMzNCA2My42MjgxIDQyLjA0MzkgNjIuNDA1OSIgc3Ryb2tlPSIjNEYxNjAwIiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTIyLjkyNjMgMTM2LjgyNkMyMi45MjYzIDEzNi44MjYgMjkuODQwNyAxMzguNTkxIDMyLjk1OSAxMzMuODM4IiBzdHJva2U9IiMwRDIzNEIiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzEuNjA2NCAxMjguMjdMMzcuNzA3NCAxMzMuNDNDMzguMjQ5NyAxMzMuODM4IDM4LjM4NTMgMTM0LjUxNyAzOC4xMTQxIDEzNS4wNkMzNy43MDc0IDEzNS43MzkgMzYuODkzOSAxMzYuMDEgMzYuMDgwNSAxMzUuNjAzTDMyLjgyNjYgMTMzLjU2NiIgZmlsbD0iI0ZGQzhBMyIvPgo8cGF0aCBkPSJNNDEuOTA3MiAxNDUuMjQ1TDUxLjgwNDMgMTQzLjg4NyIgc3Ryb2tlPSIjMEQyMzRCIiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE3LjA5NTcgMTA0LjkxMkwxNS4wNjIgMTAxLjEwOSIgc3Ryb2tlPSIjMDAyRjI0IiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTY4LjQ4MTcgMjMzLjEwOUw2NC42ODU1IDIzNy43MjciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNzIuOTU1OCAyMzQuNDY4TDY5LjE1OTcgMjM5LjA4NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yOS44NDIzIDIzNC40NjhIMzcuMjk5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTI5LjI5NzQgMjM3LjcyN0gzNy44Mzg3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTQzLjY3MDkgNzIuOTk4NFY4OC44ODczIiBzdHJva2U9IiMwMDJGMjQiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzQuMDQyNSA2OC42NTMyTDM4LjEwOTggNzYuMTIyM0w0My42Njg0IDcyLjk5ODlMNDcuNzM1NyA3NS43MTQ5TDUxLjY2NzUgNzAuODI2IiBzdHJva2U9IiMwMDJGMjQiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwNS4zOTggMTIzLjE1MUw5Ny42NzAzIDExMi42Qzk3LjY3MDMgMTEyLjYgOTcuNDcyNSAxMTIuNDE2IDk3LjM3MzYgMTEyLjMyNEw3NS4xMTY3IDkxLjU2ODZMNjUuODUgMTAxLjUwNkw5Mi40NDk4IDExNy4yMDdDOTMuNTI1MyAxMTcuODM4IDk0LjE5ODkgMTE3LjkwOSA5NS4yMzcgMTE3LjM5MUwxMDIuNzc5IDEyNS4xNjdDMTAzLjM3MiAxMjUuNzIgMTA0LjA0NiAxMjUuNzkxIDEwNC43OTkgMTI1LjM3OUMxMDUuMzYyIDEyNC45NzQgMTA1LjgyNSAxMjQuNDc4IDEwNS42MDggMTIzLjcxOEMxMDUuNjAyIDEyMy41MjcgMTA1LjUwMyAxMjMuNDM1IDEwNS4zOTggMTIzLjE1MVoiIGZpbGw9IiNGRkM4QTMiLz4KPHBhdGggZD0iTTg0Ljk0MTYgMTE2LjEzNUw2NS44NSAxMDEuNTA2TDc1LjExNjcgOTEuNTY4NEw5NC45OTE0IDExMC4xMDJMODguODU3MyAxMTUuNjkyQzg3LjY4ODggMTE2Ljc0NyA4Ni4wMjQ3IDExNi45NSA4NC45NDE2IDExNi4xMzVaIiBmaWxsPSIjMDA1RTQxIi8+CjxyZWN0IHg9IjcwLjE0NzkiIHk9Ijg2LjkzNTEiIHdpZHRoPSIxMy41ODc1IiBoZWlnaHQ9IjEzLjU4NzUiIHJ4PSI2Ljc5Mzc3IiB0cmFuc2Zvcm09InJvdGF0ZSg0MyA3MC4xNDc5IDg2LjkzNTEpIiBmaWxsPSIjMDA1RTQxIi8+CjxwYXRoIG9wYWNpdHk9IjAuMyIgZD0iTTc3LjYwMDkgOTMuODg1MUw3My4zMzAzIDk1LjQ3NjNMODAuMDg1MyA5Ni4yMDE4TDc3LjYwMDkgOTMuODg1MVoiIGZpbGw9IiMwMDJGMjQiLz4KPC9zdmc+Cg==";const r="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc4IiBoZWlnaHQ9IjU1IiB2aWV3Qm94PSIwIDAgMjc4IDU1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjQ3LjM1NSA0OS42ODE1QzI0Ny42OTQgNTIuNDc5IDI0OS43MjIgNTQuNjI2MSAyNTIuMTgxIDU0LjYyNjFIMjcyLjkyNkMyNzUuNjIgNTQuNjI2MSAyNzcuNzk4IDUyLjA1MjIgMjc3Ljc5OCA0OC44Njg2VjQ4LjgwMDhDMjc3Ljc5OCA0NS42MTczIDI3NS42MiA0My4wNDMzIDI3Mi45MjYgNDMuMDQzM0gyNzAuNTM3QzI2OS42MDggMzkuMjQzOSAyNjYuODQ2IDM2LjQ3MyAyNjMuNTg1IDM2LjQ3M0gyNTkuNzE3QzI1OS4zNzMgMzEuODQxIDI1Ni4xMDEgMjguMjA5MiAyNTIuMTI0IDI4LjIwOTJDMjQ4LjE0NiAyOC4yMDkyIDI0NC44OCAzMS44NDEgMjQ0LjUzIDM2LjQ3M0gyNDIuMDk1QzIzOC4wODMgMzYuNDczIDIzNC44MTYgNDAuNjcyNiAyMzQuODE2IDQ1LjgyMDVWNDkuNjgxNUgyNDcuMzU1WiIgZmlsbD0iI0UwRjhGRiIvPgo8cGF0aCBkPSJNMTIuMDM5MSA0Ni4xMDIyQzEyLjMxNzYgNDguNTU2OSAxNC4wODY3IDUwLjQzNzMgMTYuMjQyMSA1MC40MzczSDM0LjU4MDdDMzYuOTMwNCA1MC40MzczIDM4LjgyMTYgNDguMjAyIDM4LjgyMTYgNDUuNDI0OFY0NS4zNTcxQzM4LjgyMTYgNDIuNTc5OSAzNi45MzA0IDQwLjM0NDYgMzQuNTgwNyA0MC4zNDQ2SDMyLjQ2ODRDMzEuNjY3OCAzNy4wMjA5IDI5LjIyNyAzNC41ODcyIDI2LjMyODMgMzQuNTg3MkgyMi45MTc5QzIyLjYwMDQgMzAuNTU5NyAxOS43MzI3IDI3LjQwNzEgMTYuMjQyMSAyNy40MDcxQzEyLjc1MTQgMjcuNDA3MSA5Ljg4MzcxIDMwLjU1OTcgOS41NjYyMiAzNC41ODcySDcuNDE2NThDMy44NjM0NiAzNC41ODcyIDAuOTk4MDQ3IDM4LjI0NDggMC45OTgwNDcgNDIuNzE1NFY0Ni4xMDIySDEyLjAzOTFaIiBmaWxsPSIjRTBGOEZGIi8+CjxwYXRoIGQ9Ik0xMzEuMDU2IDI2LjU4NjRDMTMxLjQ0OSAzMC4wNDIzIDEzMy45NDggMzIuNjg5NSAxMzYuOTkxIDMyLjY4OTVIMTYyLjg5MUMxNjYuMjA5IDMyLjY4OTUgMTY4Ljg4IDI5LjU0MjYgMTY4Ljg4IDI1LjYzMjhWMjUuNTM3NUMxNjguODggMjEuNjI3NyAxNjYuMjA5IDE4LjQ4MDggMTYyLjg5MSAxOC40ODA4SDE1OS45MDdDMTU4Ljc3NyAxMy44MDE1IDE1NS4zMyAxMC4zNzUzIDE1MS4yMzYgMTAuMzc1M0gxNDYuNDJDMTQ1Ljk3MSA0LjcwNTMzIDE0MS45MjEgMC4yNjcwOSAxMzYuOTkxIDAuMjY3MDlDMTMyLjA2MiAwLjI2NzA5IDEyOC4wMTIgNC43MDUzMyAxMjcuNTYzIDEwLjM3NTNIMTI0LjUyOEMxMTkuNTEgMTAuMzc1MyAxMTUuNDYzIDE1LjUyNDcgMTE1LjQ2MyAyMS44MTg0VjI2LjU4NjRIMTMxLjA1NloiIGZpbGw9IiNFMEY4RkYiLz4KPC9zdmc+Cg==";const s='@charset "UTF-8";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-findprice .findprice-form{margin:0em auto 3em auto}pn-proxio-findprice .findprice-form fieldset{border:none}pn-proxio-findprice .findprice-form-wrapper{background-color:#effbff;padding:3.2rem}pn-proxio-findprice .sizeTable{background-color:transparent !important;border-style:none !important;border:0 !important;position:relative}pn-proxio-findprice .sizeTable>tr td{margin-bottom:1em;text-align:center;vertical-align:bottom;padding-right:1em;padding-top:1em;position:relative;z-index:1}pn-proxio-findprice .sizeTable #clouds{position:absolute;top:3rem;width:100%}pn-proxio-findprice .firstCell{margin-right:0;margin-left:auto}pn-proxio-findprice [slot=title]{margin-bottom:1rem}pn-proxio-findprice h2{text-align:center}pn-proxio-findprice .findprice__heading{text-align:center;line-height:1.1;font-weight:bold;color:#000000;font-size:3.2rem;font-weight:700}pn-proxio-findprice .findprice__subheading{font-size:2.4rem;margin-bottom:2.4rem}pn-proxio-findprice .resultHeading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:2em}pn-proxio-findprice .findprice__clear-all-filters{display:flex;justify-content:center;margin:2.4rem;color:#005d92}pn-proxio-findprice .findprice__clear-all-filters .findprice__clear-all-filters__btn{width:fit-content;cursor:pointer}pn-proxio-findprice .sizecategory{margin-top:1em;margin-bottom:3rem;font-size:0.9em;display:flex;align-items:center;justify-content:center}pn-proxio-findprice .weightoption{font-size:0.9em;margin:0 auto}pn-proxio-findprice .shipmentcountry{margin-top:3rem;display:flex;flex-direction:column}pn-proxio-findprice .shipmentcountry .shipmentcountry-header{text-align:center;font-size:2rem;font-weight:700;line-height:2.2rem}pn-proxio-findprice .shipmentcountry select{color:#005d92;font-size:1.6rem;font-weight:500;border-radius:0.8rem;cursor:pointer;outline:none;position:relative;display:-ms-flexbox;display:flex;padding:0.6em 1em;z-index:0;-webkit-transition:z-index 0s 0.5s;transition:z-index 0s 0.5s;appearance:none;width:100%}@media screen and (min-width: 500px){pn-proxio-findprice .shipmentcountry select{min-width:47.3rem;width:inherit}}pn-proxio-findprice .shipmentcountry .shipmentcountry-select-container{max-width:inherit;position:relative;margin-top:1.2rem;width:100%}@media screen and (min-width: 500px){pn-proxio-findprice .shipmentcountry .shipmentcountry-select-container{margin:0 auto;margin-top:1.2rem;width:inherit}}pn-proxio-findprice .shipmentcountry .shipmentcountry-select-container svg{position:absolute;z-index:1;right:1rem;top:1.5rem;pointer-events:none}pn-proxio-findprice .shipmentcountry .shipmentcountry-select-container svg path{fill:#005d92}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content{text-align:center;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:row}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content pn-choice-button{width:7em;line-height:3.3em;font-size:0.9em;vertical-align:bottom;background:#ffffff;border-radius:1rem}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content pn-choice-button>label{align-content:center;justify-content:center;color:#000000;margin-bottom:0}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content pn-choice-button ::before{content:"Max  ";font-weight:lighter;color:#5e554a}pn-proxio-findprice .resultlist{max-width:60em;margin:3.2rem auto 3.2rem auto}pn-proxio-findprice .servicePoint{text-align:center}pn-proxio-findprice .servicePoint pn-illustration{display:block;max-width:5em;max-height:5em;margin:1.5em auto 0 auto}pn-proxio-findprice .servicePoint h3{margin-top:0.8em;margin-bottom:0.9em}pn-proxio-findprice .servicePoint a{color:#005d92;text-decoration:none}pn-proxio-findprice .servicePoint a:hover{color:#0d234b;text-decoration:underline}';const A=s;const l=class{constructor(i){M(this,i);this.endpoint=null;this.language="da";this.market="dk";this.showMedium=false;this.showInternational=false;this.maxAbroadKg=0;this.weightListName="";this.cache=false;this.filteredItems=[];this.weight={value:0,name:""};this.weightvalue=0;this.countrycodevalue="";this.sizecategory={value:"",name:"",icon:"",unit:""};this.data={proxioProducts:[],shipmentCountries:[]}}fetchHelper=new e("proxiopricegroups");componentWillLoad(){this.setInitialValues().then((()=>{this.init()}))}async setInitialValues(M=window.location.href){const i=new N(M);const e=await i.getEnvironmentName();if(!this.endpoint&&e?.indexOf("local")===-1){const M=await i.getMarket();this.market=this.market?this.market:M;this.endpoint=await i.getEndpoint(e,M)}if(!this.endpoint){this.endpoint=""}if(this.countrycodevalue===""){this.countrycodevalue=this.market.toLowerCase()}}init(){this.setState();this.fetchData().then((()=>{this.getDataSource()}))}async getDataSource(){try{this.sizecategory=a.filter((M=>M.value==="S"))[0];this.filterItems()}catch(M){console.log("Unable to parse data")}}async fetchData(){if(!this.market||!this.language){return}const M=this.endpoint.lastIndexOf("/")===this.endpoint.length-1?this.endpoint.substring(0,this.endpoint.length-1):this.endpoint;const i=`${M}/api/proxio/price-list-groups?market=${this.market}&language=${this.language}&cached=${this.cache}`;const N=await this.fetchHelper.fetchJson(i,{mode:"cors"},false,this.onFetchData.bind(this));if(N){this.data=N;this.data.proxioProducts=N.proxioProducts}this.filterItems()}onFetchData(M){this.data=M}setState(){this.market=this.market?this.market:"dk";if(this.market){u.market=z[this.market]}if(this.language&&j[this.language]){u.i18n=j[this.language]}}filterItems(){const M=this.data.proxioProducts.filter((M=>M.proxioProduct.productWeightGroupList.some((M=>M.item3.includes(this.sizecategory.value)))));if(!this.weight){return}const i=this.weight.value;let N=M?.filter((M=>M.proxioProduct.productWeightGroupList.some((M=>M.item1===i))));let e=this.showInternational&&(this.countrycodevalue?.trim()??"")!=="";if(e){N=N?.filter((M=>M.proxioProduct.weightPriceCountryList.some((M=>M.item3.includes(this.countrycodevalue.toUpperCase())))))}N=this.sortWeightItems(N,e);this.filteredItems=N}parseFloatFromString(M){return parseFloat(M?.replace(/[^\d\.\,]*/g,"")??1e5)}sortWeightItems(M,i){M?.sort(((M,N)=>{let e=this.getSortNumber(M,i);let D=this.getSortNumber(N,i);if(e&&D){return e-D}if(e<D){return-1}if(e>D){return 1}return 0}))??[];return M}getSortNumber(M,i){let N=M?.proxioProduct?.productWeightGroupList?.findIndex((M=>M.item1===this.weight.value))??0;if(N<0){N=0}let e=M?.proxioProduct?.weightAndPriceList[N]?.item2?.toLowerCase()??"";if(i){let i=M?.proxioProduct?.weightPriceCountryList?.filter((M=>M.item3.includes(this.countrycodevalue.toUpperCase())));e=i[N]?.item2?.toLowerCase()??""}let D=this.parseFloatFromString(e);return D}resetFilters(){this.weight={value:0,name:""};this.sizecategory=a.filter((M=>M.value==="S"))[0];this.weightvalue=0;this.countrycodevalue=this.data?.shipmentCountries[0]?.countryCode??this.market}getWeights(){let M=this.market+this.weightListName;let i=t[M]??{S:[],M:[],L:[]};let N=i[this.sizecategory.unit];let e=this.maxAbroadKg!=0&&this.countrycodevalue.toLowerCase()!==this.market.toLowerCase();N=e?N.filter((M=>M.value/1e3<=this.maxAbroadKg)):N;return N}handleDropdownChange(M){const i=M.target;const N=i.value;this.countrycodevalue=N}render(){return i("div",{key:"7913fb838dcfb80b20a040f4ae79431f4cce01c2",class:"findprice-form"},i("div",{key:"304004a7cf53faa25d8586779a64b25fcf819a86",class:"findprice-form-wrapper"},i("fieldset",{key:"78ea4251cb3608f44ed1f020d6f3df860032a783"},i("legend",{key:"26be5498e75f6ddbecee90feb0e3f9f9b8858723",class:"findprice__heading"},u.i18n.sizeheading),i("div",{key:"9f7e5fe0d9cc113f729f5178caca2c58606f1bea",class:"sizecategory"},i("table",{key:"2ecd48bca70b2cb6e448b6b08010945e5aaa07de",class:"sizeTable"},i("img",{key:"514f04d324d7bf3204f80280aa80284ff6a628be",id:"clouds",src:r,alt:u.i18n.cloudsImage}),i("tr",{key:"cdec4368dda055c1a7555ece699bf76fbfec529d"},i("td",{key:"ee1959b49ca0e2734f753d405a4db1690b5b76b5"},i("img",{key:"bb645bb1448f4ed5ca62a854a66941728a949405",class:"firstCell",src:o,alt:u.i18n.personComparison})),i("td",{key:"39b6ada35e8295d82a0010f0150194e006d7609a"},i("img",{key:"78e5b2818c3adad9654dae397ef220457b616fc0",src:c,alt:u.i18n.smallPackage})),this.showMedium?i("td",null,i("img",{src:n,alt:u.i18n.mediumPackage})):null,i("td",{key:"7befb4954b946b954b213bee0f4bf4bfd7fbcc19"},i("img",{key:"ff47f4aad516e15a3a0c256330e63baca15f218b",src:T,alt:u.i18n.largePackage}))),i("tr",{key:"301079ac5aea86c4c8ee557a06d24db807685b02"},i("td",{key:"4592b91bda2503e79244630b6568c684787c2453"}),a.map((M=>!this.showMedium&&M.value==="M"?null:i("td",null,i("pn-radio-button",{id:"findpricecategory-"+M.value,radioid:M.value,value:M.value,name:"sizecategory",checked:M.value===this.sizecategory.value,onChange:()=>{this.sizecategory=a.filter((i=>i.value===M.value))[0];this.weight={value:0,name:""};this.weightvalue=this.weight.value}})))))))),i("fieldset",{key:"54893e076f83e83fb28eb099078ed0cac9e7b795"},i("legend",{key:"b8f6ffa7bd7434205b69fd57dfd07ece6dc015c2",class:"findprice__heading findprice__subheading"},u.i18n.weightheading),this.sizecategory.value&&this.getWeights()?i("div",{class:"weightoption"},i("div",{class:"weightoption-content"},this.getWeights().map((M=>i("pn-choice-button",{id:"findpriceweight-"+M.value,choiceid:this.sizecategory.value+M.value,name:"weight",type:"radio",value:!this.weight.value?0:this.getWeights().findIndex((M=>M.value===this.weightvalue)),checked:M.value===this.weight.value,onChange:()=>{this.weight=this.getWeights().filter((i=>i.value===M.value))[0];this.weightvalue=this.weight.value}},M.name))))):null),this.showInternational&&(this.data?.shipmentCountries??false)?i("fieldset",null,i("div",{class:"shipmentcountry"},i("legend",{class:"shipmentcountry-header"},u.i18n.countryToSendTo),i("div",{class:"shipmentcountry-select-container"},i("svg",{class:"arrow",width:"18",height:"10",viewBox:"0 0 18 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L0.292892 1.70711C-0.0976315 1.31658 -0.0976315 0.683417 0.292892 0.292893C0.683418 -0.0976315 1.31658 -0.0976315 1.70711 0.292893L9 7.58579L16.2929 0.292893C16.6834 -0.0976315 17.3166 -0.0976315 17.7071 0.292893C18.0976 0.683417 18.0976 1.31658 17.7071 1.70711L9.70711 9.70711Z"})),i("select",{name:"shipmentCountry-select",id:"proxio-shipmentcountry",onChange:this.handleDropdownChange.bind(this)},this.data.shipmentCountries.map((M=>i("option",{selected:M.countryCode.toLowerCase()===this.countrycodevalue.toLowerCase(),value:M.countryCode},M.countryName))))))):null,i("div",{key:"68a09173fd79856abd85c3f203765a92fcf89901",class:"findprice__clear-all-filters",role:"button"},i("div",{key:"b5c66d6b1da5157a54fc1363ebd8dc440c3b4bac",class:"findprice__clear-all-filters__btn",onClick:()=>this.resetFilters()},i("pn-icon",{key:"7ddf24d904d688323af0d9a7520a3cb8d48218a5",icon:g,color:"blue700"}),i("span",{key:"46e5223cbfe953abd87f868b3752abfb7d947eff",class:"clear-all-filters__text"},u.i18n.clearFilterButton)))),this.filteredItems&&this.filteredItems.length>0?i("div",{class:"resultlist"},u.i18n.resultlistheading?i("div",{class:"resultHeading"},u.i18n.resultlistheading):null,this.filteredItems.map((M=>i("div",null,i("pn-proxio-findprice-result",{activeweight:this.weight.value,item:M,language:this.language,"selected-countrycode":this.countrycodevalue,"show-international":this.showInternational,market:this.market}))))):this.weightvalue!==0?i("h4",{class:"resultHeading"},u.i18n.noResultMessage):null)}static get watchers(){return{market:["setState"],language:["setState"],sizecategory:["filterItems"],weightvalue:["filterItems"],countrycodevalue:["filterItems"]}}};l.style=A;export{l as pn_proxio_findprice};
+//# sourceMappingURL=p-95d32ab4.entry.js.map