npm - @postnord/pn-marketweb-components - Versions diffs - 3.5.2 → 4.0.0 - Mend

@postnord/pn-marketweb-components 3.5.2 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1186) hide show

package/pn-market-web-components/p-04107723.entry.js.map ADDED Viewed

@@ -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","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: 'Nytt meddelade',\n toggleButtonOn: 'Visa detaljer',\n toggleButtonOff: 'Dölj detaljer',\n },\n 'zh': {\n newMessage: 'Nytt meddelade',\n toggleButtonOn: 'Visa detaljer',\n toggleButtonOff: 'Dölj detaljer',\n },\n 'it': {\n newMessage: 'Nytt meddelade',\n toggleButtonOn: 'Visa detaljer',\n toggleButtonOff: 'Dölj detaljer',\n },\n 'nl': {\n newMessage: 'Nytt meddelade',\n toggleButtonOn: 'Visa detaljer',\n toggleButtonOff: 'Dölj detaljer',\n },\n 'tr': {\n newMessage: 'Nytt meddelade',\n toggleButtonOn: 'Visa detaljer',\n toggleButtonOff: 'Dölj detaljer',\n },\n 'pt': {\n newMessage: 'Nytt meddelade',\n toggleButtonOn: 'Visa detaljer',\n toggleButtonOff: 'Dölj detaljer',\n },\n 'pl': {\n newMessage: 'Nytt meddelade',\n toggleButtonOn: 'Visa detaljer',\n toggleButtonOff: 'Dölj detaljer',\n },\n 'pt-BR': {\n newMessage: 'Nytt meddelade',\n toggleButtonOn: 'Visa detaljer',\n toggleButtonOff: 'Dölj detaljer',\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: 768px) {\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: 768px) {\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 }\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\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 td {\n padding: 1.6rem 1rem;\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\n .button-wrapper {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n gap: 1.6rem;\n\n .pn-button-text {\n white-space: nowrap;\n }\n\n @media screen and (max-width: 768px) {\n justify-content: space-between;\n }\n }\n }\n\n @media screen and (max-width: 767px) {\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: 768px) {\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: 768px) {\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 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>\n {this._rows.slice(0, this.shipmentCount).map((row, rowIndex) => (\n <tr key={rowIndex} class={row.hasNewMessages ? \"row-new-message\" : null}>\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-08b473e0.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as n,d as a}from"./p-82546a44.js";const o="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-stats-info .pn-stats-info__container{display:flex;flex-direction:row;justify-content:center}pn-stats-info .pn-stats-info__container__map{display:none}pn-stats-info .pn-stats-info-image-container{display:none}pn-stats-info .pn-stats-info__container__content{display:flex;flex-direction:column;align-items:center;padding:2.4rem 2.4rem 1.6rem;width:100%;background-color:#0d234b;border-radius:2.4rem}@media screen and (min-width: 992px){pn-stats-info .pn-stats-info__container__content{padding:4rem 2.4rem 1.6rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content{padding:5.6rem 2.4rem 3.2rem}}pn-stats-info .pn-stats-info__container__content__heading{color:#f06365;margin-bottom:2.4rem;align-self:center;text-align:center;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content__heading{font-weight:700;font-size:4.8rem}}pn-stats-info .pn-stats-info__container__content__data{height:100%;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;width:100%}pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(2n),pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(2n)~pn-stats-info-data{width:50%}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(1){width:100%}pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(2),pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(2)~pn-stats-info-data{width:50%}pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(3n),pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(3n)~pn-stats-info-data{width:33%}pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(8),pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(8)~pn-stats-info-data{width:25%}}pn-stats-info .pn-stats-info__container__content__data .pn-stats-info-data__container{justify-content:flex-start;min-height:0;padding:2.4rem}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:0}}@media screen and (min-width: 992px){pn-stats-info .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:0}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:0}}pn-stats-info[data-stats-image=background] .pn-stats-info__container__map{display:none;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem}@media screen and (min-width: 768px){pn-stats-info[data-stats-image=background] .pn-stats-info__container__map{display:block;max-width:46rem;width:100%;background-color:#0d234b;background-repeat:no-repeat;background-position:bottom center;background-size:55%}}@media screen and (min-width: 1200px){pn-stats-info[data-stats-image=background] .pn-stats-info__container__map{background-size:contain}}pn-stats-info[data-stats-image=background] .pn-stats-info-image-container{display:none}pn-stats-info[data-stats-image=background] .pn-stats-info__container__content{display:flex;flex-direction:column;align-items:center;width:100%;background-color:#0d234b;background-repeat:no-repeat;background-position:bottom left;background-size:50%;background-blend-mode:overlay;border-radius:2.4rem}@media screen and (min-width: 768px){pn-stats-info[data-stats-image=background] .pn-stats-info__container__content{border-top-left-radius:0;border-bottom-left-radius:0;max-width:54rem;background-position:-999px -999px;background-size:0}}@media screen and (min-width: 1200px){pn-stats-info[data-stats-image=background] .pn-stats-info__container__content{max-width:100%}}pn-stats-info[data-stats-image=background] .pn-stats-info__container__content__data{min-height:0}pn-stats-info[data-stats-image=image] .pn-stats-info__container{flex-direction:column;padding-top:0}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container{flex-direction:row}}pn-stats-info[data-stats-image=image] .pn-stats-info__container__map{display:none}pn-stats-info[data-stats-image=image] .pn-stats-info-image-container{display:block;position:relative}pn-stats-info[data-stats-image=image] .pn-stats-info-image-container [slot=illustration]{border-top-left-radius:2.4rem;border-top-right-radius:2.4rem}pn-stats-info[data-stats-image=image] .pn-stats-info-image-container [slot=illustration]>picture>img{width:100%;height:auto;border-top-left-radius:2.4rem;border-top-right-radius:2.4rem;border-bottom-left-radius:0;border-bottom-right-radius:0}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info-image-container{display:flex;align-items:center;background-color:#0d234b;padding-left:4rem;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem}pn-stats-info[data-stats-image=image] .pn-stats-info-image-container [slot=illustration] img{clip-path:circle(50%);object-fit:cover;object-position:center;aspect-ratio:1;max-width:45rem}}pn-stats-info[data-stats-image=image] .pn-stats-info__container__content{width:100%;max-width:100%;border-bottom-right-radius:2.4rem;border-bottom-left-radius:2.4rem;border-top-right-radius:0;border-top-left-radius:0}@media screen and (min-width: 768px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content{justify-content:center}}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content{border-top-right-radius:2.4rem;border-bottom-right-radius:2.4rem;border-bottom-left-radius:0;max-width:100%}}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__heading{font-size:4.8rem}}pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data{width:100%;height:auto;min-height:0}pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container{justify-content:flex-start;min-height:5.6rem}@media screen and (min-width: 768px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:5.6rem;padding:2.4rem}}@media screen and (min-width: 1200px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:5rem}}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container__content__data{font-size:5.6rem}}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container__content__unit{font-size:5.6rem}}.bleed-container:has(pn-stats-info){padding:0;margin-bottom:3rem;overflow:hidden}.bleed-container:has(pn-stats-info) .container>.mb-5{margin-bottom:0 !important}.bleed-container:has(pn-stats-info) .statsblock{margin-bottom:0 !important}.comboquotestatsblock pn-stats-info{width:100%}.comboquotestatsblock pn-stats-info .pn-stats-info__container{display:flex;flex-direction:row;justify-content:center;padding-top:2rem}@media screen and (min-width: 768px){.comboquotestatsblock pn-stats-info .pn-stats-info__container{padding-top:6rem}}@media screen and (min-width: 1200px){.comboquotestatsblock pn-stats-info .pn-stats-info__container{padding-top:8rem}}.comboquotestatsblock pn-stats-info .pn-stats-info__container__map{display:none}@media screen and (min-width: 768px){.comboquotestatsblock pn-stats-info .pn-stats-info__container__map{display:block;max-width:46rem;width:100%;background-color:#0d234b;background-repeat:no-repeat;background-position:bottom center;background-size:55%}}@media screen and (min-width: 1200px){.comboquotestatsblock pn-stats-info .pn-stats-info__container__map{background-size:contain}}.comboquotestatsblock pn-stats-info .pn-stats-info-image-container{display:none}.comboquotestatsblock pn-stats-info .pn-stats-info__container__content{display:flex;flex-direction:column;align-items:center;padding:1rem;width:100%;background-color:#0d234b;background-repeat:no-repeat;background-position:bottom left;background-size:50%;background-blend-mode:overlay;padding-bottom:2rem}@media screen and (min-width: 768px){.comboquotestatsblock pn-stats-info .pn-stats-info__container__content{max-width:54rem;background-position:-999px -999px;background-size:0;padding-bottom:4rem;padding-right:4rem}}@media screen and (min-width: 1200px){.comboquotestatsblock pn-stats-info .pn-stats-info__container__content{max-width:100%;padding-bottom:6rem;padding-right:6rem}}.comboquotestatsblock pn-stats-info .pn-stats-info__container__content__heading{color:#f06365;margin-bottom:2.4rem;align-self:center;text-align:center;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){.comboquotestatsblock pn-stats-info .pn-stats-info__container__content__heading{font-weight:700;font-size:4.8rem}}.comboquotestatsblock pn-stats-info .pn-stats-info__container__content__data{height:100%;display:flex;flex-direction:row;flex-wrap:wrap;min-height:20rem}@media screen and (min-width: 1640px){.comboquotestatsblock pn-stats-info .pn-stats-info__container__content__data{width:65rem}}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info__container__map{background-color:#0d234b}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-image-container [slot=illustration]{background-color:#0d234b}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-image-container{background-color:#0d234b}}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-data__container__content{color:#f06365}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-data__container__content__preamble{color:#ffffff}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=greendark] .pn-stats-info__container__map{background-color:#005e41}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-image-container [slot=illustration]{background-color:#005e41}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-image-container{background-color:#005e41}}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-data__container__content{color:#ffffff}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-data__container__content__preamble{color:#ffffff}pn-stats-info[data-stats-background-color=green25] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=green25] .pn-stats-info__container__map{background-color:#edfbf3}pn-stats-info[data-stats-background-color=green25] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=green25] .pn-stats-info-image-container [slot=illustration]{background-color:#edfbf3}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=green25] .pn-stats-info-image-container{background-color:#edfbf3}}pn-stats-info[data-stats-background-color=green25] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=green25] .pn-stats-info-data__container__content{color:#005d92}pn-stats-info[data-stats-background-color=green25] .pn-stats-info-data__container__content__preamble{color:#0d234b}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=gray100] .pn-stats-info__container__map{background-color:#e9e6e5}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-image-container [slot=illustration]{background-color:#e9e6e5}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-image-container{background-color:#e9e6e5}}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-data__container__content{color:#005d92}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-data__container__content__preamble{color:#0d234b}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info__container__map{background-color:#00a0d6}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-image-container [slot=illustration]{background-color:#00a0d6}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-image-container{background-color:#00a0d6}}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-data__container__content{color:#ffffff}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-data__container__content__preamble{color:#0d234b}pn-stats-info[data-stats-background-color=blue25] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=blue25] .pn-stats-info__container__map{background-color:#effbff}pn-stats-info[data-stats-background-color=blue25] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=blue25] .pn-stats-info-image-container [slot=illustration]{background-color:#effbff}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=blue25] .pn-stats-info-image-container{background-color:#effbff}}pn-stats-info[data-stats-background-color=blue25] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=blue25] .pn-stats-info-data__container__content{color:#005d92}pn-stats-info[data-stats-background-color=blue25] .pn-stats-info-data__container__content__preamble{color:#0d234b}pn-stats-info[data-stats-background-color=coral25] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=coral25] .pn-stats-info__container__map{background-color:#fef7f6}pn-stats-info[data-stats-background-color=coral25] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=coral25] .pn-stats-info-image-container [slot=illustration]{background-color:#fef7f6}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=coral25] .pn-stats-info-image-container{background-color:#fef7f6}}pn-stats-info[data-stats-background-color=coral25] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=coral25] .pn-stats-info-data__container__content{color:#005d92}pn-stats-info[data-stats-background-color=coral25] .pn-stats-info-data__container__content__preamble{color:#0d234b}pn-stats-info[data-stats-background-color=gray25] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=gray25] .pn-stats-info__container__map{background-color:#f9f8f8}pn-stats-info[data-stats-background-color=gray25] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=gray25] .pn-stats-info-image-container [slot=illustration]{background-color:#f9f8f8}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=gray25] .pn-stats-info-image-container{background-color:#f9f8f8}}pn-stats-info[data-stats-background-color=gray25] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=gray25] .pn-stats-info-data__container__content{color:#005d92}pn-stats-info[data-stats-background-color=gray25] .pn-stats-info-data__container__content__preamble{color:#0d234b}";const s=o;const i='[ { "preamble": "Million parcels","formatStyle":"None", "format":"En","startValue":0, "data": 2023, "unit": null, "duration": 0 }, { "preamble": "Million parcels", "format": "En", "startValue":40, "data": 226, "unit": null, "duration": 1000 },{"preamble": "carbon dioxide emissions since 2009", "startValue":0, "format":"En", "formatStyle":"None", "data": -44, "unit": "%", "duration": 2000 }, { "preamble": "Million parcels", "startValue":100, "data": 226, "unit": null, "duration": 1000 }, {"preamble": "carbon dioxide emissions since 2009", "startValue": 30, "data": -44, "unit": "%", "duration": 2000 }, { "preamble": "Million parcels", "startValue": 20, "data": 226, "unit": null, "duration": 1000 }]';const e=class{constructor(n){t(this,n);this.heading=null;this.dataArray=i;this.backgroundUrl=null;this.myParsedArray=JSON.parse(this.dataArray)}parseMyArrayProp(t){if(t)this.myParsedArray=JSON.parse(t)}render(){return n(a,{key:"4040f13125e6100df1801a6545f681050617409a"},n("div",{key:"51ca98b16eac1402169c0045a3b8e93f530013c5",class:"pn-stats-info__container"},n("div",{key:"c441538ce4df1ca3eb1d1893e4977bc3db2399f5",class:"pn-stats-info__container__map",style:{backgroundImage:`url(${this.backgroundUrl})`}}),n("div",{key:"78445b4b79e02216ab51987b9161784549d256bf",class:"pn-stats-info-image-container"},n("slot",{key:"28368b7e52b6ccf527b7adf4e9d8f3a5d49c6b39",name:"illustration"})),n("div",{key:"2b49c7774f9859db711fb0c064183e9d3be4585d",class:"pn-stats-info__container__content",style:{backgroundImage:`url(${this.backgroundUrl})`}},this.heading&&n("h3",{key:"53d122a0f95dabd687dc71a494872651bab5652f",class:"pn-stats-info__container__content__heading"},this.heading),n("div",{key:"79557faeb6e29b21d69cf08809faa3bb6d2e18ef",class:"pn-stats-info__container__content__data"},this.myParsedArray&&this.myParsedArray.map(((t,a)=>n("pn-stats-info-data",{index:a,startValue:t.startValue,data:t.data,unit:t.unit,preamble:t.preamble,duration:t.duration,format:t.format,formatStyle:t.formatStyle})))))))}static get watchers(){return{dataArray:["parseMyArrayProp"]}}};e.style=s;export{e as pn_stats_info};
2	+ //# sourceMappingURL=p-08b473e0.entry.js.map

package/pn-market-web-components/{p-a38118be.entry.js.map → p-08b473e0.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["pnStatsInfoCss","PnStatsInfoStyle0","mockStringArray","PnStatsInfo","JSON","parse","this","dataArray","parseMyArrayProp","newValue","myParsedArray","render","h","Host","key","class","style","backgroundImage","backgroundUrl","name","heading","map","stats","index","startValue","data","unit","preamble","duration","format","formatStyle"],"sources":["src/components/data-visualization/pn-stats-info/pn-stats-info.scss?tag=pn-stats-info","src/components/data-visualization/pn-stats-info/pn-stats-info.tsx"],"sourcesContent":["@import '../../../globals/main';\n\n//standalone no image/ default\npn-stats-info {\n .pn-stats-info__container {\n display: flex;\n flex-direction: row;\n justify-content: center;\n }\n\n .pn-stats-info__container__map {\n display: none;\n }\n\n .pn-stats-info-image-container {\n display: none;\n }\n\n .pn-stats-info__container__content {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 2.4rem 2.4rem 1.6rem;\n\n width: 100%;\n background-color: $blue900;\n\n border-radius: 2.4rem;\n\n @media screen and (min-width: $min-width-lg) {\n padding: 4rem 2.4rem 1.6rem;\n }\n\n @media screen and (min-width: $min-width-xl) {\n padding: 5.6rem 2.4rem 3.2rem;\n }\n }\n\n .pn-stats-info__container__content__heading {\n color: $coral400;\n margin-bottom: 2.4rem;\n align-self: center;\n text-align: center;\n\n font-size: 3rem;\n line-height: 110%;\n\n @media screen and (min-width: $min-width-xl) {\n font-weight: 700;\n font-size: 4.8rem;\n }\n }\n\n .pn-stats-info__container__content__data {\n height: 100%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n flex-wrap: wrap;\n\n width: 100%;\n //one item\n\n pn-stats-info-data:first-child:nth-last-child(2n),\n pn-stats-info-data:first-child:nth-last-child(2n) ~ pn-stats-info-data {\n width: 50%;\n }\n\n @media screen and (min-width: $min-width-md) {\n pn-stats-info-data:first-child:nth-last-child(1) {\n width: 100%;\n }\n\n // two items\n pn-stats-info-data:first-child:nth-last-child(2),\n pn-stats-info-data:first-child:nth-last-child(2) ~ pn-stats-info-data {\n width: 50%;\n }\n\n //multiples of tree items\n pn-stats-info-data:first-child:nth-last-child(3n),\n pn-stats-info-data:first-child:nth-last-child(3n) ~ pn-stats-info-data {\n width: 33%;\n }\n\n //8 items\n pn-stats-info-data:first-child:nth-last-child(8),\n pn-stats-info-data:first-child:nth-last-child(8) ~ pn-stats-info-data {\n width: 25%;\n }\n }\n\n .pn-stats-info-data__container {\n justify-content: flex-start;\n min-height: 0;\n padding: 2.4rem;\n\n @media screen and (min-width: $min-width-md) {\n min-height: 0;\n }\n @media screen and (min-width: $min-width-lg) {\n min-height: 0;\n }\n @media screen and (min-width: $min-width-xl) {\n min-height: 0;\n }\n }\n }\n}\n\n// WITH BACKGROUND -------------------------------------\n\npn-stats-info[data-stats-image='background'] {\n .pn-stats-info__container__map {\n display: none;\n\n @media screen and (min-width: $min-width-md) {\n display: block;\n max-width: 46rem;\n width: 100%;\n background-color: $blue900;\n background-repeat: no-repeat;\n background-position: bottom center;\n background-size: 55%;\n }\n\n @media screen and (min-width: $min-width-xl) {\n background-size: contain;\n }\n\n border-top-left-radius: 2.4rem;\n border-bottom-left-radius: 2.4rem;\n }\n\n .pn-stats-info-image-container {\n display: none;\n }\n\n .pn-stats-info__container__content {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n width: 100%;\n background-color: $blue900;\n background-repeat: no-repeat;\n background-position: bottom left;\n background-size: 50%;\n background-blend-mode: overlay;\n\n border-radius: 2.4rem;\n\n @media screen and (min-width: $min-width-md) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n max-width: 54rem;\n background-position: -999px -999px;\n background-size: 0;\n }\n\n @media screen and (min-width: $min-width-xl) {\n max-width: 100%;\n }\n }\n\n .pn-stats-info__container__content__data {\n min-height: 0;\n }\n}\n\n// WITH IMAGE--------------------------------------------\n\npn-stats-info[data-stats-image='image'] {\n .pn-stats-info__container {\n flex-direction: column;\n padding-top: 0;\n\n @media screen and (min-width: $min-width-lg) {\n flex-direction: row;\n }\n }\n\n .pn-stats-info__container__map {\n display: none;\n }\n\n .pn-stats-info-image-container {\n display: block;\n position: relative;\n\n & [slot='illustration'] {\n border-top-left-radius: 2.4rem;\n border-top-right-radius: 2.4rem;\n & > picture > img {\n width: 100%;\n height: auto;\n border-top-left-radius: 2.4rem;\n border-top-right-radius: 2.4rem;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n @media screen and (min-width: $min-width-lg) {\n display: flex;\n align-items: center;\n background-color: $blue900;\n padding-left: 4rem;\n border-top-left-radius: 2.4rem;\n border-bottom-left-radius: 2.4rem;\n\n & [slot='illustration'] {\n img {\n clip-path: circle(50%);\n object-fit: cover;\n object-position: center;\n aspect-ratio: 1;\n max-width: 45rem;\n }\n }\n }\n }\n\n .pn-stats-info__container__content {\n width: 100%;\n max-width: 100%;\n border-bottom-right-radius: 2.4rem;\n border-bottom-left-radius: 2.4rem;\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n\n @media screen and (min-width: $min-width-md) {\n justify-content: center;\n }\n\n @media screen and (min-width: $min-width-lg) {\n border-top-right-radius: 2.4rem;\n border-bottom-right-radius: 2.4rem;\n border-bottom-left-radius: 0;\n max-width: 100%;\n }\n }\n\n .pn-stats-info__container__content__heading {\n @media screen and (min-width: $min-width-lg) {\n font-size: 4.8rem;\n }\n }\n\n .pn-stats-info__container__content__data {\n width: 100%;\n height: auto;\n min-height: 0;\n .pn-stats-info-data__container {\n justify-content: flex-start;\n min-height: 5.6rem;\n\n @media screen and (min-width: $min-width-md) {\n min-height: 5.6rem;\n padding: 2.4rem;\n }\n\n @media screen and (min-width: $min-width-xl) {\n min-height: 5rem;\n }\n }\n\n .pn-stats-info-data__container__content__data {\n @media screen and (min-width: $min-width-lg) {\n font-size: 5.6rem;\n }\n }\n\n .pn-stats-info-data__container__content__unit {\n @media screen and (min-width: $min-width-lg) {\n font-size: 5.6rem;\n }\n }\n }\n}\n\n//bleed\n.bleed-container:has(pn-stats-info) {\n padding: 0;\n margin-bottom: 3rem;\n\n overflow: hidden;\n\n .container > .mb-5 {\n margin-bottom: 0 !important; //counteracts mb-5 in pn-project, sorry for the !important\n }\n .statsblock {\n margin-bottom: 0 !important; //counteracts mb-5 in pn-project sorry for the !important\n }\n}\n\n//i combo\n.comboquotestatsblock {\n pn-stats-info {\n width: 100%;\n\n .pn-stats-info__container {\n display: flex;\n flex-direction: row;\n justify-content: center;\n\n padding-top: 2rem;\n @media screen and (min-width: $min-width-md) {\n padding-top: 6rem;\n }\n\n @media screen and (min-width: $min-width-xl) {\n padding-top: 8rem;\n }\n }\n\n .pn-stats-info__container__map {\n display: none;\n\n @media screen and (min-width: $min-width-md) {\n display: block;\n max-width: 46rem;\n width: 100%;\n background-color: $blue900;\n background-repeat: no-repeat;\n background-position: bottom center;\n background-size: 55%;\n }\n\n @media screen and (min-width: $min-width-xl) {\n background-size: contain;\n }\n }\n\n .pn-stats-info-image-container {\n display: none;\n }\n\n .pn-stats-info__container__content {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 1rem;\n\n //map\n width: 100%;\n background-color: $blue900;\n background-repeat: no-repeat;\n background-position: bottom left;\n background-size: 50%;\n background-blend-mode: overlay;\n padding-bottom: 2rem;\n @media screen and (min-width: $min-width-md) {\n max-width: 54rem;\n background-position: -999px -999px;\n background-size: 0;\n padding-bottom: 4rem;\n padding-right: 4rem;\n }\n\n @media screen and (min-width: $min-width-xl) {\n max-width: 100%;\n padding-bottom: 6rem;\n padding-right: 6rem;\n }\n }\n\n .pn-stats-info__container__content__heading {\n color: $coral400;\n margin-bottom: 2.4rem;\n align-self: center;\n text-align: center;\n\n font-size: 3rem;\n line-height: 110%;\n\n @media screen and (min-width: $min-width-xl) {\n font-weight: 700;\n font-size: 4.8rem;\n }\n }\n\n .pn-stats-info__container__content__data {\n height: 100%;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n min-height: 20rem;\n\n @media screen and (min-width: $min-width-xxl) {\n width: 65rem;\n }\n }\n }\n}\n\n//colors\npn-stats-info[data-stats-background-color='bluedarkest'] {\n .pn-stats-info__container__content,\n .pn-stats-info__container__map {\n background-color: $blue900;\n }\n\n .pn-stats-info-image-container {\n background-color: transparent;\n [slot='illustration'] {\n background-color: $blue900;\n }\n @media screen and (min-width: $min-width-lg) {\n background-color: $blue900;\n }\n }\n\n .pn-stats-info__container__content__heading,\n .pn-stats-info-data__container__content {\n color: $coral400;\n }\n\n .pn-stats-info-data__container__content__preamble {\n color: $white;\n }\n}\n\npn-stats-info[data-stats-background-color='greendark'] {\n .pn-stats-info__container__content,\n .pn-stats-info__container__map {\n background-color: $green700;\n }\n\n .pn-stats-info-image-container {\n background-color: transparent;\n [slot='illustration'] {\n background-color: $green700;\n }\n \n @media screen and (min-width: $min-width-lg) {\n background-color: $green700;\n }\n }\n\n .pn-stats-info__container__content__heading,\n .pn-stats-info-data__container__content {\n color: $white;\n }\n\n .pn-stats-info-data__container__content__preamble {\n color: $white;\n }\n}\n\npn-stats-info[data-stats-background-color='green25'] {\n .pn-stats-info__container__content,\n .pn-stats-info__container__map {\n background-color: $green25;\n }\n\n .pn-stats-info-image-container {\n background-color: transparent;\n [slot='illustration'] {\n background-color: $green25;\n }\n @media screen and (min-width: $min-width-lg) {\n background-color: $green25;\n }\n }\n\n .pn-stats-info__container__content__heading,\n .pn-stats-info-data__container__content {\n color: $blue700;\n }\n\n .pn-stats-info-data__container__content__preamble {\n color: $blue900;\n }\n}\n\npn-stats-info[data-stats-background-color='gray100'] {\n .pn-stats-info__container__content,\n .pn-stats-info__container__map {\n background-color: $gray100;\n }\n\n .pn-stats-info-image-container {\n background-color: transparent;\n [slot='illustration'] {\n background-color: $gray100;\n }\n @media screen and (min-width: $min-width-lg) {\n background-color: $gray100;\n }\n }\n\n .pn-stats-info__container__content__heading,\n .pn-stats-info-data__container__content {\n color: $blue700;\n }\n\n .pn-stats-info-data__container__content__preamble {\n color: $blue900;\n }\n}\n\npn-stats-info[data-stats-background-color='bluedefault'] {\n .pn-stats-info__container__content,\n .pn-stats-info__container__map {\n background-color: $blue400;\n }\n\n .pn-stats-info-image-container {\n background-color: transparent;\n [slot='illustration'] {\n background-color: $blue400;\n }\n @media screen and (min-width: $min-width-lg) {\n background-color: $blue400;\n }\n }\n\n .pn-stats-info__container__content__heading,\n .pn-stats-info-data__container__content {\n color: $white;\n }\n\n .pn-stats-info-data__container__content__preamble {\n color: $blue900;\n }\n}\n\npn-stats-info[data-stats-background-color='blue25'] {\n .pn-stats-info__container__content,\n .pn-stats-info__container__map {\n background-color: $blue25;\n }\n\n .pn-stats-info-image-container {\n background-color: transparent;\n [slot='illustration'] {\n background-color: $blue25;\n }\n @media screen and (min-width: $min-width-lg) {\n background-color: $blue25;\n }\n }\n\n .pn-stats-info__container__content__heading,\n .pn-stats-info-data__container__content {\n color: $blue700;\n }\n\n .pn-stats-info-data__container__content__preamble {\n color: $blue900;\n }\n}\n\npn-stats-info[data-stats-background-color='coral25'] {\n .pn-stats-info__container__content,\n .pn-stats-info__container__map {\n background-color: $coral25;\n }\n\n .pn-stats-info-image-container {\n background-color: transparent;\n [slot='illustration'] {\n background-color: $coral25;\n }\n @media screen and (min-width: $min-width-lg) {\n background-color: $coral25;\n }\n }\n\n .pn-stats-info__container__content__heading,\n .pn-stats-info-data__container__content {\n color: $blue700;\n }\n\n .pn-stats-info-data__container__content__preamble {\n color: $blue900;\n }\n}\n\npn-stats-info[data-stats-background-color='gray25'] {\n .pn-stats-info__container__content,\n .pn-stats-info__container__map {\n background-color: $gray25;\n }\n\n .pn-stats-info-image-container {\n background-color: transparent;\n [slot='illustration'] {\n background-color: $gray25;\n }\n @media screen and (min-width: $min-width-lg) {\n background-color: $gray25;\n }\n }\n\n .pn-stats-info__container__content__heading,\n .pn-stats-info-data__container__content {\n color: $blue700;\n }\n\n .pn-stats-info-data__container__content__preamble {\n color: $blue900;\n }\n}\n","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { PnStatsInfoDataProps } from './types';\n\nconst mockStringArray =\n '[ { \"preamble\": \"Million parcels\",\"formatStyle\":\"None\", \"format\":\"En\",\"startValue\":0, \"data\": 2023, \"unit\": null, \"duration\": 0 }, { \"preamble\": \"Million parcels\", \"format\": \"En\", \"startValue\":40, \"data\": 226, \"unit\": null, \"duration\": 1000 },{\"preamble\": \"carbon dioxide emissions since 2009\", \"startValue\":0, \"format\":\"En\", \"formatStyle\":\"None\", \"data\": -44, \"unit\": \"%\", \"duration\": 2000 }, { \"preamble\": \"Million parcels\", \"startValue\":100, \"data\": 226, \"unit\": null, \"duration\": 1000 }, {\"preamble\": \"carbon dioxide emissions since 2009\", \"startValue\": 30, \"data\": -44, \"unit\": \"%\", \"duration\": 2000 }, { \"preamble\": \"Million parcels\", \"startValue\": 20, \"data\": 226, \"unit\": null, \"duration\": 1000 }]';\n\n@Component({\n tag: 'pn-stats-info',\n styleUrl: 'pn-stats-info.scss',\n})\nexport class PnStatsInfo {\n @Prop() heading: string = null;\n @Prop() dataArray: string = mockStringArray;\n @Prop() backgroundUrl: string = null;\n\n @State() myParsedArray: PnStatsInfoDataProps[] = JSON.parse(this.dataArray) as PnStatsInfoDataProps[];\n\n @Watch('dataArray')\n parseMyArrayProp(newValue: string) {\n if (newValue) this.myParsedArray = JSON.parse(newValue);\n }\n\n render() {\n return (\n <Host>\n <div class=\"pn-stats-info__container\">\n <div class=\"pn-stats-info__container__map\" style={{ backgroundImage: `url(${this.backgroundUrl})` }}></div>\n\n <div class=\"pn-stats-info-image-container\">\n <slot name=\"illustration\" />\n </div>\n\n <div class=\"pn-stats-info__container__content\" style={{ backgroundImage: `url(${this.backgroundUrl})` }}>\n {this.heading && <h3 class=\"pn-stats-info__container__content__heading\">{this.heading}</h3>}\n <div class=\"pn-stats-info__container__content__data\">\n {this.myParsedArray &&\n this.myParsedArray.map((stats, index) => {\n return (\n <pn-stats-info-data\n index={index}\n startValue={stats.startValue}\n data={stats.data}\n unit={stats.unit}\n preamble={stats.preamble}\n duration={stats.duration}\n format={stats.format}\n formatStyle={stats.formatStyle}\n ></pn-stats-info-data>\n );\n })}\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,s6gBACvB,MAAAC,EAAeD,ECGf,MAAME,EACJ,osB,MAMWC,EAAW,M,sCACI,K,eACED,E,mBACI,K,mBAEiBE,KAAKC,MAAMC,KAAKC,U,CAGjE,gBAAAC,CAAiBC,GACf,GAAIA,EAAUH,KAAKI,cAAgBN,KAAKC,MAAMI,E,CAGhD,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gCAAgCC,MAAO,CAAEC,gBAAiB,OAAOX,KAAKY,oBAEjFN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iCACTH,EAAA,QAAAE,IAAA,2CAAMK,KAAK,kBAGbP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oCAAoCC,MAAO,CAAEC,gBAAiB,OAAOX,KAAKY,mBAClFZ,KAAKc,SAAWR,EAAA,MAAAE,IAAA,2CAAIC,MAAM,8CAA8CT,KAAKc,SAC9ER,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2CACRT,KAAKI,eACJJ,KAAKI,cAAcW,KAAI,CAACC,EAAOC,IAE3BX,EAAA,sBACEW,MAAOA,EACPC,WAAYF,EAAME,WAClBC,KAAMH,EAAMG,KACZC,KAAMJ,EAAMI,KACZC,SAAUL,EAAMK,SAChBC,SAAUN,EAAMM,SAChBC,OAAQP,EAAMO,OACdC,YAAaR,EAAMQ,mB","ignoreList":[]}
1	+ {"version":3,"names":["pnStatsInfoCss","PnStatsInfoStyle0","mockStringArray","PnStatsInfo","JSON","parse","this","dataArray","parseMyArrayProp","newValue","myParsedArray","render","h","Host","key","class","style","backgroundImage","backgroundUrl","name","heading","map","stats","index","startValue","data","unit","preamble","duration","format","formatStyle"],"sources":["src/components/data-visualization/pn-stats-info/pn-stats-info.scss?tag=pn-stats-info","src/components/data-visualization/pn-stats-info/pn-stats-info.tsx"],"sourcesContent":["@import '../../../globals/main';\n\n//standalone no image/ default\npn-stats-info {\n .pn-stats-info__container {\n display: flex;\n flex-direction: row;\n justify-content: center;\n }\n\n .pn-stats-info__container__map {\n display: none;\n }\n\n .pn-stats-info-image-container {\n display: none;\n }\n\n .pn-stats-info__container__content {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 2.4rem 2.4rem 1.6rem;\n\n width: 100%;\n background-color: $blue900;\n\n border-radius: 2.4rem;\n\n @media screen and (min-width: $min-width-lg) {\n padding: 4rem 2.4rem 1.6rem;\n }\n\n @media screen and (min-width: $min-width-xl) {\n padding: 5.6rem 2.4rem 3.2rem;\n }\n }\n\n .pn-stats-info__container__content__heading {\n color: $coral400;\n margin-bottom: 2.4rem;\n align-self: center;\n text-align: center;\n\n font-size: 3rem;\n line-height: 110%;\n\n @media screen and (min-width: $min-width-xl) {\n font-weight: 700;\n font-size: 4.8rem;\n }\n }\n\n .pn-stats-info__container__content__data {\n height: 100%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n flex-wrap: wrap;\n\n width: 100%;\n //one item\n\n pn-stats-info-data:first-child:nth-last-child(2n),\n pn-stats-info-data:first-child:nth-last-child(2n) ~ pn-stats-info-data {\n width: 50%;\n }\n\n @media screen and (min-width: $min-width-md) {\n pn-stats-info-data:first-child:nth-last-child(1) {\n width: 100%;\n }\n\n // two items\n pn-stats-info-data:first-child:nth-last-child(2),\n pn-stats-info-data:first-child:nth-last-child(2) ~ pn-stats-info-data {\n width: 50%;\n }\n\n //multiples of tree items\n pn-stats-info-data:first-child:nth-last-child(3n),\n pn-stats-info-data:first-child:nth-last-child(3n) ~ pn-stats-info-data {\n width: 33%;\n }\n\n //8 items\n pn-stats-info-data:first-child:nth-last-child(8),\n pn-stats-info-data:first-child:nth-last-child(8) ~ pn-stats-info-data {\n width: 25%;\n }\n }\n\n .pn-stats-info-data__container {\n justify-content: flex-start;\n min-height: 0;\n padding: 2.4rem;\n\n @media screen and (min-width: $min-width-md) {\n min-height: 0;\n }\n @media screen and (min-width: $min-width-lg) {\n min-height: 0;\n }\n @media screen and (min-width: $min-width-xl) {\n min-height: 0;\n }\n }\n }\n}\n\n// WITH BACKGROUND -------------------------------------\n\npn-stats-info[data-stats-image='background'] {\n .pn-stats-info__container__map {\n display: none;\n\n @media screen and (min-width: $min-width-md) {\n display: block;\n max-width: 46rem;\n width: 100%;\n background-color: $blue900;\n background-repeat: no-repeat;\n background-position: bottom center;\n background-size: 55%;\n }\n\n @media screen and (min-width: $min-width-xl) {\n background-size: contain;\n }\n\n border-top-left-radius: 2.4rem;\n border-bottom-left-radius: 2.4rem;\n }\n\n .pn-stats-info-image-container {\n display: none;\n }\n\n .pn-stats-info__container__content {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n width: 100%;\n background-color: $blue900;\n background-repeat: no-repeat;\n background-position: bottom left;\n background-size: 50%;\n background-blend-mode: overlay;\n\n border-radius: 2.4rem;\n\n @media screen and (min-width: $min-width-md) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n max-width: 54rem;\n background-position: -999px -999px;\n background-size: 0;\n }\n\n @media screen and (min-width: $min-width-xl) {\n max-width: 100%;\n }\n }\n\n .pn-stats-info__container__content__data {\n min-height: 0;\n }\n}\n\n// WITH IMAGE--------------------------------------------\n\npn-stats-info[data-stats-image='image'] {\n .pn-stats-info__container {\n flex-direction: column;\n padding-top: 0;\n\n @media screen and (min-width: $min-width-lg) {\n flex-direction: row;\n }\n }\n\n .pn-stats-info__container__map {\n display: none;\n }\n\n .pn-stats-info-image-container {\n display: block;\n position: relative;\n\n & [slot='illustration'] {\n border-top-left-radius: 2.4rem;\n border-top-right-radius: 2.4rem;\n & > picture > img {\n width: 100%;\n height: auto;\n border-top-left-radius: 2.4rem;\n border-top-right-radius: 2.4rem;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n @media screen and (min-width: $min-width-lg) {\n display: flex;\n align-items: center;\n background-color: $blue900;\n padding-left: 4rem;\n border-top-left-radius: 2.4rem;\n border-bottom-left-radius: 2.4rem;\n\n & [slot='illustration'] {\n img {\n clip-path: circle(50%);\n object-fit: cover;\n object-position: center;\n aspect-ratio: 1;\n max-width: 45rem;\n }\n }\n }\n }\n\n .pn-stats-info__container__content {\n width: 100%;\n max-width: 100%;\n border-bottom-right-radius: 2.4rem;\n border-bottom-left-radius: 2.4rem;\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n\n @media screen and (min-width: $min-width-md) {\n justify-content: center;\n }\n\n @media screen and (min-width: $min-width-lg) {\n border-top-right-radius: 2.4rem;\n border-bottom-right-radius: 2.4rem;\n border-bottom-left-radius: 0;\n max-width: 100%;\n }\n }\n\n .pn-stats-info__container__content__heading {\n @media screen and (min-width: $min-width-lg) {\n font-size: 4.8rem;\n }\n }\n\n .pn-stats-info__container__content__data {\n width: 100%;\n height: auto;\n min-height: 0;\n .pn-stats-info-data__container {\n justify-content: flex-start;\n min-height: 5.6rem;\n\n @media screen and (min-width: $min-width-md) {\n min-height: 5.6rem;\n padding: 2.4rem;\n }\n\n @media screen and (min-width: $min-width-xl) {\n min-height: 5rem;\n }\n }\n\n .pn-stats-info-data__container__content__data {\n @media screen and (min-width: $min-width-lg) {\n font-size: 5.6rem;\n }\n }\n\n .pn-stats-info-data__container__content__unit {\n @media screen and (min-width: $min-width-lg) {\n font-size: 5.6rem;\n }\n }\n }\n}\n\n//bleed\n.bleed-container:has(pn-stats-info) {\n padding: 0;\n margin-bottom: 3rem;\n\n overflow: hidden;\n\n .container > .mb-5 {\n margin-bottom: 0 !important; //counteracts mb-5 in pn-project, sorry for the !important\n }\n .statsblock {\n margin-bottom: 0 !important; //counteracts mb-5 in pn-project sorry for the !important\n }\n}\n\n//i combo\n.comboquotestatsblock {\n pn-stats-info {\n width: 100%;\n\n .pn-stats-info__container {\n display: flex;\n flex-direction: row;\n justify-content: center;\n\n padding-top: 2rem;\n @media screen and (min-width: $min-width-md) {\n padding-top: 6rem;\n }\n\n @media screen and (min-width: $min-width-xl) {\n padding-top: 8rem;\n }\n }\n\n .pn-stats-info__container__map {\n display: none;\n\n @media screen and (min-width: $min-width-md) {\n display: block;\n max-width: 46rem;\n width: 100%;\n background-color: $blue900;\n background-repeat: no-repeat;\n background-position: bottom center;\n background-size: 55%;\n }\n\n @media screen and (min-width: $min-width-xl) {\n background-size: contain;\n }\n }\n\n .pn-stats-info-image-container {\n display: none;\n }\n\n .pn-stats-info__container__content {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 1rem;\n\n //map\n width: 100%;\n background-color: $blue900;\n background-repeat: no-repeat;\n background-position: bottom left;\n background-size: 50%;\n background-blend-mode: overlay;\n padding-bottom: 2rem;\n @media screen and (min-width: $min-width-md) {\n max-width: 54rem;\n background-position: -999px -999px;\n background-size: 0;\n padding-bottom: 4rem;\n padding-right: 4rem;\n }\n\n @media screen and (min-width: $min-width-xl) {\n max-width: 100%;\n padding-bottom: 6rem;\n padding-right: 6rem;\n }\n }\n\n .pn-stats-info__container__content__heading {\n color: $coral400;\n margin-bottom: 2.4rem;\n align-self: center;\n text-align: center;\n\n font-size: 3rem;\n line-height: 110%;\n\n @media screen and (min-width: $min-width-xl) {\n font-weight: 700;\n font-size: 4.8rem;\n }\n }\n\n .pn-stats-info__container__content__data {\n height: 100%;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n min-height: 20rem;\n\n @media screen and (min-width: $min-width-xxl) {\n width: 65rem;\n }\n }\n }\n}\n\n//colors\npn-stats-info[data-stats-background-color='bluedarkest'] {\n .pn-stats-info__container__content,\n .pn-stats-info__container__map {\n background-color: $blue900;\n }\n\n .pn-stats-info-image-container {\n background-color: transparent;\n [slot='illustration'] {\n background-color: $blue900;\n }\n @media screen and (min-width: $min-width-lg) {\n background-color: $blue900;\n }\n }\n\n .pn-stats-info__container__content__heading,\n .pn-stats-info-data__container__content {\n color: $coral400;\n }\n\n .pn-stats-info-data__container__content__preamble {\n color: $white;\n }\n}\n\npn-stats-info[data-stats-background-color='greendark'] {\n .pn-stats-info__container__content,\n .pn-stats-info__container__map {\n background-color: $green700;\n }\n\n .pn-stats-info-image-container {\n background-color: transparent;\n [slot='illustration'] {\n background-color: $green700;\n }\n \n @media screen and (min-width: $min-width-lg) {\n background-color: $green700;\n }\n }\n\n .pn-stats-info__container__content__heading,\n .pn-stats-info-data__container__content {\n color: $white;\n }\n\n .pn-stats-info-data__container__content__preamble {\n color: $white;\n }\n}\n\npn-stats-info[data-stats-background-color='green25'] {\n .pn-stats-info__container__content,\n .pn-stats-info__container__map {\n background-color: $green25;\n }\n\n .pn-stats-info-image-container {\n background-color: transparent;\n [slot='illustration'] {\n background-color: $green25;\n }\n @media screen and (min-width: $min-width-lg) {\n background-color: $green25;\n }\n }\n\n .pn-stats-info__container__content__heading,\n .pn-stats-info-data__container__content {\n color: $blue700;\n }\n\n .pn-stats-info-data__container__content__preamble {\n color: $blue900;\n }\n}\n\npn-stats-info[data-stats-background-color='gray100'] {\n .pn-stats-info__container__content,\n .pn-stats-info__container__map {\n background-color: $gray100;\n }\n\n .pn-stats-info-image-container {\n background-color: transparent;\n [slot='illustration'] {\n background-color: $gray100;\n }\n @media screen and (min-width: $min-width-lg) {\n background-color: $gray100;\n }\n }\n\n .pn-stats-info__container__content__heading,\n .pn-stats-info-data__container__content {\n color: $blue700;\n }\n\n .pn-stats-info-data__container__content__preamble {\n color: $blue900;\n }\n}\n\npn-stats-info[data-stats-background-color='bluedefault'] {\n .pn-stats-info__container__content,\n .pn-stats-info__container__map {\n background-color: $blue400;\n }\n\n .pn-stats-info-image-container {\n background-color: transparent;\n [slot='illustration'] {\n background-color: $blue400;\n }\n @media screen and (min-width: $min-width-lg) {\n background-color: $blue400;\n }\n }\n\n .pn-stats-info__container__content__heading,\n .pn-stats-info-data__container__content {\n color: $white;\n }\n\n .pn-stats-info-data__container__content__preamble {\n color: $blue900;\n }\n}\n\npn-stats-info[data-stats-background-color='blue25'] {\n .pn-stats-info__container__content,\n .pn-stats-info__container__map {\n background-color: $blue25;\n }\n\n .pn-stats-info-image-container {\n background-color: transparent;\n [slot='illustration'] {\n background-color: $blue25;\n }\n @media screen and (min-width: $min-width-lg) {\n background-color: $blue25;\n }\n }\n\n .pn-stats-info__container__content__heading,\n .pn-stats-info-data__container__content {\n color: $blue700;\n }\n\n .pn-stats-info-data__container__content__preamble {\n color: $blue900;\n }\n}\n\npn-stats-info[data-stats-background-color='coral25'] {\n .pn-stats-info__container__content,\n .pn-stats-info__container__map {\n background-color: $coral25;\n }\n\n .pn-stats-info-image-container {\n background-color: transparent;\n [slot='illustration'] {\n background-color: $coral25;\n }\n @media screen and (min-width: $min-width-lg) {\n background-color: $coral25;\n }\n }\n\n .pn-stats-info__container__content__heading,\n .pn-stats-info-data__container__content {\n color: $blue700;\n }\n\n .pn-stats-info-data__container__content__preamble {\n color: $blue900;\n }\n}\n\npn-stats-info[data-stats-background-color='gray25'] {\n .pn-stats-info__container__content,\n .pn-stats-info__container__map {\n background-color: $gray25;\n }\n\n .pn-stats-info-image-container {\n background-color: transparent;\n [slot='illustration'] {\n background-color: $gray25;\n }\n @media screen and (min-width: $min-width-lg) {\n background-color: $gray25;\n }\n }\n\n .pn-stats-info__container__content__heading,\n .pn-stats-info-data__container__content {\n color: $blue700;\n }\n\n .pn-stats-info-data__container__content__preamble {\n color: $blue900;\n }\n}\n","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { PnStatsInfoDataProps } from './types';\n\nconst mockStringArray =\n '[ { \"preamble\": \"Million parcels\",\"formatStyle\":\"None\", \"format\":\"En\",\"startValue\":0, \"data\": 2023, \"unit\": null, \"duration\": 0 }, { \"preamble\": \"Million parcels\", \"format\": \"En\", \"startValue\":40, \"data\": 226, \"unit\": null, \"duration\": 1000 },{\"preamble\": \"carbon dioxide emissions since 2009\", \"startValue\":0, \"format\":\"En\", \"formatStyle\":\"None\", \"data\": -44, \"unit\": \"%\", \"duration\": 2000 }, { \"preamble\": \"Million parcels\", \"startValue\":100, \"data\": 226, \"unit\": null, \"duration\": 1000 }, {\"preamble\": \"carbon dioxide emissions since 2009\", \"startValue\": 30, \"data\": -44, \"unit\": \"%\", \"duration\": 2000 }, { \"preamble\": \"Million parcels\", \"startValue\": 20, \"data\": 226, \"unit\": null, \"duration\": 1000 }]';\n\n@Component({\n tag: 'pn-stats-info',\n styleUrl: 'pn-stats-info.scss',\n})\nexport class PnStatsInfo {\n @Prop() heading: string = null;\n @Prop() dataArray: string = mockStringArray;\n @Prop() backgroundUrl: string = null;\n\n @State() myParsedArray: PnStatsInfoDataProps[] = JSON.parse(this.dataArray) as PnStatsInfoDataProps[];\n\n @Watch('dataArray')\n parseMyArrayProp(newValue: string) {\n if (newValue) this.myParsedArray = JSON.parse(newValue);\n }\n\n render() {\n return (\n <Host>\n <div class=\"pn-stats-info__container\">\n <div class=\"pn-stats-info__container__map\" style={{ backgroundImage: `url(${this.backgroundUrl})` }}></div>\n\n <div class=\"pn-stats-info-image-container\">\n <slot name=\"illustration\" />\n </div>\n\n <div class=\"pn-stats-info__container__content\" style={{ backgroundImage: `url(${this.backgroundUrl})` }}>\n {this.heading && <h3 class=\"pn-stats-info__container__content__heading\">{this.heading}</h3>}\n <div class=\"pn-stats-info__container__content__data\">\n {this.myParsedArray &&\n this.myParsedArray.map((stats, index) => {\n return (\n <pn-stats-info-data\n index={index}\n startValue={stats.startValue}\n data={stats.data}\n unit={stats.unit}\n preamble={stats.preamble}\n duration={stats.duration}\n format={stats.format}\n formatStyle={stats.formatStyle}\n ></pn-stats-info-data>\n );\n })}\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,+uhBACvB,MAAAC,EAAeD,ECGf,MAAME,EACJ,osB,MAMWC,EAAW,M,sCACI,K,eACED,E,mBACI,K,mBAEiBE,KAAKC,MAAMC,KAAKC,U,CAGjE,gBAAAC,CAAiBC,GACf,GAAIA,EAAUH,KAAKI,cAAgBN,KAAKC,MAAMI,E,CAGhD,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gCAAgCC,MAAO,CAAEC,gBAAiB,OAAOX,KAAKY,oBAEjFN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iCACTH,EAAA,QAAAE,IAAA,2CAAMK,KAAK,kBAGbP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oCAAoCC,MAAO,CAAEC,gBAAiB,OAAOX,KAAKY,mBAClFZ,KAAKc,SAAWR,EAAA,MAAAE,IAAA,2CAAIC,MAAM,8CAA8CT,KAAKc,SAC9ER,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2CACRT,KAAKI,eACJJ,KAAKI,cAAcW,KAAI,CAACC,EAAOC,IAE3BX,EAAA,sBACEW,MAAOA,EACPC,WAAYF,EAAME,WAClBC,KAAMH,EAAMG,KACZC,KAAMJ,EAAMI,KACZC,SAAUL,EAAMK,SAChBC,SAAUN,EAAMM,SAChBC,OAAQP,EAAMO,OACdC,YAAaR,EAAMQ,mB","ignoreList":[]}

package/pn-market-web-components/p-0b5a125d.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,g as e,h as o,d as i}from"./p-82546a44.js";import{F as r}from"./p-3478f368.js";import{M as n}from"./p-6b1d045c.js";import{H as a}from"./p-0b920554.js";const s=(t="",e="#005D92")=>{switch(t){case"facebook":return`<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">\n <circle cx="28" cy="28" r="28" fill="${e}" />\n <path fill-rule="evenodd" clip-rule="evenodd" d="M38.6754 16H17.3246C16.593 16 16 16.5929 16 17.3246V38.6754C16 39.407 16.593 40 17.3246 40H28.8191V30.706H25.6915V27.0839H28.8191V24.4127C28.8191 21.3128 30.7124 19.6248 33.4778 19.6248C34.8023 19.6248 35.9409 19.7235 36.2726 19.7675V23.0071L34.3547 23.008C32.8507 23.008 32.5596 23.7226 32.5596 24.7713V27.0839H36.1463L35.6793 30.706H32.5596V40H38.6754C39.407 40 40 39.407 40 38.6754V17.3246C40 16.5929 39.407 16 38.6754 16Z" fill="white" />\n </svg>`;case"twitter":return`<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">\n <circle cx="28" cy="28" r="28" fill="${e}"/>\n <path d="M34.8996 17.5H38.5996L30.5996 26.4L39.9996 38.6H32.5996L26.7996 31.2L20.1996 38.6H16.4996L25.0996 29L16.0996 17.5H23.5996L28.7996 24.2L34.8996 17.5ZM33.5996 36.4H35.5996L22.4996 19.5H20.2996L33.5996 36.4Z" fill="white"/>\n </svg>`;case"linkedin":return`<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">\n <circle cx="28" cy="28" r="28" fill="${e}" />\n <path d="M37.5809 16H18.4191C17.0832 16 16 17.0747 16 18.399V37.601C16 38.9267 17.0832 40 18.4191 40H37.5809C38.9182 40 40 38.9253 40 37.601V18.399C40 17.0747 38.9182 16 37.5809 16ZM23.7013 34.9895H20.4725V24.7229H23.7013V34.9895ZM22.0653 23.4634C21.0462 23.4634 20.3874 22.7487 20.3874 21.8672C20.3874 20.965 21.0672 20.2711 22.1085 20.2711C23.1499 20.2711 23.7864 20.9636 23.8074 21.8672C23.8074 22.7501 23.1485 23.4634 22.0653 23.4634ZM35.4912 34.9895H32.2624V29.3002C32.2624 27.9772 31.7948 27.075 30.6264 27.075C29.7344 27.075 29.204 27.6834 28.9695 28.2711C28.8843 28.4808 28.8634 28.7746 28.8634 29.0685V34.9881H25.6332V27.9979C25.6332 26.7177 25.5913 25.6472 25.5481 24.7229H28.3525L28.5018 26.1507H28.566C28.9904 25.4789 30.0318 24.4925 31.7739 24.4925C33.8984 24.4925 35.4912 25.8996 35.4912 28.9222V34.9895Z" fill="white" />\n </svg>`;case"instagram":return`<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">\n <circle cx="28" cy="28" r="28" fill="${e}" />\n <path fill-rule="evenodd" clip-rule="evenodd" d="M27.9995 18.1621C31.2037 18.1621 31.5829 18.1745 32.8485 18.2321C34.0183 18.2854 34.6538 18.4807 35.0767 18.6451C35.6369 18.8628 36.0365 19.1228 36.4566 19.5425C36.8768 19.9626 37.1368 20.3623 37.354 20.9224C37.5184 21.3454 37.7137 21.9808 37.767 23.1507C37.8246 24.4158 37.837 24.7955 37.837 27.9998C37.837 31.204 37.8246 31.5832 37.767 32.8488C37.7137 34.0187 37.5184 34.6541 37.354 35.0771C37.1363 35.6373 36.8763 36.0369 36.4566 36.457C36.0365 36.8772 35.6369 37.1372 35.0767 37.3545C34.6538 37.5188 34.0183 37.7141 32.8485 37.7674C31.5834 37.8251 31.2037 37.8375 27.9995 37.8375C24.7953 37.8375 24.4157 37.8251 23.1506 37.7674C21.9807 37.7141 21.3453 37.5188 20.9223 37.3545C20.3622 37.1368 19.9625 36.8767 19.5424 36.457C19.1223 36.0369 18.8622 35.6373 18.645 35.0771C18.4807 34.6541 18.2854 34.0187 18.232 32.8488C18.1744 31.5837 18.162 31.204 18.162 27.9998C18.162 24.7955 18.1744 24.4163 18.232 23.1507C18.2854 21.9808 18.4807 21.3454 18.645 20.9224C18.8627 20.3623 19.1228 19.9626 19.5424 19.5425C19.9625 19.1224 20.3622 18.8623 20.9223 18.6451C21.3453 18.4807 21.9807 18.2854 23.1506 18.2321C24.4161 18.1745 24.7953 18.1621 27.9995 18.1621ZM27.9995 16C24.7405 16 24.3318 16.0138 23.052 16.0724C21.7749 16.1305 20.9028 16.3334 20.1392 16.6302C19.35 16.9369 18.6807 17.3471 18.0139 18.0144C17.347 18.6813 16.9365 19.3505 16.6302 20.1393C16.3334 20.9029 16.1305 21.7751 16.0724 23.0521C16.0138 24.332 16 24.7407 16 27.9998C16 31.2588 16.0138 31.6675 16.0724 32.9474C16.1305 34.2245 16.3334 35.0966 16.6302 35.8602C16.9369 36.6495 17.347 37.3187 18.0144 37.9856C18.6817 38.6529 19.3505 39.0631 20.1397 39.3698C20.9028 39.6666 21.7754 39.8695 23.0524 39.9276C24.3323 39.9862 24.741 40 28 40C31.259 40 31.6677 39.9862 32.9476 39.9276C34.2246 39.8695 35.0972 39.6666 35.8603 39.3698C36.6495 39.0631 37.3188 38.6529 37.9856 37.9856C38.653 37.3182 39.0631 36.6495 39.3698 35.8602C39.6666 35.0971 39.8695 34.2245 39.9276 32.9474C39.9862 31.6675 40 31.2588 40 27.9998C40 24.7407 39.9862 24.332 39.9276 23.0521C39.8695 21.7751 39.6666 20.9024 39.3698 20.1393C39.0631 19.35 38.653 18.6808 37.9856 18.0139C37.3183 17.3466 36.6495 16.9365 35.8603 16.6297C35.0963 16.3334 34.2241 16.1305 32.9471 16.0724C31.6672 16.0138 31.2585 16 27.9995 16ZM27.9996 21.8379C24.5963 21.8379 21.8379 24.5969 21.8379 27.9998C21.8379 31.4027 24.5968 34.1616 27.9996 34.1616C31.4025 34.1616 34.1613 31.4027 34.1613 27.9998C34.1613 24.5969 31.4029 21.8379 27.9996 21.8379ZM27.9996 31.9995C25.7904 31.9995 23.9999 30.2085 23.9999 27.9998C23.9999 25.7905 25.7909 24 27.9996 24C30.2083 24 31.9993 25.791 31.9993 27.9998C31.9993 30.209 30.2088 31.9995 27.9996 31.9995ZM35.845 21.594C35.845 22.3892 35.2003 23.0339 34.4051 23.0339C33.6098 23.0339 32.9651 22.3892 32.9651 21.594C32.9651 20.7987 33.6098 20.154 34.4051 20.154C35.2003 20.154 35.845 20.7987 35.845 21.594Z" fill="white" />\n </svg>`;case"youtube":return`<svg width="56" height="56" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 56" style="enable-background:new 0 0 56 56;" xml:space="preserve">\n <circle fill="${e}" cx="28" cy="28" r="28"></circle>\n <g transform="translate(9937 4831.656)">\n <path fill="#fff" d="M-9909-4793.8c0,0-2.2,0-4.7-0.1c-1.4,0-2.7-0.1-3.7-0.2c-1.3-0.1-2.1-0.2-2.6-0.3\n c-0.3-0.1-0.6-0.2-0.9-0.4c-0.3-0.2-0.5-0.3-0.7-0.6s-0.4-0.5-0.6-0.7c-0.2-0.3-0.3-0.6-0.4-0.9c-0.4-1.7-0.6-4-0.6-6.7\n c0-1.2,0.1-2.4,0.2-3.6c0.1-0.6,0.1-1.1,0.2-1.7c0.1-0.5,0.1-1.1,0.2-1.5c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.3-0.5,0.6-0.7\n s0.5-0.4,0.7-0.6c0.3-0.2,0.6-0.3,0.9-0.4c0.5-0.1,1.4-0.3,2.6-0.3c1-0.1,2.2-0.1,3.7-0.2c2.4-0.1,4.6-0.1,4.7-0.1\n c0,0,2.2,0,4.7,0.1c1.4,0,2.7,0.1,3.7,0.2c1.3,0.1,2.1,0.2,2.6,0.3c0.3,0.1,0.6,0.2,0.9,0.4c0.3,0.2,0.5,0.3,0.7,0.6\n s0.4,0.5,0.6,0.7c0.2,0.3,0.3,0.6,0.4,0.9c0.2,0.9,0.4,2,0.5,3.1c0.1,1.1,0.1,2.3,0.1,3.6c0,1.2-0.1,2.4-0.2,3.6\n c-0.1,0.6-0.1,1.1-0.2,1.7c-0.1,0.5-0.2,1.1-0.2,1.5c-0.1,0.3-0.2,0.6-0.4,0.9c-0.2,0.3-0.3,0.5-0.6,0.7c-0.2,0.2-0.5,0.4-0.7,0.6\n c-0.3,0.2-0.6,0.3-0.9,0.4c-0.5,0.1-1.4,0.3-2.6,0.3c-1,0.1-2.2,0.1-3.7,0.2C-9906.8-4793.8-9909-4793.8-9909-4793.8z\n M-9911.8-4807.9v8.4l7.3-4.2L-9911.8-4807.9z"></path>\n </g>\n </svg>`;default:return""}};const l={sv:{searchlabel:"Sök",searchplaceholder:"Vad letar du efter?",searchbuttontext:"Sök",menuHomeButton:"Hem",menuGoBackButton:"Gå tillbaka",mainMenuButton:"Meny",menuStartButton:"Start"},en:{searchlabel:"Search",searchplaceholder:"Search",searchbuttontext:"Search",menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start"},da:{searchlabel:"Søg",searchplaceholder:"Søg",searchbuttontext:"Søg",menuHomeButton:"Hjem",menuGoBackButton:"Gå tilbage",mainMenuButton:"Menu",menuStartButton:"Start"},no:{searchlabel:"Søk",searchplaceholder:"Søk",searchbuttontext:"Søk",menuHomeButton:"Hjem",menuGoBackButton:"Gå tilbake",mainMenuButton:"Meny",menuStartButton:"Start"},fi:{searchlabel:"Hae",searchplaceholder:"Hae",searchbuttontext:"Hae",menuHomeButton:"Koti",menuGoBackButton:"Mene takaisin",mainMenuButton:"Valikko",menuStartButton:"Alkaa"},zh:{searchlabel:"Search",searchplaceholder:"Search",searchbuttontext:"Search",menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start"},it:{searchlabel:"Search",searchplaceholder:"Search",searchbuttontext:"Search",menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start"},nl:{searchlabel:"Search",searchplaceholder:"Search",searchbuttontext:"Search",menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start"}};const m="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-marketweb-sitefooter .social-media a[target=_blank]:not(.pn-button):after{content:none}@media screen and (min-width: 60em){pn-marketweb-sitefooter:not([theme=dotcom]) pn-site-footer-col:has(div[slot=bottomsocialmediadesktop]){display:flex;align-content:flex-start;align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-width:min-content}pn-marketweb-sitefooter:not([theme=dotcom]) pn-site-footer-col:has(div[slot=bottomsocialmediadesktop]) div[slot=bottomsocialmediadesktop]{display:block;margin-top:auto;margin-bottom:1.6rem}pn-marketweb-sitefooter:not([theme=dotcom]) pn-site-footer-col:has(div[slot=bottomsocialmediadesktop]) div[slot=bottomsocialmediadesktop] .trustpilot-widget{display:flex;justify-content:flex-start}}pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile]{display:block;margin-top:1rem;margin-bottom:2.3rem}pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile] .trustpilot-widget{display:flex;justify-content:center}@media screen and (min-width: 33.125em){pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile] .trustpilot-widget{justify-content:flex-start}}@media screen and (min-width: 60em){pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile]{display:none}}div[slot=middle-extra-mobile],div[slot=middle-extra]{display:none}pn-marketweb-sitefooter[theme=dotcom]{width:100%}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottomsocialmediamobile],pn-marketweb-sitefooter[theme=dotcom] div[slot=bottomsocialmediadesktop]{display:none}pn-marketweb-sitefooter[theme=dotcom] div[slot=middle-extra-mobile]{display:block;width:100%;text-align:-webkit-center;margin:2.4rem 0}@media screen and (min-width: 1024px){pn-marketweb-sitefooter[theme=dotcom] div[slot=middle-extra-mobile]{display:none}pn-marketweb-sitefooter[theme=dotcom] div[slot=middle-extra]{display:block;width:100%;text-align:-webkit-center;margin:3.2rem 0}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan{flex-direction:row}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan ul{margin-bottom:1.6rem}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan ul{margin-bottom:0;margin-right:4.8rem}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper{display:flex;flex-direction:column;width:100%}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper{width:auto;flex-direction:row}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper .separator{border-top:1px solid #d3cecb;margin-bottom:1.6rem}@media screen and (min-width: 768px){pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper .separator{display:flex;width:1px;height:auto;min-height:90%;background-color:#d3cecb;margin-right:4.8rem;margin-bottom:0}}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottom] .social-media.social-media--swan .swan-wrapper .swan{justify-self:center;align-self:center}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=bluedarkest] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] svg path{fill:#ffffff}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=bluedarkest] pn-site-footer[theme=dotcom] pn-swan {color:white}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom]{background-color:#005d92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-top,pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom{background-color:#005d92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom]>svg path{fill:#005d92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media{border-top:0.1rem solid #d3cecb;border-bottom:0.1rem solid #d3cecb}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media>ul>li:hover svg>circle{fill:#8eddf9}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] svg path{fill:#ffffff}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] pn-swan {color:white}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom]{background-color:#f3f2f2}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom]>svg path{fill:#f3f2f2}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-top,pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom{background-color:#f3f2f2}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media{border-top:0.1rem solid #d3cecb;border-bottom:0.1rem solid #d3cecb}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media li svg circle{fill:#005d92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media li svg:hover>circle{fill:#00a0d6}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright {color:#005d92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] {color:#0d234b}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] svg path{fill:#0d234b}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] a:not(.pn-h2){color:#005d92}pn-marketweb-sitefooter[theme=tpl] pn-site-footer{background-color:#0d234b;padding-top:6rem}@media screen and (max-width: 33.125em){pn-marketweb-sitefooter[theme=tpl] pn-site-footer{padding-left:2.6rem;padding-right:2.6rem}}pn-marketweb-sitefooter[theme=tpl] pn-site-footer>svg{display:none}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom{background-color:#0d234b;color:#ffffff;margin:2.5rem 0}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom div[slot=bottom]{border-top:1px solid #005d92;border-bottom:1px solid #005d92}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom a{color:#ffffff}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom a:hover{text-decoration:underline;color:#ffffff}pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top,pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-logo{background-color:#0d234b;color:#ffffff}pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top a,pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-logo a{color:#fbc2c1}pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top a:hover,pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-logo a:hover{text-decoration:underline;color:#fbc2c1}@media screen and (max-width: 60em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{padding:0 8rem}}@media screen and (max-width: 60em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{padding:0 5rem}}@media screen and (max-width: 48em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{padding:0 3rem}}@media screen and (min-width: 33.125em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{width:114rem;justify-content:space-between}}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-logo a svg path{fill:#00a0d6}@media screen and (min-width: 33.125em){pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col{width:unset;min-width:unset}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col:first-child{min-width:45%}}@media screen and (max-width: 60em){pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col:first-child{min-width:100%;padding-top:0}}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a{display:inline-flex;gap:0.7rem;align-items:flex-start}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a .pn-h2{color:#ffffff}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a span.footer-tpl-links{display:none}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a:hover{text-decoration:underline;color:#fbc2c1}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a pn-icon svg{background-color:#fbc2c1;border-radius:0.3rem;height:1.7rem;width:1.7rem;margin-top:0.3rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a pn-icon svg path{fill:#0d234b}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col .pn-h2{margin-bottom:3.5rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media{flex-direction:column;gap:0.5rem;row-gap:0rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media li{max-height:4rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a{align-items:center;gap:0}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a circle{display:none}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a span.footer-tpl-links{display:block}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a svg{height:3.7rem;width:3.7rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a svg path{fill:#fbc2c1}";const c=m;const d=class{constructor(e){t(this,e);this.market="se";this.language="sv";this.environment=null;this.endpoint=null;this.siteDomainInUrls=false;this.cache=false;this.theme="default";this.backgroundcolor="darkestblue";this.showSwan=false;this.headingLevel="h2";this.siteDefinition=undefined;this.footerContent=undefined;this.i18n=undefined;this.gotData=false;this.fetchingData=false}get hostElement(){return e(this)}fetchHelper=new r("sitefooter");endpointPath="/api/footer/footer";componentWillLoad(){this.setInitialValues().then((()=>{this.init()}))}async setInitialValues(t=window.location.href){const e=new n(t);if(!this.market){const t=await e.getMarket();this.market=t}if(!this.language){const t=await e.getLanguage();this.language=t}if(!this.environment){this.environment=await e.getEnvironmentName()}if(!this.endpoint&&this.environment?.indexOf("local")===-1){this.endpoint=await e.getEndpoint(this.environment,this.market)}if(!this.endpoint){this.endpoint=""}}async init(){this.setTranslations();await this.fetchData()}setTranslations(){if(this.language&&l[this.language]){this.i18n=l[this.language]}}onLanguageChange(){this.setTranslations();this.fetchData()}onMarketChange(){this.fetchData()}setFetchUrl(t){switch(this.theme){case"dotcom":return`${t}${this.endpointPath}?market=${this.market}&language=${this.language}&breakOutSocialMedia=true&extendColumns=true`;default:return`${t}${this.endpointPath}?market=${this.market}&language=${this.language}`}}async fetchData(){if(this.endpoint===null\|\|!this.market\|\|!this.language){return}this.fetchingData=true;const t=this.endpoint.lastIndexOf("/")===this.endpoint.length-1?this.endpoint.substring(0,this.endpoint.length-1):this.endpoint;const e=this.setFetchUrl(t);const o=await this.fetchHelper.fetchJson(e,{mode:"cors"},this.cache,this.onFetchRefreshed.bind(this));await this.setStateFromData(o)}onFetchRefreshed(t){this.setStateFromData(t)}setStateFromData(t){if(typeof t!=="object"){console.warn("Data was not valid",t)}this.siteDefinition=t.sitedefinition;this.footerContent=t.footer;if(this.siteDomainInUrls){this.adjustLinks()}this.gotData=true;this.fetchingData=true}adjustLinks(){this.footerContent.bottomLinks.forEach((t=>{t.linkHref=this.adjustHref(t.linkHref)}));this.footerContent.columns.forEach((t=>{t.links.forEach((t=>{t.linkHref=this.adjustHref(t.linkHref)}))}))}adjustHref(t){if(!t\|\|t.indexOf("http")===0\|\|this.siteDomainInUrls){return t}const e=this.siteDefinition.url.lastIndexOf("/")===this.siteDefinition.url.length-1?this.siteDefinition.url.substring(0,this.siteDefinition.url.length-1):this.siteDefinition.url;t=e+t;return t}uniqueId(t){return"footer-"+t.replace(/[^A-Za-z0-9.\\\/]/gim,"")}renderCols(){if(this.gotData&&this.footerContent?.columns){return this.footerContent.columns.map((t=>o("pn-site-footer-col",{theme:this.theme},t.firstLinkAsHeader&&t.links&&t.links[0]?o("a",{href:t.links[0].linkHref,target:t.links[0].openInNewWindow?"_blank":null,rel:t.links[0].openInNewWindow?"noopener nofollower noreferrer":null,title:t.links[0].linkText,id:this.uniqueId(t.links[0].linkText)},o(a,{level:this.headingLevel,cssClass:`${"pn-"+this.headingLevel}`},t.links[0].linkText)):o(a,{level:this.headingLevel,cssClass:`${"pn-"+this.headingLevel}`},t.heading),t.links&&(!t.body\|\|this.theme==="tpl")?o("ul",{...t.links&&t.links[0]&&t.links[0].linkType&&{class:"social-media"}},t.links.map(((e,i)=>{if(!e.linkHref\|\|t.firstLinkAsHeader&&i==0){return false}let r=e.linkText;if(e.linkType){r=s(e.linkType)}let n=this.uniqueId(r);return o("li",null,o("a",{href:e.linkHref,...e.openInNewWindow&&{target:"_blank"},title:e.linkText,innerHTML:r,id:n},this.theme==="tpl"?o("span",{class:"footer-tpl-links"},e.linkText):null))}))):null,t.body?o("div",{innerHTML:t.body}):null,o("slot",{name:"bottomsocialmediadesktop"}),o("slot",{name:"bottomsocialmediamobile"}))))}else{return null}}renderBottomLinks(){return this.footerContent.bottomLinks.map((t=>{if(!t.linkHref){return o("li",null,t.linkText)}let e=this.uniqueId(t.linkText);return o("li",null,o("a",{href:t.linkHref,...t.openInNewWindow&&{target:"_blank"},title:t.linkText,id:e},t.linkText))}))}renderDefaultFooter(){return o(i,{language:this.language,market:this.market,environment:this.environment},o("pn-site-footer",{url:this.siteDefinition?.url??""},o("slot",{name:"logo"}),this.renderCols(),o("div",{slot:"bottom"},this.gotData&&this.footerContent?.copyrightText?o("span",null,this.footerContent.copyrightText):null,this.gotData&&this.footerContent?.bottomLinks?o("span",null,this.footerContent.bottomLinks.map((t=>{if(!t.linkHref){return o("span",null,t.linkText)}let e=this.uniqueId(t.linkText);return o("a",{href:t.linkHref,...t.openInNewWindow&&{target:"_blank"},title:t.linkText,id:e},t.linkText)}))):null)))}renderSocialMeidaIconListElements(){return this.gotData&&this.footerContent?.socialmedialinks.map((t=>{let e=s(t.linkType,"#00A0D6");let i=this.uniqueId(t.linkText);return o("li",null,o("a",{href:t.linkHref,...t.openInNewWindow&&{target:"_blank"},title:t.linkText,innerHTML:e,id:i}))}))}renderSwanComponent(){return this.showSwan&&o("div",{class:"swan-wrapper"},o("div",{class:"separator"}),o("pn-swan",{language:this.language,"license-number":this.footerContent?.swanInfo?.swanLicense,"link-to":this.footerContent?.swanInfo?.swanLink}))}renderDotComFooter(){return o(i,{language:this.language,market:this.market,environment:this.environment},o("pn-site-footer",{theme:this.theme,url:this.siteDefinition?.url??""},this.renderCols(),o("slot",{name:"middle-extra"}),o("slot",{name:"middle-extra-mobile"}),o("div",{slot:"bottom"},o("div",{class:`social-media ${this.showSwan?"social-media--swan":""}`},o("ul",null,this.renderSocialMeidaIconListElements()),this.renderSwanComponent()),o("div",{class:"copyright"},this.gotData&&this.footerContent?.copyrightText?o("span",null,this.footerContent.copyrightText):null,this.gotData&&this.footerContent?.bottomLinks?o("ul",null,this.renderBottomLinks()):null))))}render(){switch(this.theme){case"dotcom":return this.renderDotComFooter();default:return this.renderDefaultFooter()}}static get watchers(){return{language:["onLanguageChange"],market:["onMarketChange"]}}};d.style=c;export{d as pn_marketweb_sitefooter};
2	+ //# sourceMappingURL=p-0b5a125d.entry.js.map

package/pn-market-web-components/p-0b5a125d.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["getSocialMediaIconsByType","linkType","fill","translations","sv","searchlabel","searchplaceholder","searchbuttontext","menuHomeButton","menuGoBackButton","mainMenuButton","menuStartButton","en","da","no","fi","zh","it","nl","pnMarketwebSitefooterCss","PnMarketwebSitefooterStyle0","PnMarketwebSiteheader","fetchHelper","FetchHelper","endpointPath","componentWillLoad","this","setInitialValues","then","init","href","window","location","marketWebContextService","MarketWebContextService","market","resolvedMarket","getMarket","language","getLanguage","environment","getEnvironmentName","endpoint","indexOf","getEndpoint","setTranslations","fetchData","i18n","onLanguageChange","onMarketChange","setFetchUrl","endpointBase","theme","fetchingData","lastIndexOf","length","substring","fetchUrl","data","fetchJson","mode","cache","onFetchRefreshed","bind","setStateFromData","console","warn","siteDefinition","sitedefinition","footerContent","footer","siteDomainInUrls","adjustLinks","gotData","bottomLinks","forEach","link","linkHref","adjustHref","columns","col","links","domainUrl","url","uniqueId","text","replace","renderCols","map","column","h","firstLinkAsHeader","target","openInNewWindow","rel","title","linkText","id","HeadingTag","level","headingLevel","cssClass","heading","body","class","i","linkId","innerHTML","name","renderBottomLinks","renderDefaultFooter","Host","slot","copyrightText","renderSocialMeidaIconListElements","socialmedialinks","renderSwanComponent","showSwan","swanInfo","swanLicense","swanLink","renderDotComFooter","render"],"sources":["src/components/layout-components/pn-marketweb-sitefooter/socialMediaIcons.ts","src/components/layout-components/pn-marketweb-sitefooter/translations.ts","src/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.scss?tag=pn-marketweb-sitefooter","src/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.tsx"],"sourcesContent":["export const getSocialMediaIconsByType = (linkType = '', fill = '#005D92') => {\n switch (linkType) {\n case 'facebook':\n return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M38.6754 16H17.3246C16.593 16 16 16.5929 16 17.3246V38.6754C16 39.407 16.593 40 17.3246 40H28.8191V30.706H25.6915V27.0839H28.8191V24.4127C28.8191 21.3128 30.7124 19.6248 33.4778 19.6248C34.8023 19.6248 35.9409 19.7235 36.2726 19.7675V23.0071L34.3547 23.008C32.8507 23.008 32.5596 23.7226 32.5596 24.7713V27.0839H36.1463L35.6793 30.706H32.5596V40H38.6754C39.407 40 40 39.407 40 38.6754V17.3246C40 16.5929 39.407 16 38.6754 16Z\" fill=\"white\" />\n </svg>`;\n case 'twitter':\n return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\"/>\n <path d=\"M34.8996 17.5H38.5996L30.5996 26.4L39.9996 38.6H32.5996L26.7996 31.2L20.1996 38.6H16.4996L25.0996 29L16.0996 17.5H23.5996L28.7996 24.2L34.8996 17.5ZM33.5996 36.4H35.5996L22.4996 19.5H20.2996L33.5996 36.4Z\" fill=\"white\"/>\n </svg>`;\n case 'linkedin':\n return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\" />\n <path d=\"M37.5809 16H18.4191C17.0832 16 16 17.0747 16 18.399V37.601C16 38.9267 17.0832 40 18.4191 40H37.5809C38.9182 40 40 38.9253 40 37.601V18.399C40 17.0747 38.9182 16 37.5809 16ZM23.7013 34.9895H20.4725V24.7229H23.7013V34.9895ZM22.0653 23.4634C21.0462 23.4634 20.3874 22.7487 20.3874 21.8672C20.3874 20.965 21.0672 20.2711 22.1085 20.2711C23.1499 20.2711 23.7864 20.9636 23.8074 21.8672C23.8074 22.7501 23.1485 23.4634 22.0653 23.4634ZM35.4912 34.9895H32.2624V29.3002C32.2624 27.9772 31.7948 27.075 30.6264 27.075C29.7344 27.075 29.204 27.6834 28.9695 28.2711C28.8843 28.4808 28.8634 28.7746 28.8634 29.0685V34.9881H25.6332V27.9979C25.6332 26.7177 25.5913 25.6472 25.5481 24.7229H28.3525L28.5018 26.1507H28.566C28.9904 25.4789 30.0318 24.4925 31.7739 24.4925C33.8984 24.4925 35.4912 25.8996 35.4912 28.9222V34.9895Z\" fill=\"white\" />\n </svg>`;\n case 'instagram':\n return `<svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"28\" cy=\"28\" r=\"28\" fill=\"${fill}\" />\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M27.9995 18.1621C31.2037 18.1621 31.5829 18.1745 32.8485 18.2321C34.0183 18.2854 34.6538 18.4807 35.0767 18.6451C35.6369 18.8628 36.0365 19.1228 36.4566 19.5425C36.8768 19.9626 37.1368 20.3623 37.354 20.9224C37.5184 21.3454 37.7137 21.9808 37.767 23.1507C37.8246 24.4158 37.837 24.7955 37.837 27.9998C37.837 31.204 37.8246 31.5832 37.767 32.8488C37.7137 34.0187 37.5184 34.6541 37.354 35.0771C37.1363 35.6373 36.8763 36.0369 36.4566 36.457C36.0365 36.8772 35.6369 37.1372 35.0767 37.3545C34.6538 37.5188 34.0183 37.7141 32.8485 37.7674C31.5834 37.8251 31.2037 37.8375 27.9995 37.8375C24.7953 37.8375 24.4157 37.8251 23.1506 37.7674C21.9807 37.7141 21.3453 37.5188 20.9223 37.3545C20.3622 37.1368 19.9625 36.8767 19.5424 36.457C19.1223 36.0369 18.8622 35.6373 18.645 35.0771C18.4807 34.6541 18.2854 34.0187 18.232 32.8488C18.1744 31.5837 18.162 31.204 18.162 27.9998C18.162 24.7955 18.1744 24.4163 18.232 23.1507C18.2854 21.9808 18.4807 21.3454 18.645 20.9224C18.8627 20.3623 19.1228 19.9626 19.5424 19.5425C19.9625 19.1224 20.3622 18.8623 20.9223 18.6451C21.3453 18.4807 21.9807 18.2854 23.1506 18.2321C24.4161 18.1745 24.7953 18.1621 27.9995 18.1621ZM27.9995 16C24.7405 16 24.3318 16.0138 23.052 16.0724C21.7749 16.1305 20.9028 16.3334 20.1392 16.6302C19.35 16.9369 18.6807 17.3471 18.0139 18.0144C17.347 18.6813 16.9365 19.3505 16.6302 20.1393C16.3334 20.9029 16.1305 21.7751 16.0724 23.0521C16.0138 24.332 16 24.7407 16 27.9998C16 31.2588 16.0138 31.6675 16.0724 32.9474C16.1305 34.2245 16.3334 35.0966 16.6302 35.8602C16.9369 36.6495 17.347 37.3187 18.0144 37.9856C18.6817 38.6529 19.3505 39.0631 20.1397 39.3698C20.9028 39.6666 21.7754 39.8695 23.0524 39.9276C24.3323 39.9862 24.741 40 28 40C31.259 40 31.6677 39.9862 32.9476 39.9276C34.2246 39.8695 35.0972 39.6666 35.8603 39.3698C36.6495 39.0631 37.3188 38.6529 37.9856 37.9856C38.653 37.3182 39.0631 36.6495 39.3698 35.8602C39.6666 35.0971 39.8695 34.2245 39.9276 32.9474C39.9862 31.6675 40 31.2588 40 27.9998C40 24.7407 39.9862 24.332 39.9276 23.0521C39.8695 21.7751 39.6666 20.9024 39.3698 20.1393C39.0631 19.35 38.653 18.6808 37.9856 18.0139C37.3183 17.3466 36.6495 16.9365 35.8603 16.6297C35.0963 16.3334 34.2241 16.1305 32.9471 16.0724C31.6672 16.0138 31.2585 16 27.9995 16ZM27.9996 21.8379C24.5963 21.8379 21.8379 24.5969 21.8379 27.9998C21.8379 31.4027 24.5968 34.1616 27.9996 34.1616C31.4025 34.1616 34.1613 31.4027 34.1613 27.9998C34.1613 24.5969 31.4029 21.8379 27.9996 21.8379ZM27.9996 31.9995C25.7904 31.9995 23.9999 30.2085 23.9999 27.9998C23.9999 25.7905 25.7909 24 27.9996 24C30.2083 24 31.9993 25.791 31.9993 27.9998C31.9993 30.209 30.2088 31.9995 27.9996 31.9995ZM35.845 21.594C35.845 22.3892 35.2003 23.0339 34.4051 23.0339C33.6098 23.0339 32.9651 22.3892 32.9651 21.594C32.9651 20.7987 33.6098 20.154 34.4051 20.154C35.2003 20.154 35.845 20.7987 35.845 21.594Z\" fill=\"white\" />\n </svg>`;\n case 'youtube':\n return `<svg width=\"56\" height=\"56\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 56 56\" style=\"enable-background:new 0 0 56 56;\" xml:space=\"preserve\">\n <circle fill=\"${fill}\" cx=\"28\" cy=\"28\" r=\"28\"></circle>\n <g transform=\"translate(9937 4831.656)\">\n <path fill=\"#fff\" d=\"M-9909-4793.8c0,0-2.2,0-4.7-0.1c-1.4,0-2.7-0.1-3.7-0.2c-1.3-0.1-2.1-0.2-2.6-0.3\n c-0.3-0.1-0.6-0.2-0.9-0.4c-0.3-0.2-0.5-0.3-0.7-0.6s-0.4-0.5-0.6-0.7c-0.2-0.3-0.3-0.6-0.4-0.9c-0.4-1.7-0.6-4-0.6-6.7\n c0-1.2,0.1-2.4,0.2-3.6c0.1-0.6,0.1-1.1,0.2-1.7c0.1-0.5,0.1-1.1,0.2-1.5c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.3-0.5,0.6-0.7\n s0.5-0.4,0.7-0.6c0.3-0.2,0.6-0.3,0.9-0.4c0.5-0.1,1.4-0.3,2.6-0.3c1-0.1,2.2-0.1,3.7-0.2c2.4-0.1,4.6-0.1,4.7-0.1\n c0,0,2.2,0,4.7,0.1c1.4,0,2.7,0.1,3.7,0.2c1.3,0.1,2.1,0.2,2.6,0.3c0.3,0.1,0.6,0.2,0.9,0.4c0.3,0.2,0.5,0.3,0.7,0.6\n s0.4,0.5,0.6,0.7c0.2,0.3,0.3,0.6,0.4,0.9c0.2,0.9,0.4,2,0.5,3.1c0.1,1.1,0.1,2.3,0.1,3.6c0,1.2-0.1,2.4-0.2,3.6\n c-0.1,0.6-0.1,1.1-0.2,1.7c-0.1,0.5-0.2,1.1-0.2,1.5c-0.1,0.3-0.2,0.6-0.4,0.9c-0.2,0.3-0.3,0.5-0.6,0.7c-0.2,0.2-0.5,0.4-0.7,0.6\n c-0.3,0.2-0.6,0.3-0.9,0.4c-0.5,0.1-1.4,0.3-2.6,0.3c-1,0.1-2.2,0.1-3.7,0.2C-9906.8-4793.8-9909-4793.8-9909-4793.8z\n M-9911.8-4807.9v8.4l7.3-4.2L-9911.8-4807.9z\"></path>\n </g>\n </svg>`;\n default:\n return '';\n }\n};\n","export const translations = {\n sv: {\n searchlabel: 'Sök',\n searchplaceholder: 'Vad letar du efter?',\n searchbuttontext: 'Sök',\n menuHomeButton: 'Hem',\n menuGoBackButton: 'Gå tillbaka',\n mainMenuButton: 'Meny',\n menuStartButton: 'Start',\n },\n en: {\n searchlabel: 'Search',\n searchplaceholder: 'Search',\n searchbuttontext: 'Search',\n menuHomeButton: 'Home',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n },\n da: {\n searchlabel: 'Søg',\n searchplaceholder: 'Søg',\n searchbuttontext: 'Søg',\n menuHomeButton: 'Hjem',\n menuGoBackButton: 'Gå tilbage',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n },\n no: {\n searchlabel: 'Søk',\n searchplaceholder: 'Søk',\n searchbuttontext: 'Søk',\n menuHomeButton: 'Hjem',\n menuGoBackButton: 'Gå tilbake',\n mainMenuButton: 'Meny',\n menuStartButton: 'Start',\n },\n fi: {\n searchlabel: 'Hae',\n searchplaceholder: 'Hae',\n searchbuttontext: 'Hae',\n menuHomeButton: 'Koti',\n menuGoBackButton: 'Mene takaisin',\n mainMenuButton: 'Valikko',\n menuStartButton: 'Alkaa',\n },\n zh: {\n searchlabel: 'Search',\n searchplaceholder: 'Search',\n searchbuttontext: 'Search',\n menuHomeButton: 'Home',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n },\n it: {\n searchlabel: 'Search',\n searchplaceholder: 'Search',\n searchbuttontext: 'Search',\n menuHomeButton: 'Home',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n },\n nl: {\n searchlabel: 'Search',\n searchplaceholder: 'Search',\n searchbuttontext: 'Search',\n menuHomeButton: 'Home',\n menuGoBackButton: 'Go back',\n mainMenuButton: 'Menu',\n menuStartButton: 'Start',\n },\n};\n","@import '../../../globals/main.scss';\n@import '../../navigation/pn-site-footer/pn-site-footer-common.scss';\n\npn-marketweb-sitefooter {\n .social-media {\n a[target='_blank']:not(.pn-button):after {\n content: none;\n }\n }\n}\n\npn-marketweb-sitefooter:not([theme='dotcom']) {\n @media screen and (min-width: $sitefooter-media-smalldesktop) {\n pn-site-footer-col:has(div[slot='bottomsocialmediadesktop']) {\n display: flex;\n align-content: flex-start;\n align-items: flex-start;\n flex-direction: column;\n flex-wrap: wrap;\n min-width: min-content;\n\n div[slot='bottomsocialmediadesktop'] {\n display: block;\n margin-top: auto;\n margin-bottom: 1.6rem;\n\n .trustpilot-widget {\n display: flex;\n justify-content: flex-start;\n }\n }\n }\n }\n\n [slot='bottomsocialmediamobile'] {\n display: block;\n margin-top: 1rem;\n margin-bottom: 2.3rem;\n\n .trustpilot-widget {\n display: flex;\n justify-content: center;\n\n @media screen and (min-width: $sitefooter-media-phoneheight) {\n justify-content: flex-start;\n }\n }\n\n @media screen and (min-width: $sitefooter-media-smalldesktop) {\n display: none;\n }\n }\n}\n\ndiv[slot='middle-extra-mobile'],\ndiv[slot='middle-extra'] {\n display: none;\n}\n\npn-marketweb-sitefooter[theme='dotcom'] {\n width: 100%;\n\n div[slot='bottomsocialmediamobile'],\n div[slot='bottomsocialmediadesktop'] {\n display: none;\n }\n\n div[slot='middle-extra-mobile'] {\n display: block;\n width: 100%;\n text-align: -webkit-center;\n margin: 2.4rem 0;\n }\n\n @media screen and (min-width: 1024px) {\n div[slot='middle-extra-mobile'] {\n display: none;\n }\n\n div[slot='middle-extra'] {\n display: block;\n width: 100%;\n text-align: -webkit-center;\n margin: 3.2rem 0;\n }\n }\n\n div[slot='bottom'] .social-media.social-media--swan {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n @media screen and (min-width: $min-width-md) {\n flex-direction: row;\n }\n\n ul {\n margin-bottom: 1.6rem;\n @media screen and (min-width: $min-width-md) {\n margin-bottom: 0;\n margin-right: 4.8rem;\n }\n }\n\n .swan-wrapper {\n display: flex;\n flex-direction: column;\n width: 100%;\n\n @media screen and (min-width: $min-width-md) {\n width: auto;\n flex-direction: row;\n }\n\n .separator {\n border-top: 1px solid #d3cecb;\n margin-bottom: 1.6rem;\n\n @media screen and (min-width: $min-width-md) {\n display: flex;\n width: 1px;\n height: auto;\n min-height: 90%;\n background-color: #d3cecb;\n margin-right: 4.8rem;\n margin-bottom: 0;\n }\n }\n\n .swan {\n justify-self: center;\n align-self: center;\n }\n }\n }\n\n //com layout in different colors\n &[backgroundcolor='bluedarkest'] pn-site-footer[theme='dotcom'] {\n pn-site-footer-col[theme='dotcom'] svg path {\n fill: $white;\n }\n\n pn-swan * {\n color: white;\n }\n }\n\n &[backgroundcolor='blue'] pn-site-footer[theme='dotcom'] {\n background-color: $blue700;\n\n .pn-sitefooter-top,\n .pn-sitefooter-bottom {\n background-color: $blue700;\n }\n\n > svg path {\n fill: $blue700;\n }\n\n .pn-sitefooter-bottom .social-media {\n border-top: 0.1rem solid $gray200;\n border-bottom: 0.1rem solid $gray200;\n\n & > ul > li:hover svg > circle {\n fill: $blue200;\n }\n }\n\n pn-site-footer-col[theme='dotcom'] svg path {\n fill: $white;\n }\n\n pn-swan * {\n color: white;\n }\n }\n\n &[backgroundcolor='gray'] pn-site-footer[theme='dotcom'] {\n background-color: $gray50;\n\n > svg path {\n fill: $gray50;\n }\n\n .pn-sitefooter-top,\n .pn-sitefooter-bottom {\n background-color: $gray50;\n }\n\n .pn-sitefooter-bottom {\n .social-media {\n border-top: 0.1rem solid $gray200;\n border-bottom: 0.1rem solid $gray200;\n\n li svg circle {\n fill: $blue700;\n }\n\n li svg:hover > circle {\n fill: $blue400;\n }\n }\n\n > [slot='bottom'] > .copyright * {\n color: $blue700;\n }\n }\n\n pn-site-footer-col[theme='dotcom'] {\n * {\n color: $blue900;\n }\n\n svg path {\n fill: $blue900;\n }\n\n a:not(.pn-h2) {\n color: $blue700;\n }\n }\n }\n}\n\npn-marketweb-sitefooter[theme='tpl'] {\n pn-site-footer {\n background-color: $blue900;\n padding-top: 6rem;\n\n @media screen and (max-width: $sitefooter-media-phoneheight) {\n padding-left: 2.6rem;\n padding-right: 2.6rem;\n }\n\n & > svg {\n display: none;\n }\n }\n\n div.pn-sitefooter-bottom {\n background-color: $blue900;\n color: $white;\n margin: 2.5rem 0;\n\n div[slot='bottom'] {\n border-top: 1px solid $blue700;\n border-bottom: 1px solid $blue700;\n }\n\n a {\n color: $white;\n\n &:hover {\n text-decoration: underline;\n color: $white;\n }\n }\n }\n\n .pn-sitefooter-top,\n .pn-sitefooter-logo {\n background-color: $blue900;\n color: $white;\n\n a {\n color: $coral200;\n\n &:hover {\n text-decoration: underline;\n color: $coral200;\n }\n }\n }\n\n .pn-sitefooter-top .pn-sitefooter-cols {\n @media screen and (max-width: $sitefooter-media-smalldesktop) {\n padding: 0 8rem;\n }\n\n @media screen and (max-width: $sitefooter-media-smalldesktop) {\n padding: 0 5rem;\n }\n\n @media screen and (max-width: $sitefooter-media-tablet) {\n padding: 0 3rem;\n }\n\n @media screen and (min-width: $sitefooter-media-phoneheight) {\n width: 114rem;\n justify-content: space-between;\n }\n }\n\n div.pn-sitefooter-logo a svg path {\n fill: $blue400;\n }\n\n div pn-site-footer-col {\n @media screen and (min-width: $sitefooter-media-phoneheight) {\n width: unset;\n min-width: unset;\n\n &:first-child {\n min-width: 45%;\n }\n }\n\n &:first-child {\n @media screen and (max-width: $sitefooter-media-smalldesktop) {\n min-width: 100%;\n padding-top: 0;\n }\n }\n\n a {\n display: inline-flex;\n gap: 0.7rem;\n align-items: flex-start;\n\n .pn-h2 {\n color: $white;\n }\n\n span.footer-tpl-links {\n display: none;\n }\n\n &:hover {\n text-decoration: underline;\n color: $coral200;\n }\n\n pn-icon svg {\n background-color: $coral200;\n border-radius: 0.3rem;\n height: 1.7rem;\n width: 1.7rem;\n margin-top: 0.3rem;\n\n path {\n fill: $blue900;\n }\n }\n }\n\n .pn-h2 {\n margin-bottom: 3.5rem;\n }\n\n ul.social-media {\n flex-direction: column;\n gap: 0.5rem;\n row-gap: 0rem;\n\n li {\n max-height: 4rem;\n }\n\n a {\n align-items: center;\n gap: 0;\n\n circle {\n display: none;\n }\n\n span.footer-tpl-links {\n display: block;\n }\n\n svg {\n height: 3.7rem;\n width: 3.7rem;\n\n path {\n fill: $coral200;\n }\n }\n }\n }\n }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { MenuSiteDefinition, SiteFooterContentModel } from './pn-marketweb-sitefooter-types';\nimport { getSocialMediaIconsByType } from './socialMediaIcons';\nimport { translations } from './translations';\nimport { HeadingTag } from '../../../globals/HeadingTag';\n\n@Component({\n tag: 'pn-marketweb-sitefooter',\n styleUrl: 'pn-marketweb-sitefooter.scss',\n})\nexport class PnMarketwebSiteheader {\n @Element() hostElement: Element;\n\n @Prop({ mutable: true, reflect: true }) market: string = 'se';\n @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n @Prop({ mutable: true, reflect: true }) environment: string = null;\n @Prop() endpoint: string = null;\n\n /** Adjusts the menus URLs */\n @Prop() siteDomainInUrls: boolean = false;\n\n /** If the component should use cached requests */\n @Prop() cache: boolean = false;\n\n /** dotcom prop */\n @Prop({ reflect: true }) theme: string = 'default';\n /** dotcom backgroundcolor */\n @Prop({ reflect: true }) backgroundcolor: string = 'darkestblue';\n\n @Prop() showSwan: boolean = false;\n @Prop() headingLevel: string = \"h2\";\n\n @State() siteDefinition: MenuSiteDefinition;\n @State() footerContent: SiteFooterContentModel;\n\n @State() i18n: any;\n @State() gotData: boolean = false;\n @State() fetchingData: boolean = false;\n\n fetchHelper = new FetchHelper('sitefooter');\n endpointPath = '/api/footer/footer';\n\n componentWillLoad() {\n this.setInitialValues().then(() => {\n this.init();\n });\n }\n\n async setInitialValues(href = window.location.href) {\n const marketWebContextService = new MarketWebContextService(href);\n if (!this.market) {\n const resolvedMarket = await marketWebContextService.getMarket();\n this.market = resolvedMarket;\n }\n if (!this.language) {\n const resolvedMarket = await marketWebContextService.getLanguage();\n this.language = resolvedMarket;\n }\n if (!this.environment) {\n this.environment = await marketWebContextService.getEnvironmentName();\n }\n if (!this.endpoint && this.environment?.indexOf('local') === -1) {\n this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);\n }\n if (!this.endpoint) {\n this.endpoint = '';\n }\n }\n\n async init() {\n this.setTranslations();\n await this.fetchData();\n }\n\n setTranslations() {\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n }\n\n @Watch('language')\n onLanguageChange() {\n this.setTranslations();\n this.fetchData();\n }\n\n @Watch('market')\n onMarketChange() {\n this.fetchData();\n }\n\n setFetchUrl(endpointBase: string) {\n switch (this.theme) {\n case 'dotcom':\n return `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}&breakOutSocialMedia=true&extendColumns=true`;\n default:\n return `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}`;\n }\n }\n\n async fetchData() {\n if (this.endpoint === null || !this.market || !this.language) {\n // console.warn(`One or more values where not specified.\\nEndpoint: ${this.endpoint}\\nMarket: ${this.market}\\nLanguage: ${this.language}`)\n return;\n }\n\n this.fetchingData = true;\n const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n const fetchUrl = this.setFetchUrl(endpointBase);\n const data = (await this.fetchHelper.fetchJson(\n fetchUrl,\n {\n mode: 'cors',\n },\n this.cache,\n this.onFetchRefreshed.bind(this),\n )) as any;\n await this.setStateFromData(data);\n }\n\n onFetchRefreshed(data) {\n this.setStateFromData(data);\n }\n\n setStateFromData(data: any) {\n if (typeof data !== 'object') {\n console.warn('Data was not valid', data);\n }\n\n this.siteDefinition = data.sitedefinition;\n this.footerContent = data.footer;\n\n if (this.siteDomainInUrls) {\n this.adjustLinks();\n }\n\n this.gotData = true;\n this.fetchingData = true;\n }\n adjustLinks() {\n this.footerContent.bottomLinks.forEach(link => {\n link.linkHref = this.adjustHref(link.linkHref);\n });\n this.footerContent.columns.forEach(col => {\n col.links.forEach(link => {\n link.linkHref = this.adjustHref(link.linkHref);\n });\n });\n }\n\n adjustHref(href: string) {\n if (!href || href.indexOf('http') === 0 || this.siteDomainInUrls) {\n return href;\n }\n const domainUrl =\n this.siteDefinition.url.lastIndexOf('/') === this.siteDefinition.url.length - 1\n ? this.siteDefinition.url.substring(0, this.siteDefinition.url.length - 1)\n : this.siteDefinition.url;\n href = domainUrl + href;\n return href;\n }\n\n uniqueId(text: string) {\n return 'footer-' + text.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '');\n }\n\n renderCols() {\n if (this.gotData && this.footerContent?.columns) {\n return this.footerContent.columns.map(column => {\n return (\n <pn-site-footer-col theme={this.theme}>\n {column.firstLinkAsHeader && column.links && column.links[0] ? (\n <a\n href={column.links[0].linkHref}\n target={column.links[0].openInNewWindow ? '_blank' : null}\n rel={column.links[0].openInNewWindow ? 'noopener nofollower noreferrer' : null}\n title={column.links[0].linkText}\n id={this.uniqueId(column.links[0].linkText)}\n >\n <HeadingTag level={this.headingLevel} cssClass={`${\"pn-\" + this.headingLevel}`}>\n {column.links[0].linkText}\n </HeadingTag>\n </a>\n ) : (\n <HeadingTag level={this.headingLevel} cssClass={`${\"pn-\" + this.headingLevel}`}>\n {column.heading}\n </HeadingTag>\n )}\n {column.links && (!column.body || this.theme === 'tpl') ? (\n <ul {...(column.links && column.links[0] && column.links[0].linkType && { class: 'social-media' })}>\n {column.links.map((link, i) => {\n if (!link.linkHref || (column.firstLinkAsHeader && i == 0)) {\n return false;\n }\n let linkText = link.linkText;\n if (link.linkType) {\n linkText = getSocialMediaIconsByType(link.linkType);\n }\n let linkId = this.uniqueId(linkText);\n return (\n <li>\n <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} innerHTML={linkText} id={linkId}>\n {this.theme === 'tpl' ? <span class=\"footer-tpl-links\">{link.linkText}</span> : null}\n </a>\n </li>\n );\n })}\n </ul>\n ) : null}\n {column.body ? <div innerHTML={column.body}></div> : null}\n <slot name=\"bottomsocialmediadesktop\" />\n <slot name=\"bottomsocialmediamobile\" />\n </pn-site-footer-col>\n );\n });\n } else {\n return null;\n }\n }\n\n renderBottomLinks() {\n return this.footerContent.bottomLinks.map(link => {\n if (!link.linkHref) {\n return <li>{link.linkText}</li>;\n }\n let linkId = this.uniqueId(link.linkText);\n\n return (\n <li>\n <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} id={linkId}>\n {link.linkText}\n </a>\n </li>\n );\n });\n }\n\n renderDefaultFooter() {\n return (\n <Host language={this.language} market={this.market} environment={this.environment}>\n <pn-site-footer url={this.siteDefinition?.url ?? ''}>\n <slot name=\"logo\"></slot>\n {this.renderCols()}\n\n <div slot=\"bottom\">\n {this.gotData && this.footerContent?.copyrightText ? <span>{this.footerContent.copyrightText}</span> : null}\n {this.gotData && this.footerContent?.bottomLinks ? (\n <span>\n {this.footerContent.bottomLinks.map(link => {\n if (!link.linkHref) {\n return <span>{link.linkText}</span>;\n }\n let linkId = this.uniqueId(link.linkText);\n return (\n <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} id={linkId}>\n {link.linkText}\n </a>\n );\n })}\n </span>\n ) : null}\n </div>\n </pn-site-footer>\n </Host>\n );\n }\n\n renderSocialMeidaIconListElements() {\n return (\n this.gotData &&\n this.footerContent?.socialmedialinks.map(link => {\n let linkText = getSocialMediaIconsByType(link.linkType, '#00A0D6');\n let linkId = this.uniqueId(link.linkText);\n return (\n <li>\n <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} innerHTML={linkText} id={linkId}></a>\n </li>\n );\n })\n );\n }\n\n renderSwanComponent() {\n return (\n this.showSwan && (\n <div class=\"swan-wrapper\">\n <div class=\"separator\"></div>\n <pn-swan language={this.language} license-number={this.footerContent?.swanInfo?.swanLicense} link-to={this.footerContent?.swanInfo?.swanLink} />\n </div>\n )\n );\n }\n\n renderDotComFooter() {\n return (\n <Host language={this.language} market={this.market} environment={this.environment}>\n <pn-site-footer theme={this.theme} url={this.siteDefinition?.url ?? ''}>\n {this.renderCols()}\n <slot name=\"middle-extra\"></slot>\n <slot name=\"middle-extra-mobile\"></slot>\n <div slot=\"bottom\">\n <div class={`social-media ${this.showSwan ? 'social-media--swan' : ''}`}>\n <ul>{this.renderSocialMeidaIconListElements()}</ul>\n {this.renderSwanComponent()}\n </div>\n\n <div class=\"copyright\">\n {this.gotData && this.footerContent?.copyrightText ? <span>{this.footerContent.copyrightText}</span> : null}\n {this.gotData && this.footerContent?.bottomLinks ? <ul>{this.renderBottomLinks()}</ul> : null}\n </div>\n </div>\n </pn-site-footer>\n </Host>\n );\n }\n\n render() {\n switch (this.theme) {\n case 'dotcom':\n return this.renderDotComFooter();\n default:\n return this.renderDefaultFooter();\n }\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-0b920554.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{h as s}from"./p-82546a44.js";const a=({level:a,id:o,cssClass:r,additionalProps:e},i)=>{const n=a;return s(n,{id:o,className:r,...e,innerHTML:i})};export{a as H};
2	+ //# sourceMappingURL=p-0b920554.js.map

package/pn-market-web-components/p-0b920554.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["HeadingTag","level","id","cssClass","additionalProps","children","Tag","h","className","innerHTML"],"sources":["src/globals/HeadingTag.tsx"],"sourcesContent":["import { h, FunctionalComponent } from '@stencil/core';\n\ninterface HeadingTagProps {\n level: string;\n id?: string;\n cssClass?: string;\n additionalProps?: { [key: string]: string };\n}\n\nexport const HeadingTag: FunctionalComponent<HeadingTagProps> = ({ level, id, cssClass, additionalProps }, children) => {\n const Tag = level;\n\n return <Tag id={id} className={cssClass} {...additionalProps} innerHTML={children}></Tag>;\n};\n"],"mappings":"0CASaA,EAAmD,EAAGC,QAAOC,KAAIC,WAAUC,mBAAmBC,KACzG,MAAMC,EAAML,EAEZ,OAAOM,EAACD,EAAG,CAACJ,GAAIA,EAAIM,UAAWL,KAAcC,EAAiBK,UAAWJ,GAAgB,S","ignoreList":[]}

package/pn-market-web-components/p-0fc01d3f.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as i,d as e}from"./p-82546a44.js";import{t as n}from"./p-6e056c20.js";const r="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-findprice-result [slot=insurance]{display:flex;justify-content:center}pn-proxio-findprice-result .insurance-box{padding:0.4rem 0.8rem;border-radius:0.8rem;background-color:#8eddf9;text-align:center;font-size:1.2rem;font-weight:400;margin-bottom:2.4rem}";const s=r;const o=class{constructor(i){t(this,i);this.item=null;this.activeweight=null;this.shownitems=[];this.Usp1=undefined;this.Usp2=undefined;this.Usp3=undefined;this.description=[];this.showMeasurement=false;this.showInternational=false;this.selectedCountrycode="";this.market="";this.language="sv";this.weightText="";this.linkId="";this.shopLabel="";this.shopUrl="";this.shopId="";this.i18n=n[this.language]}componentWillLoad(){this.composeItems()}composeItems(){this.shownitems=[this.item]}getPriceString(t){if(!t.productWeightGroupList){return null}const i=t.productWeightGroupList.findIndex((t=>t.item1===this.activeweight));let e="";if(this.showInternational&&this.selectedCountrycode&&this.selectedCountrycode!==this.market&&t.weightPriceCountryList){let n=t.weightPriceCountryList.filter((t=>t.item3.includes(this.selectedCountrycode.toUpperCase())));e=n?n[i]?.item2:""}else{e=t.weightAndPriceList?t?.weightAndPriceList[i]?.item2:""}return e?this.i18n.from+e:""}getProductLink(t,i){if(t.productWeightGroupList){const e=t.productWeightGroupList.findIndex((t=>t.item1===this.activeweight));let n=i[e]?.item2;let r=t.productLink?t?.productLink:"";return r?r+(n?"?productId="+n:""):""}return null}getDeliveryInformation(t){if(!this.showInternational\|\|!t.deliveryDateInternationalInformation){return t.deliveryDateInformation}const i=t?.deliveryDateInternationalInformation?.find((t=>t.item1.toLowerCase()===this.selectedCountrycode.toLowerCase()));if(!i?.item2??true){return t.deliveryDateInformation}return i.item2}getInsuranceAmountText(t){if(!t.insuranceAmounts){return""}const i=t?.insuranceAmounts?.find((t=>t.item1.toLowerCase()===this.selectedCountrycode.toLowerCase()));if(!i?.item2??true){return""}return i.item2}render(){return i(e,{key:"0d651962cb698e67e9bd1f41c544b09ba4454701"},i("pn-proxio-productcard",{key:"5e5289c30a2946c80167c8487f2b87e5f576b86a"},i("pn-illustration",{key:"fc729699f603d04d819f43d375b2233991a7dc05",slot:"illustrationmobile",illustration:this.item.proxioProduct.productIcon}),i("h2",{key:"b8e356187c7901f8ee1595484aa613e14c425d9d",slot:"title"},this.item.proxioProduct.productTitle),i("pn-proxio-productcard-description",{key:"fed3272a2a54f0835590bd52af658f8f164c8a04",slot:"description",heading:this.item.proxioProduct.productPreamble,highlight:this.getDeliveryInformation(this.item.proxioProduct),list:this.item.proxioProduct.productDescriptionBulletListItems}),i("div",{key:"c5e27c403d2e9491302b1e7146151f400b5b8b0f",slot:"information"},i("pn-proxio-productcard-information",{key:"648ca8f9c69d6682cb4cdc82fef9b78eb4199458",label:this.i18n.labelMaxDimensions,information:this.item.proxioProduct.productPackageDimensionsList}),i("pn-proxio-productcard-information",{key:"c9df2b7d8af3494e71a9b996c44aeb8f3166e937",label:this.i18n.labelMaxDimensionsRoll,information:this.item.proxioProduct.productRollDimensionsList})),i("div",{key:"a6fc78819dbafaf887489f1b81df5918735a8bbc",slot:"bottomtags"},this.item.proxioProduct.usp1?i("pn-titletag",{color:"gray50"},this.item.proxioProduct.usp1):null,this.item.proxioProduct.usp2?i("pn-titletag",{color:"gray50"},this.item.proxioProduct.usp2):null,this.item.proxioProduct.usp3?i("pn-titletag",{color:"gray50"},this.item.proxioProduct.usp3):null),i("pn-illustration",{key:"29a32d5b160e90f42bcdb5ccab593603c77af79c",slot:"illustration",illustration:this.item.proxioProduct.productIcon}),i("div",{key:"4ae186576c5ae73631b62aff610433c34f333b75",slot:"pricelink"},i("pn-proxio-productcard-pricelink",{key:"288b434bc5aa38d13a3ad853c5f78acffec489af",price:this.getPriceString(this.item.proxioProduct),link:this.getProductLink(this.item.proxioProduct,this.item.proxioProduct.productWeightGroupList),linktext:this.item.proxioProduct.productLinkText}),this.item.relatedProxioProducts?this.item.relatedProxioProducts.map((t=>i("pn-proxio-productcard-pricelink",{price:this.getPriceString(t),link:t.productLink,linktext:t.productLinkText}))):null),this.getInsuranceAmountText(this.item.proxioProduct)?i("div",{slot:"insurance"},i("div",{class:"insurance-box"},this.getInsuranceAmountText(this.item.proxioProduct))):null))}static get watchers(){return{item:["composeItems"],activeweight:["getPriceString","getProductLink"]}}};o.style=s;export{o as pn_proxio_findprice_result};
2	+ //# sourceMappingURL=p-0fc01d3f.entry.js.map

package/pn-market-web-components/{p-4fa5bc85.entry.js.map → p-0fc01d3f.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["pnProxioFindpriceResultCss","PnProxioFindpriceResultStyle0","PnProxioFindPriceResult","translations","this","language","componentWillLoad","composeItems","shownitems","item","getPriceString","product","productWeightGroupList","activeIndex","findIndex","item1","activeweight","price","showInternational","selectedCountrycode","market","weightPriceCountryList","filter","item3","includes","toUpperCase","item2","weightAndPriceList","i18n","from","getProductLink","productId","productLink","getDeliveryInformation","deliveryDateInternationalInformation","deliveryDateInformation","internationalShipment","find","info","toLowerCase","getInsuranceAmountText","insuranceAmounts","insuranceAmount","render","h","Host","key","slot","illustration","proxioProduct","productIcon","productTitle","heading","productPreamble","highlight","list","productDescriptionBulletListItems","label","labelMaxDimensions","information","productPackageDimensionsList","labelMaxDimensionsRoll","productRollDimensionsList","usp1","color","usp2","usp3","link","linktext","productLinkText","relatedProxioProducts","map","class"],"sources":["src/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.scss?tag=pn-proxio-findprice-result","src/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-proxio-findprice-result {\n [slot='insurance'] {\n display: flex;\n justify-content: center;\n }\n\n .insurance-box {\n padding: 0.4rem 0.8rem;\n border-radius: 0.8rem;\n background-color: $blue200;\n text-align: center;\n font-size: 1.2rem;\n font-weight: 400;\n margin-bottom: 2.4rem;\n }\n}\n","import { Component, h, Prop, Host, Watch, State } from '@stencil/core';\nimport { ProxioPriceGroupi18n, ProxioProduct, ProductGenericItem, ProductWeightGroupListItem, ProxioPriceListGroupResponse } from '../pn-proxio-pricegroup/types';\nimport { translations } from '../pn-proxio-pricegroup/translations';\n\n@Component({\n tag: 'pn-proxio-findprice-result',\n styleUrl: 'pn-proxio-findprice-result.scss',\n})\nexport class PnProxioFindPriceResult {\n @Prop({ mutable: true }) item: ProxioPriceListGroupResponse = null;\n @Prop({ mutable: true }) activeweight: number = null;\n @Prop() shownitems: ProxioPriceListGroupResponse[] = [];\n @Prop() Usp1?: string;\n @Prop() Usp2?: string;\n @Prop() Usp3?: string;\n @Prop() description?: string[] = [];\n @Prop() showMeasurement?: boolean = false;\n @Prop() showInternational: boolean = false;\n @Prop() selectedCountrycode: string = '';\n @Prop() market: string = '';\n @Prop({ mutable: true }) language: string = 'sv';\n\n @State() weightText = '';\n @State() linkId: string = '';\n @State() shopLabel: string = '';\n @State() shopUrl: string = '';\n @State() shopId: string = '';\n @State() i18n: ProxioPriceGroupi18n = translations[this.language];\n\n componentWillLoad() {\n this.composeItems();\n }\n\n @Watch('item')\n composeItems() {\n this.shownitems = [this.item];\n }\n\n @Watch('activeweight')\n getPriceString(product: ProxioProduct) {\n if (!product.productWeightGroupList) {\n return null;\n }\n\n const activeIndex = product.productWeightGroupList.findIndex(item => item.item1 === this.activeweight);\n\n let price = '';\n\n if (this.showInternational && this.selectedCountrycode && this.selectedCountrycode !== this.market && product.weightPriceCountryList) {\n let weightPriceCountryList = product.weightPriceCountryList.filter(item => item.item3.includes(this.selectedCountrycode.toUpperCase()));\n\n price = weightPriceCountryList ? weightPriceCountryList[activeIndex]?.item2 : '';\n } else {\n price = product.weightAndPriceList ? product?.weightAndPriceList[activeIndex]?.item2 : '';\n }\n\n return price ? this.i18n.from + price : '';\n }\n\n @Watch('activeweight')\n getProductLink(product: ProxioProduct, productWeightGroupList: ProductWeightGroupListItem[]) {\n if (product.productWeightGroupList) {\n const activeIndex = product.productWeightGroupList.findIndex(item => item.item1 === this.activeweight);\n\n let productId = productWeightGroupList[activeIndex]?.item2;\n let productLink = product.productLink ? product?.productLink : '';\n return productLink ? productLink + (productId ? '?productId=' + productId : '') : '';\n }\n return null;\n }\n\n getDeliveryInformation(product: ProxioProduct) {\n if (!this.showInternational \|\| !product.deliveryDateInternationalInformation) {\n return product.deliveryDateInformation;\n }\n\n const internationalShipment = product?.deliveryDateInternationalInformation?.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());\n\n if (!internationalShipment?.item2 ?? true) {\n return product.deliveryDateInformation;\n }\n\n return internationalShipment.item2;\n }\n\n getInsuranceAmountText(product: ProxioProduct) {\n if (!product.insuranceAmounts) {\n return '';\n }\n\n const insuranceAmount = product?.insuranceAmounts?.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());\n\n if (!insuranceAmount?.item2 ?? true) {\n return '';\n }\n\n return insuranceAmount.item2;\n }\n\n render() {\n return (\n <Host>\n {\n <pn-proxio-productcard>\n <pn-illustration slot=\"illustrationmobile\" illustration={this.item.proxioProduct.productIcon}></pn-illustration>\n <h2 slot=\"title\">{this.item.proxioProduct.productTitle}</h2>\n <pn-proxio-productcard-description\n slot=\"description\"\n heading={this.item.proxioProduct.productPreamble}\n highlight={this.getDeliveryInformation(this.item.proxioProduct)}\n list={this.item.proxioProduct.productDescriptionBulletListItems}\n ></pn-proxio-productcard-description>\n <div slot=\"information\">\n <pn-proxio-productcard-information\n label={this.i18n.labelMaxDimensions}\n information={this.item.proxioProduct.productPackageDimensionsList as ProductGenericItem[]}\n ></pn-proxio-productcard-information>\n <pn-proxio-productcard-information\n label={this.i18n.labelMaxDimensionsRoll}\n information={this.item.proxioProduct.productRollDimensionsList as ProductGenericItem[]}\n ></pn-proxio-productcard-information>\n </div>\n <div slot=\"bottomtags\">\n {this.item.proxioProduct.usp1 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp1}</pn-titletag> : null}\n {this.item.proxioProduct.usp2 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp2}</pn-titletag> : null}\n {this.item.proxioProduct.usp3 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp3}</pn-titletag> : null}\n </div>\n <pn-illustration slot=\"illustration\" illustration={this.item.proxioProduct.productIcon}></pn-illustration>\n <div slot=\"pricelink\">\n <pn-proxio-productcard-pricelink\n price={this.getPriceString(this.item.proxioProduct)}\n link={this.getProductLink(this.item.proxioProduct, this.item.proxioProduct.productWeightGroupList)}\n linktext={this.item.proxioProduct.productLinkText}\n ></pn-proxio-productcard-pricelink>\n {this.item.relatedProxioProducts\n ? this.item.relatedProxioProducts.map(product => (\n <pn-proxio-productcard-pricelink\n price={this.getPriceString(product)}\n link={product.productLink}\n linktext={product.productLinkText}\n ></pn-proxio-productcard-pricelink>\n ))\n : null}\n </div>\n {this.getInsuranceAmountText(this.item.proxioProduct) ? (\n <div slot=\"insurance\">\n <div class=\"insurance-box\">{this.getInsuranceAmountText(this.item.proxioProduct)}</div>\n </div>\n ) : null}\n </pn-proxio-productcard>\n }\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["pnProxioFindpriceResultCss","PnProxioFindpriceResultStyle0","PnProxioFindPriceResult","translations","this","language","componentWillLoad","composeItems","shownitems","item","getPriceString","product","productWeightGroupList","activeIndex","findIndex","item1","activeweight","price","showInternational","selectedCountrycode","market","weightPriceCountryList","filter","item3","includes","toUpperCase","item2","weightAndPriceList","i18n","from","getProductLink","productId","productLink","getDeliveryInformation","deliveryDateInternationalInformation","deliveryDateInformation","internationalShipment","find","info","toLowerCase","getInsuranceAmountText","insuranceAmounts","insuranceAmount","render","h","Host","key","slot","illustration","proxioProduct","productIcon","productTitle","heading","productPreamble","highlight","list","productDescriptionBulletListItems","label","labelMaxDimensions","information","productPackageDimensionsList","labelMaxDimensionsRoll","productRollDimensionsList","usp1","color","usp2","usp3","link","linktext","productLinkText","relatedProxioProducts","map","class"],"sources":["src/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.scss?tag=pn-proxio-findprice-result","src/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-proxio-findprice-result {\n [slot='insurance'] {\n display: flex;\n justify-content: center;\n }\n\n .insurance-box {\n padding: 0.4rem 0.8rem;\n border-radius: 0.8rem;\n background-color: $blue200;\n text-align: center;\n font-size: 1.2rem;\n font-weight: 400;\n margin-bottom: 2.4rem;\n }\n}\n","import { Component, h, Prop, Host, Watch, State } from '@stencil/core';\nimport { ProxioPriceGroupi18n, ProxioProduct, ProductGenericItem, ProductWeightGroupListItem, ProxioPriceListGroupResponse } from '../pn-proxio-pricegroup/types';\nimport { translations } from '../pn-proxio-pricegroup/translations';\n\n@Component({\n tag: 'pn-proxio-findprice-result',\n styleUrl: 'pn-proxio-findprice-result.scss',\n})\nexport class PnProxioFindPriceResult {\n @Prop({ mutable: true }) item: ProxioPriceListGroupResponse = null;\n @Prop({ mutable: true }) activeweight: number = null;\n @Prop() shownitems: ProxioPriceListGroupResponse[] = [];\n @Prop() Usp1?: string;\n @Prop() Usp2?: string;\n @Prop() Usp3?: string;\n @Prop() description?: string[] = [];\n @Prop() showMeasurement?: boolean = false;\n @Prop() showInternational: boolean = false;\n @Prop() selectedCountrycode: string = '';\n @Prop() market: string = '';\n @Prop({ mutable: true }) language: string = 'sv';\n\n @State() weightText = '';\n @State() linkId: string = '';\n @State() shopLabel: string = '';\n @State() shopUrl: string = '';\n @State() shopId: string = '';\n @State() i18n: ProxioPriceGroupi18n = translations[this.language];\n\n componentWillLoad() {\n this.composeItems();\n }\n\n @Watch('item')\n composeItems() {\n this.shownitems = [this.item];\n }\n\n @Watch('activeweight')\n getPriceString(product: ProxioProduct) {\n if (!product.productWeightGroupList) {\n return null;\n }\n\n const activeIndex = product.productWeightGroupList.findIndex(item => item.item1 === this.activeweight);\n\n let price = '';\n\n if (this.showInternational && this.selectedCountrycode && this.selectedCountrycode !== this.market && product.weightPriceCountryList) {\n let weightPriceCountryList = product.weightPriceCountryList.filter(item => item.item3.includes(this.selectedCountrycode.toUpperCase()));\n\n price = weightPriceCountryList ? weightPriceCountryList[activeIndex]?.item2 : '';\n } else {\n price = product.weightAndPriceList ? product?.weightAndPriceList[activeIndex]?.item2 : '';\n }\n\n return price ? this.i18n.from + price : '';\n }\n\n @Watch('activeweight')\n getProductLink(product: ProxioProduct, productWeightGroupList: ProductWeightGroupListItem[]) {\n if (product.productWeightGroupList) {\n const activeIndex = product.productWeightGroupList.findIndex(item => item.item1 === this.activeweight);\n\n let productId = productWeightGroupList[activeIndex]?.item2;\n let productLink = product.productLink ? product?.productLink : '';\n return productLink ? productLink + (productId ? '?productId=' + productId : '') : '';\n }\n return null;\n }\n\n getDeliveryInformation(product: ProxioProduct) {\n if (!this.showInternational \|\| !product.deliveryDateInternationalInformation) {\n return product.deliveryDateInformation;\n }\n\n const internationalShipment = product?.deliveryDateInternationalInformation?.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());\n\n if (!internationalShipment?.item2 ?? true) {\n return product.deliveryDateInformation;\n }\n\n return internationalShipment.item2;\n }\n\n getInsuranceAmountText(product: ProxioProduct) {\n if (!product.insuranceAmounts) {\n return '';\n }\n\n const insuranceAmount = product?.insuranceAmounts?.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());\n\n if (!insuranceAmount?.item2 ?? true) {\n return '';\n }\n\n return insuranceAmount.item2;\n }\n\n render() {\n return (\n <Host>\n {\n <pn-proxio-productcard>\n <pn-illustration slot=\"illustrationmobile\" illustration={this.item.proxioProduct.productIcon}></pn-illustration>\n <h2 slot=\"title\">{this.item.proxioProduct.productTitle}</h2>\n <pn-proxio-productcard-description\n slot=\"description\"\n heading={this.item.proxioProduct.productPreamble}\n highlight={this.getDeliveryInformation(this.item.proxioProduct)}\n list={this.item.proxioProduct.productDescriptionBulletListItems}\n ></pn-proxio-productcard-description>\n <div slot=\"information\">\n <pn-proxio-productcard-information\n label={this.i18n.labelMaxDimensions}\n information={this.item.proxioProduct.productPackageDimensionsList as ProductGenericItem[]}\n ></pn-proxio-productcard-information>\n <pn-proxio-productcard-information\n label={this.i18n.labelMaxDimensionsRoll}\n information={this.item.proxioProduct.productRollDimensionsList as ProductGenericItem[]}\n ></pn-proxio-productcard-information>\n </div>\n <div slot=\"bottomtags\">\n {this.item.proxioProduct.usp1 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp1}</pn-titletag> : null}\n {this.item.proxioProduct.usp2 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp2}</pn-titletag> : null}\n {this.item.proxioProduct.usp3 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp3}</pn-titletag> : null}\n </div>\n <pn-illustration slot=\"illustration\" illustration={this.item.proxioProduct.productIcon}></pn-illustration>\n <div slot=\"pricelink\">\n <pn-proxio-productcard-pricelink\n price={this.getPriceString(this.item.proxioProduct)}\n link={this.getProductLink(this.item.proxioProduct, this.item.proxioProduct.productWeightGroupList)}\n linktext={this.item.proxioProduct.productLinkText}\n ></pn-proxio-productcard-pricelink>\n {this.item.relatedProxioProducts\n ? this.item.relatedProxioProducts.map(product => (\n <pn-proxio-productcard-pricelink\n price={this.getPriceString(product)}\n link={product.productLink}\n linktext={product.productLinkText}\n ></pn-proxio-productcard-pricelink>\n ))\n : null}\n </div>\n {this.getInsuranceAmountText(this.item.proxioProduct) ? (\n <div slot=\"insurance\">\n <div class=\"insurance-box\">{this.getInsuranceAmountText(this.item.proxioProduct)}</div>\n </div>\n ) : null}\n </pn-proxio-productcard>\n }\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-10776075.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,c as a,g as i,h as t,d as n}from"./p-82546a44.js";const r="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}.pn-search{background-color:transparent;display:flex;flex-direction:column;align-items:center}.pn-search .graphics-container{padding-bottom:1rem}.pn-search .graphics{border-radius:50%;height:clamp(12rem, 14vw, 16rem);width:clamp(12rem, 14vw, 16rem);aspect-ratio:1/1;object-fit:cover}.pn-search .illustration{--pn-width:12rem;--pn-height:12rem}.pn-search .search-container{margin:clamp(1rem, 3vh, 1.5rem) 0}.pn-search .search-container ::placeholder{color:#5e554a}.pn-search .main{text-align:center;width:100%}.pn-search .heading{color:#000000;font-size:clamp(2rem, 4vw, 3.2rem);line-height:1;margin:0}.pn-search .search-container{display:flex;width:100%}.pn-search .search-container .search-component input,.pn-search .search-container .search-component button{font-size:1.6rem}.pn-search .cta{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:2rem;gap:1.2rem;width:100%}.pn-search .btn-mw[data-secondary]{color:#005d92;font-weight:500;text-decoration:underline}@media (min-width: 768px){.pn-search{flex-direction:row;align-items:flex-start}.pn-search .graphics-container{padding-right:clamp(2rem, 3vw, 4rem);padding-bottom:0}.pn-search .illustration{--pn-width:15rem;--pn-height:15rem}.pn-search .main{text-align:left}.pn-search pn-marketweb-search{width:40rem}.pn-search .cta{gap:1.6rem}.pn-search .btn-mw[data-primary]{width:auto;margin-bottom:0}.pn-search .btn-mw[data-secondary]{margin-top:0}}@media (min-width: 1200px){.pn-search{padding:2.4rem}.pn-search .search-container{max-width:400px}.pn-search .illustration{--pn-width:16rem;--pn-height:16rem}}@media (min-width: 1600px){.pn-search{max-width:1400px;margin:0 auto;padding:3.2rem}.pn-search .search-container{max-width:500px}}";const s=r;const d=class{constructor(i){e(this,i);this.pnSearch=a(this,"pnSearch",7);this.componentAriaLabel=undefined;this.heading=undefined;this.pnIllustrationSvg=undefined;this.imageUrl=undefined;this.imageAltText=undefined;this.searchPlaceholder=undefined;this.searchButtonText=undefined;this.searchButtonLabel=undefined;this.searchUrl=undefined;this.primaryButtonText=undefined;this.primaryButtonUrl=undefined;this.primaryButtonIconSvg=undefined;this.secondaryButtonText=undefined;this.secondaryButtonUrl=undefined;this.searchDescriptionAria=undefined;this.ctaActionsLabel=undefined;this.searchType=undefined}get hostElement(){return i(this)}pnSearch;doSearch=e=>{if(!this.searchUrl){console.warn("Search URL is not defined");return}const a={query:e.detail,timestamp:Date.now()};this.pnSearch.emit(a)};render(){const e=this.primaryButtonUrl\|\|this.secondaryButtonUrl;return t(n,{key:"fd8fdc6f6bc5d4743ff328d914a6b2b55d840503"},t("div",{key:"fb4be66b1a38fde9e5b0b0e3fc4abbdf0f1b2f38",class:"pn-search",role:"search","aria-label":this.componentAriaLabel},t("div",{key:"b07dbfb4dcdf54e88ac790d4da6aa97a00356d04",class:"graphics-container","aria-hidden":!this.imageAltText},!this.pnIllustrationSvg&&this.imageUrl&&t("img",{key:"50ad3338cf3912ff74a50a6b72102e6d5e61f4f6",class:"graphics",src:this.imageUrl,alt:this.imageAltText\|\|"",loading:"lazy"}),this.pnIllustrationSvg&&t("pn-illustration",{key:"3956261bb79fbac47239f2091e3d50344e94d555",class:"illustration",illustration:this.pnIllustrationSvg,role:"presentation"})),t("div",{key:"17c6d2c2d1cd812f583f072b17adc3747562ae85",class:"main"},t("h2",{key:"9214e9895160ee1d316f1ee09f4ddacb7c81f452",class:"heading",id:"search-section-heading"},this.heading),t("div",{key:"1db65a02236162c22210981d11d3567e6cc27f58",class:"search-container","aria-labelledby":"search-section-heading"},t("pn-marketweb-search",{key:"a560d93bb4747643a5c81610c2e55d0af0825559",class:"search-component",label:this.searchButtonLabel,name:"search",inputid:"search-field",autocomplete:"off",placeholder:this.searchPlaceholder,button:this.searchButtonText,disabled:false,loading:false,light:false,list:null,onSearch:this.doSearch,"data-search-url":this.searchUrl,"aria-describedby":"search-description"}),this.searchDescriptionAria&&t("div",{key:"3d59bd65947e1ecbdcfb75667135dc40e2482955",id:"search-description",class:"sr-only"},this.searchDescriptionAria)),e&&t("div",{key:"1d9a2bd31084ae806879e6bc9e820591e3bd4b29",class:"cta",role:"group","aria-label":this.ctaActionsLabel},this.primaryButtonUrl&&t("pn-button",{key:"5ddda20fd6846f75e301272e52fc3c200e2c71bb",appearance:"light",variant:"outlined",small:true,icon:this.primaryButtonIconSvg,"left-icon":Boolean(this.primaryButtonIconSvg),class:"btn-mw",href:this.primaryButtonUrl,"data-primary":true},this.primaryButtonText),this.secondaryButtonUrl&&t("a",{key:"a82cf19405f6144f9b5fd789ffa1242128a4c8f1",href:this.secondaryButtonUrl,class:"btn-mw","data-secondary":true,role:"button"},this.secondaryButtonText)))))}};d.style=s;export{d as pn_search};
2	+ //# sourceMappingURL=p-10776075.entry.js.map

package/pn-market-web-components/p-10776075.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["pnSearchCss","PnSearchStyle0","PNSearch","pnSearch","doSearch","e","this","searchUrl","console","warn","searchDetail","query","detail","timestamp","Date","now","emit","render","hasButtons","primaryButtonUrl","secondaryButtonUrl","h","Host","key","class","role","componentAriaLabel","imageAltText","pnIllustrationSvg","imageUrl","src","alt","loading","illustration","id","heading","label","searchButtonLabel","name","inputid","autocomplete","placeholder","searchPlaceholder","button","searchButtonText","disabled","light","list","onSearch","searchDescriptionAria","ctaActionsLabel","appearance","variant","small","icon","primaryButtonIconSvg","Boolean","href","primaryButtonText","secondaryButtonText"],"sources":["src/components/widgets/pn-search/pn-search.scss?tag=pn-search","src/components/widgets/pn-search/pn-search.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n.pn-search {\n background-color: transparent;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n .graphics-container {\n padding-bottom: 1rem;\n }\n\n .graphics {\n border-radius: 50%;\n height: clamp(12rem, 14vw, 16rem);\n width: clamp(12rem, 14vw, 16rem);\n aspect-ratio: 1 / 1;\n object-fit: cover;\n }\n\n .illustration {\n --pn-width: #{$illustrationWidth};\n --pn-height: #{$illustrationWidth};\n }\n\n .search-container {\n margin: clamp(1rem, 3vh, 1.5rem) 0;\n\n ::placeholder {\n color: $gray700;\n }\n }\n\n .main {\n text-align: center;\n width: 100%;\n }\n\n .heading {\n color: $black;\n font-size: clamp(2rem, 4vw, 3.2rem);\n line-height: 1;\n margin: 0;\n }\n\n .search-container {\n display: flex;\n width: 100%;\n\n .search-component {\n input,\n button {\n font-size: 1.6rem;\n }\n }\n }\n\n .cta {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n margin-top: 2rem;\n gap: 1.2rem;\n width: 100%;\n }\n\n .btn-mw[data-secondary] {\n color: $blue700;\n font-weight: 500;\n text-decoration: underline;\n }\n}\n\n@media (min-width: 768px) {\n .pn-search {\n flex-direction: row;\n align-items: flex-start;\n\n .graphics-container {\n padding-right: clamp(2rem, 3vw, 4rem);\n padding-bottom: 0;\n }\n\n .illustration {\n --pn-width: #{$illustrationWidthMd};\n --pn-height: #{$illustrationWidthMd};\n }\n\n .main {\n text-align: left;\n }\n\n pn-marketweb-search {\n width: 40rem;\n }\n\n .cta {\n gap: 1.6rem;\n }\n\n .btn-mw[data-primary] {\n width: auto;\n margin-bottom: 0;\n }\n\n .btn-mw[data-secondary] {\n margin-top: 0;\n }\n }\n}\n\n@media (min-width: 992px) {\n}\n\n@media (min-width: 1200px) {\n .pn-search {\n padding: 2.4rem;\n\n .search-container {\n max-width: 400px;\n }\n\n .illustration {\n --pn-width: #{$illustrationWidthLg};\n --pn-height: #{$illustrationWidthLg};\n }\n }\n}\n\n@media (min-width: 1600px) {\n .pn-search {\n max-width: 1400px;\n margin: 0 auto;\n padding: 3.2rem;\n\n .search-container {\n max-width: 500px;\n }\n }\n}\n","import { Component, Host, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\ninterface SearchEventDetail {\n query: string;\n timestamp: number;\n}\n\n@Component({\n tag: 'pn-search',\n styleUrl: 'pn-search.scss',\n})\nexport class PNSearch {\n @Element() hostElement!: HTMLElement;\n\n @Prop() componentAriaLabel!: string;\n @Prop() heading!: string;\n @Prop() pnIllustrationSvg?: string;\n @Prop() imageUrl?: string;\n @Prop() imageAltText?: string;\n @Prop() searchPlaceholder?: string;\n @Prop() searchButtonText?: string;\n @Prop() searchButtonLabel?: string;\n @Prop() searchUrl?: string;\n @Prop() primaryButtonText?: string;\n @Prop() primaryButtonUrl?: string;\n @Prop() primaryButtonIconSvg?: string;\n @Prop() secondaryButtonText?: string;\n @Prop() secondaryButtonUrl?: string;\n @Prop() searchDescriptionAria?: string;\n @Prop() ctaActionsLabel?: string;\n @Prop() searchType: 'shipments' | 'episearch';\n\n @Event() pnSearch!: EventEmitter<SearchEventDetail>;\n\n private doSearch = (e: CustomEvent): void => {\n if (!this.searchUrl) {\n console.warn('Search URL is not defined');\n return;\n }\n\n const searchDetail: SearchEventDetail = {\n query: e.detail,\n timestamp: Date.now(),\n };\n\n this.pnSearch.emit(searchDetail);\n };\n\n render() {\n const hasButtons = this.primaryButtonUrl || this.secondaryButtonUrl;\n\n return (\n <Host>\n <div class=\"pn-search\" role=\"search\" aria-label={this.componentAriaLabel}>\n <div class=\"graphics-container\" aria-hidden={!this.imageAltText}>\n {!this.pnIllustrationSvg && this.imageUrl && <img class=\"graphics\" src={this.imageUrl} alt={this.imageAltText || ''} loading=\"lazy\" />}\n {this.pnIllustrationSvg && <pn-illustration class=\"illustration\" illustration={this.pnIllustrationSvg} role=\"presentation\" />}\n </div>\n\n <div class=\"main\">\n <h2 class=\"heading\" id=\"search-section-heading\">\n {this.heading}\n </h2>\n\n <div class=\"search-container\" aria-labelledby=\"search-section-heading\">\n <pn-marketweb-search\n class=\"search-component\"\n label={this.searchButtonLabel}\n name=\"search\"\n inputid=\"search-field\"\n autocomplete=\"off\"\n placeholder={this.searchPlaceholder}\n button={this.searchButtonText}\n disabled={false}\n loading={false}\n light={false}\n list={null}\n onSearch={this.doSearch}\n data-search-url={this.searchUrl}\n aria-describedby=\"search-description\"\n />\n {this.searchDescriptionAria && (\n <div id=\"search-description\" class=\"sr-only\">\n {this.searchDescriptionAria}\n </div>\n )}\n </div>\n\n {hasButtons && (\n <div class=\"cta\" role=\"group\" aria-label={this.ctaActionsLabel}>\n {this.primaryButtonUrl && (\n <pn-button\n appearance=\"light\"\n variant=\"outlined\"\n small={true}\n icon={this.primaryButtonIconSvg}\n left-icon={Boolean(this.primaryButtonIconSvg)}\n class=\"btn-mw\"\n href={this.primaryButtonUrl}\n data-primary\n >\n {this.primaryButtonText}\n </pn-button>\n )}\n {this.secondaryButtonUrl && (\n <a href={this.secondaryButtonUrl} class=\"btn-mw\" data-secondary role=\"button\">\n {this.secondaryButtonText}\n </a>\n )}\n </div>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAAc,ylEACpB,MAAAC,EAAeD,E,MCUFE,EAAQ,M,8mBAqBVC,SAEDC,SAAYC,IAClB,IAAKC,KAAKC,UAAW,CACnBC,QAAQC,KAAK,6BACb,M,CAGF,MAAMC,EAAkC,CACtCC,MAAON,EAAEO,OACTC,UAAWC,KAAKC,OAGlBT,KAAKH,SAASa,KAAKN,EAAa,EAGlC,MAAAO,GACE,MAAMC,EAAaZ,KAAKa,kBAAoBb,KAAKc,mBAEjD,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,YAAYC,KAAK,SAAQ,aAAanB,KAAKoB,oBACpDL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBAAoB,eAAelB,KAAKqB,eAC/CrB,KAAKsB,mBAAqBtB,KAAKuB,UAAYR,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WAAWM,IAAKxB,KAAKuB,SAAUE,IAAKzB,KAAKqB,cAAgB,GAAIK,QAAQ,SAC5H1B,KAAKsB,mBAAqBP,EAAA,mBAAAE,IAAA,2CAAiBC,MAAM,eAAeS,aAAc3B,KAAKsB,kBAAmBH,KAAK,kBAG9GJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,QACTH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,UAAUU,GAAG,0BACpB5B,KAAK6B,SAGRd,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBAAkB,kBAAiB,0BAC5CH,EAAA,uBAAAE,IAAA,2CACEC,MAAM,mBACNY,MAAO9B,KAAK+B,kBACZC,KAAK,SACLC,QAAQ,eACRC,aAAa,MACbC,YAAanC,KAAKoC,kBAClBC,OAAQrC,KAAKsC,iBACbC,SAAU,MACVb,QAAS,MACTc,MAAO,MACPC,KAAM,KACNC,SAAU1C,KAAKF,SAAQ,kBACNE,KAAKC,UAAS,mBACd,uBAElBD,KAAK2C,uBACJ5B,EAAA,OAAAE,IAAA,2CAAKW,GAAG,qBAAqBV,MAAM,WAChClB,KAAK2C,wBAKX/B,GACCG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,MAAMC,KAAK,QAAO,aAAanB,KAAK4C,iBAC5C5C,KAAKa,kBACJE,EAAA,aAAAE,IAAA,2CACE4B,WAAW,QACXC,QAAQ,WACRC,MAAO,KACPC,KAAMhD,KAAKiD,qBAAoB,YACpBC,QAAQlD,KAAKiD,sBACxB/B,MAAM,SACNiC,KAAMnD,KAAKa,iBAAgB,qBAG1Bb,KAAKoD,mBAGTpD,KAAKc,oBACJC,EAAA,KAAAE,IAAA,2CAAGkC,KAAMnD,KAAKc,mBAAoBI,MAAM,SAAQ,sBAAgBC,KAAK,UAClEnB,KAAKqD,wB","ignoreList":[]}

package/pn-market-web-components/p-17c43a96.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,g as t,h as s,d as a}from"./p-82546a44.js";const n="";const r=n;const d=class{constructor(t){e(this,t);this.label="Mina sidor!";this.myPageUrl=undefined}get hostElement(){return t(this)}render(){return s(a,{key:"5d4f6fda2eb4419e2b5b6cfa18a567afecc6be07"},s("pn-button",{key:"5fd285823e3eab3d734aa362cc5179ddaf1de1f3",href:this.myPageUrl},this.label))}};d.style=r;export{d as pn_marketweb_siteheader_login_mypage_button};
2	+ //# sourceMappingURL=p-17c43a96.entry.js.map

package/pn-market-web-components/p-17c43a96.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["pnMarketwebSiteheaderLoginMypageButtonCss","PnMarketwebSiteheaderLoginMypageButtonStyle0","PnMarketwebSiteheaderLoginMypageButton","render","h","Host","key","href","this","myPageUrl","label"],"sources":["src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-mypage-button.scss?tag=pn-marketweb-siteheader-login-mypage-button","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-mypage-button.tsx"],"sourcesContent":["pn-marketweb-siteheader-login-mypage-button {\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pn-marketweb-siteheader-login-mypage-button',\n styleUrl: 'pn-marketweb-siteheader-login-mypage-button.scss',\n})\nexport class PnMarketwebSiteheaderLoginMypageButton {\n @Element() hostElement: HTMLElement;\n @Prop() label: string = 'Mina sidor!';\n @Prop() myPageUrl: string;\n\n render() {\n return (\n <Host>\n <pn-button href={this.myPageUrl}>{this.label}</pn-button>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAA4C,GAClD,MAAAC,EAAeD,E,MCKFE,EAAsC,M,oCAEzB,c,0DAGxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,aAAAE,IAAA,2CAAWC,KAAMC,KAAKC,WAAYD,KAAKE,O","ignoreList":[]}

package/pn-market-web-components/p-19bbac6d.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as i,d as n}from"./p-82546a44.js";import{a as e}from"./p-36b39340.js";const o="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard .cardcontent{display:flex;flex-direction:row;border:solid 0.1rem #f9f8f8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcontent{flex-direction:column}}pn-proxio-productcard .carddetails{min-width:70%;padding:2.4rem 4.8rem;display:flex;gap:0.8rem;flex-direction:column}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails{gap:1.6rem;margin-bottom:0.8rem}}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{display:none}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{margin-top:1.6rem;display:block}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile] .pn-illustration{max-width:8rem;height:8rem;margin-left:auto;margin-right:auto}}pn-proxio-productcard .cardcalltoactions{min-width:30%;background-color:#effbff}pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:flex;flex-direction:column;justify-content:center;align-content:center;max-width:12rem;margin-left:auto;margin-right:auto;margin-top:4rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:none}}pn-proxio-productcard [slot=information]{display:flex;gap:1rem}@media screen and (max-width: 48em){pn-proxio-productcard [slot=information]{flex-direction:column;gap:1.6rem}}pn-proxio-productcard [slot=uppertags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem}pn-proxio-productcard [slot=bottomtags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem;margin:0.8rem 0}pn-proxio-productcard .heading{display:flex;justify-content:space-between;flex-direction:row}pn-proxio-productcard [slot=title]{text-decoration:underline}@media screen and (max-width: 48em){pn-proxio-productcard [slot=title]{text-decoration:none}}";const r=o;const a=class{constructor(i){t(this,i)}render(){return i(n,{key:"a54ac8b5337b080c3684da1adf3924a66e8e2db5"},i("div",{key:"c9ec257fbe1a0a6f266e15d5615028389be32aeb",class:"cardcontent"},i("div",{key:"f4fa413b12e6796e43a85ef84be95af5e77c313f",class:"carddetails"},i("slot",{key:"d3e84fb18d8e21e5874b7f1896e923235195b380",name:"illustrationmobile"}),i("div",{key:"f957632f1a121cde3f016ef74e05e287e8a76a61",class:"heading"},i("slot",{key:"a5ad524ac899686241ff5fa7fb75b805ff5d5364",name:"title"}),i("slot",{key:"8b2498d83972342c5fd1fe0c08d8a6841fe8fba4",name:"uppertags"})),i("slot",{key:"ee3530c277aef75f1bdae161cf656c03c0efc151",name:"description"}),i("slot",{key:"399d0361f0302828d42e0f263331e526ad2656a7",name:"information"}),i("slot",{key:"e41b169bd8a128542e274cd5786f4fcd21296a06",name:"bottomtags"})),i("div",{key:"dd2ea4dfd8fd9a620a9bfac2facdb79ce9a28fd1",class:"cardcalltoactions"},i("slot",{key:"64c7dc14217432fddf536c1256779de624f8d135",name:"illustration"}),i("slot",{key:"1c0dc3318e43c55210d4de994f38426bcf96e84d",name:"pricelink"}),i("slot",{key:"08f83562748f18e63e4963a76048cf7ccf3dea06",name:"insurance"}))))}};a.style=r;const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard-description h3{font-size:1.6rem}pn-proxio-productcard-description ul{padding-left:2.5rem}pn-proxio-productcard-description li{font-size:1.6rem;line-height:2.2rem}pn-proxio-productcard-description .highlight{color:#0aa85c}";const p=d;const c=class{constructor(i){t(this,i);this.heading=undefined;this.highlight=undefined;this.description=undefined;this.list=[]}render(){return i(n,{key:"d3e64b6d66f2b2bc0857716a2125c709627f28fb"},this.heading?i("h3",null,this.heading):null,this.highlight?i("h3",{class:"highlight"},this.highlight):null,this.description?i("span",null,this.description):null,this.list?i("ul",null,this.list.map((t=>i("li",null,t)))):null)}};c.style=p;const l="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard-information p.cardinfocontent-title{margin-bottom:0.4rem}pn-proxio-productcard-information p strong.cardinfocontent-label{font-size:1.4rem;font-weight:500}";const s=l;const m=class{constructor(i){t(this,i);this.label=undefined;this.information=[]}render(){return i(n,{key:"f8036717bc69970e8348e909c600484babd47dac"},i("div",{key:"ab79a0e358ec13504924e8f375262474d04d9e07",class:"cardinfocontent"},this.information&&this.information.length>0&&this.label?i("div",{class:"cardinfocontent-item"},this.label?i("p",{class:"cardinfocontent-title"},i("strong",null,this.label)):null,this.information.map((t=>t?i("p",null,i("strong",{class:"cardinfocontent-label"},t.item1,":")," ",t.item2):null))):null))}};m.style=s;const h="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-productcard-pricelink{align-self:center;display:flex;flex-direction:column;align-items:center;margin:2rem 1rem;gap:0.8rem;align-content:center;flex-wrap:wrap}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink{margin:2.4rem 1rem}}pn-proxio-productcard-pricelink h3{font-size:2rem}pn-proxio-productcard-pricelink pn-button{min-width:17.3rem}pn-proxio-productcard-pricelink pn-button a .pn-button-content{font-size:1.4rem;font-weight:500}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink pn-button{min-width:30rem}}pn-proxio-productcard-pricelink .pn-pricelink-vat{font-weight:400}";const u=h;const f=class{constructor(i){t(this,i);this.price=undefined;this.vatText="";this.link=undefined;this.linktext=undefined}render(){return this.link&&this.linktext?i(n,null,this.price?i("h3",null,this.price," ",i("span",{class:"pn-pricelink-vat"},this.vatText)):null,i("pn-button",{small:"true",icon:e,appearance:"light",href:this.link,target:"_blank",rel:"noopener nofollower noreferrer"},this.linktext)):null}};f.style=u;export{a as pn_proxio_productcard,c as pn_proxio_productcard_description,m as pn_proxio_productcard_information,f as pn_proxio_productcard_pricelink};
2	+ //# sourceMappingURL=p-19bbac6d.entry.js.map