@postnord/pn-marketweb-components 3.5.3 → 4.0.0

package/esm/pn-proxio-pricegroup.entry.js.map

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

package/esm/pn-proxio-productcard_4.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, d as Host } from './index-51d67461.js';
+import { r as registerInstance, h, d as Host } from './index-c311acd6.js';
 import { a as arrow_right } from './arrow_right-f4852d04.js';
 
-const pnProxioProductcardCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}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 pnProxioProductcardCss = "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 PnProxioProductcardStyle0 = pnProxioProductcardCss;
 
 const PnProxioProductcard = class {
@@ -9,12 +9,12 @@ const PnProxioProductcard = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '0b26ae1aa1292357c5030498adeb5f1e7f87d85d' }, h("div", { key: '9a0b5646b320dd48dfbab0f7801fcf010b189071', class: "cardcontent" }, h("div", { key: 'd858b0a8ce5078004e0bd4ba4dc60d3d658a4672', class: "carddetails" }, h("slot", { key: 'b94aa9596d36c92b9d2fb441a85d61418654c484', name: "illustrationmobile" }), h("div", { key: '7fbb7c981dc47668aef3e98e8e1cd84ddb6dcc6d', class: "heading" }, h("slot", { key: '4abe626da56d671cc091627b10f6b9af57705408', name: "title" }), h("slot", { key: '8a3b9650d82f7f3d746546bdd71597d8b44a8d17', name: "uppertags" })), h("slot", { key: '61d5bbe10032d715e9dd879c68e3e856edbadcec', name: "description" }), h("slot", { key: 'd16c7591857d86b855f12b7dbe5f7a41772c7d91', name: "information" }), h("slot", { key: '6671fb2c6925f5ff0b3db66e337329924f9ed43f', name: "bottomtags" })), h("div", { key: '3882ae15afcd9b3b2bbd385cba386843a648a5c4', class: "cardcalltoactions" }, h("slot", { key: 'd171da455aee350507418b360cef353e92a184b9', name: "illustration" }), h("slot", { key: 'bcec30db741fa30195ee4091fa4b45aa20498813', name: "pricelink" }), h("slot", { key: '841fa07224456488d1ec67f3c5752276627e0a19', name: "insurance" })))));
+        return (h(Host, { key: 'a54ac8b5337b080c3684da1adf3924a66e8e2db5' }, h("div", { key: 'c9ec257fbe1a0a6f266e15d5615028389be32aeb', class: "cardcontent" }, h("div", { key: 'f4fa413b12e6796e43a85ef84be95af5e77c313f', class: "carddetails" }, h("slot", { key: 'd3e84fb18d8e21e5874b7f1896e923235195b380', name: "illustrationmobile" }), h("div", { key: 'f957632f1a121cde3f016ef74e05e287e8a76a61', class: "heading" }, h("slot", { key: 'a5ad524ac899686241ff5fa7fb75b805ff5d5364', name: "title" }), h("slot", { key: '8b2498d83972342c5fd1fe0c08d8a6841fe8fba4', name: "uppertags" })), h("slot", { key: 'ee3530c277aef75f1bdae161cf656c03c0efc151', name: "description" }), h("slot", { key: '399d0361f0302828d42e0f263331e526ad2656a7', name: "information" }), h("slot", { key: 'e41b169bd8a128542e274cd5786f4fcd21296a06', name: "bottomtags" })), h("div", { key: 'dd2ea4dfd8fd9a620a9bfac2facdb79ce9a28fd1', class: "cardcalltoactions" }, h("slot", { key: '64c7dc14217432fddf536c1256779de624f8d135', name: "illustration" }), h("slot", { key: '1c0dc3318e43c55210d4de994f38426bcf96e84d', name: "pricelink" }), h("slot", { key: '08f83562748f18e63e4963a76048cf7ccf3dea06', name: "insurance" })))));
     }
 };
 PnProxioProductcard.style = PnProxioProductcardStyle0;
 
-const pnProxioProductcardDescriptionCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}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 pnProxioProductcardDescriptionCss = "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 PnProxioProductcardDescriptionStyle0 = pnProxioProductcardDescriptionCss;
 
 const PnProxioProductcardDescription = class {
@@ -26,14 +26,14 @@ const PnProxioProductcardDescription = class {
         this.list = [];
     }
     render() {
-        return (h(Host, { key: '8a407eb3650b011fa56efd51440333d3a20980e4' }, this.heading ? h("h3", null, this.heading) : null, this.highlight ? h("h3", { class: "highlight" }, this.highlight) : null, this.description ? h("span", null, this.description) : null, this.list ? (h("ul", null, this.list.map(text => {
+        return (h(Host, { key: 'd3e64b6d66f2b2bc0857716a2125c709627f28fb' }, this.heading ? h("h3", null, this.heading) : null, this.highlight ? h("h3", { class: "highlight" }, this.highlight) : null, this.description ? h("span", null, this.description) : null, this.list ? (h("ul", null, this.list.map(text => {
             return h("li", null, text);
         }))) : null));
     }
 };
 PnProxioProductcardDescription.style = PnProxioProductcardDescriptionStyle0;
 
-const pnProxioProductcardInformationCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}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 pnProxioProductcardInformationCss = "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 PnProxioProductcardInformationStyle0 = pnProxioProductcardInformationCss;
 
 const PnProxioProductcardInformation = class {
@@ -43,12 +43,12 @@ const PnProxioProductcardInformation = class {
         this.information = [];
     }
     render() {
-        return (h(Host, { key: 'b404bb5b6dee088fe2c4d1f78207717633613d91' }, h("div", { key: '7a6f90aa91c57d71a61d3fdc58dc97b976b681f5', class: "cardinfocontent" }, this.information && this.information.length > 0 && this.label ? (h("div", { class: "cardinfocontent-item" }, this.label ? (h("p", { class: "cardinfocontent-title" }, h("strong", null, this.label))) : null, this.information.map(item => item ? (h("p", null, h("strong", { class: "cardinfocontent-label" }, item.item1, ":"), " ", item.item2)) : null))) : null)));
+        return (h(Host, { key: 'f8036717bc69970e8348e909c600484babd47dac' }, h("div", { key: 'ab79a0e358ec13504924e8f375262474d04d9e07', class: "cardinfocontent" }, this.information && this.information.length > 0 && this.label ? (h("div", { class: "cardinfocontent-item" }, this.label ? (h("p", { class: "cardinfocontent-title" }, h("strong", null, this.label))) : null, this.information.map(item => item ? (h("p", null, h("strong", { class: "cardinfocontent-label" }, item.item1, ":"), " ", item.item2)) : null))) : null)));
     }
 };
 PnProxioProductcardInformation.style = PnProxioProductcardInformationStyle0;
 
-const pnProxioProductcardPricelinkCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}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 pnProxioProductcardPricelinkCss = "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 PnProxioProductcardPricelinkStyle0 = pnProxioProductcardPricelinkCss;
 
 const PnProxioProductcardPricelink = class {

package/esm/pn-proxio-productcard_4.entry.js.map

@@ -1 +1 @@
-{"file":"pn-proxio-productcard.pn-proxio-productcard-description.pn-proxio-productcard-information.pn-proxio-productcard-pricelink.entry.js","mappings":"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","names":[],"sources":["src/components/widgets/pn-proxio-productcard/pn-proxio-productcard.scss?tag=pn-proxio-productcard","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard.tsx","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-description.scss?tag=pn-proxio-productcard-description","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-description.tsx","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.scss?tag=pn-proxio-productcard-information","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.tsx","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-pricelink.scss?tag=pn-proxio-productcard-pricelink","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-pricelink.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-proxio-productcard-common.scss';\n\npn-proxio-productcard {\n  .cardcontent {\n    display: flex;\n    flex-direction: row;\n    border: solid 0.1rem $gray25;\n    border-radius: 0.8rem;\n    overflow: hidden;\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: 1.6rem;\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      flex-direction: column;\n    }\n  }\n\n  .carddetails {\n    min-width: 70%;\n    padding: 2.4rem 4.8rem;\n    display: flex;\n    gap: 0.8rem;\n    flex-direction: column;\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      gap: 1.6rem;\n      margin-bottom: 0.8rem;\n    }\n\n    pn-illustration[slot='illustrationmobile'] {\n      display: none;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        margin-top: 1.6rem;\n        display: block;\n\n        .pn-illustration {\n          max-width: 8rem;\n          height: 8rem;\n          margin-left: auto;\n          margin-right: auto;\n        }\n      }\n    }\n  }\n\n  .cardcalltoactions {\n    min-width: 30%;\n    background-color: $blue25;\n\n    pn-illustration[slot='illustration'] {\n      @media screen and (max-width: $productcard-media-tablet) {\n        display: none;\n      }\n\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-content: center;\n      max-width: 12rem;\n      margin-left: auto;\n      margin-right: auto;\n      margin-top: 4rem;\n    }\n  }\n\n  [slot='information'] {\n    display: flex;\n    gap: 1rem;\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      flex-direction: column;\n      gap: 1.6rem;\n    }\n  }\n\n  [slot='uppertags'] {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 2rem;\n  }\n\n  [slot='bottomtags'] {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 2rem;\n    margin: 0.8rem 0;\n  }\n\n  .heading {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: row;\n  }\n\n  [slot='title'] {\n    text-decoration: underline;\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      text-decoration: none;\n    }\n  }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'pn-proxio-productcard',\n  styleUrl: 'pn-proxio-productcard.scss',\n})\nexport class PnProxioProductcard {\n  render() {\n    return (\n      <Host>\n        <div class=\"cardcontent\">\n          <div class=\"carddetails\">\n            <slot name=\"illustrationmobile\" />\n            <div class=\"heading\">\n              <slot name=\"title\" />\n              <slot name=\"uppertags\" />\n            </div>\n            <slot name=\"description\" />\n            <slot name=\"information\" />\n            <slot name=\"bottomtags\" />\n          </div>\n          <div class=\"cardcalltoactions\">\n            <slot name=\"illustration\" />\n            <slot name=\"pricelink\" />\n            <slot name=\"insurance\" />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n\npn-proxio-productcard-description {\n  h3 {\n    font-size: 1.6rem;\n  }\n\n  ul {\n    padding-left: 2.5rem;\n  }\n\n  li {\n    font-size: 1.6rem;\n    line-height: 2.2rem;\n  }\n\n  .highlight {\n    color: #0aa85c;\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pn-proxio-productcard-description',\n  styleUrl: 'pn-proxio-productcard-description.scss',\n})\nexport class PnProxioProductcardDescription {\n  @Prop() heading: string;\n  @Prop() highlight: string;\n  @Prop() description: string;\n  @Prop({ mutable: true }) list: string[] = [];\n\n  render() {\n    return (\n      <Host>\n        {this.heading ? <h3>{this.heading}</h3> : null}\n        {this.highlight ? <h3 class=\"highlight\">{this.highlight}</h3> : null}\n        {this.description ? <span>{this.description}</span> : null}\n        {this.list ? (\n          <ul>\n            {this.list.map(text => {\n              return <li>{text}</li>;\n            })}\n          </ul>\n        ) : null}\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n\npn-proxio-productcard-information {\n  p.cardinfocontent-title {\n    margin-bottom: 0.4rem;\n  }\n\n  p strong.cardinfocontent-label {\n    font-size: 1.4rem;\n    font-weight: 500;\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { ProductGenericItem, ProductWeightGroupListItem } from '../pn-proxio-pricegroup/types';\n\n@Component({\n  tag: 'pn-proxio-productcard-information',\n  styleUrl: 'pn-proxio-productcard-information.scss',\n})\nexport class PnProxioProductcardInformation {\n  @Prop() label: string;\n  @Prop() information: ProductGenericItem[] = [];\n\n  render() {\n    return (\n      <Host>\n        <div class=\"cardinfocontent\">\n          {this.information && this.information.length > 0 && this.label ? (\n            <div class=\"cardinfocontent-item\">\n              {this.label ? (\n                <p class=\"cardinfocontent-title\">\n                  <strong>{this.label}</strong>\n                </p>\n              ) : null}\n              {this.information.map(item =>\n                item ? (\n                  <p>\n                    <strong class=\"cardinfocontent-label\">{item.item1}:</strong> {item.item2}\n                  </p>\n                ) : null,\n              )}\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n@import './pn-proxio-productcard-common.scss';\n\npn-proxio-productcard-pricelink {\n  align-self: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 2rem 1rem;\n  gap: 0.8rem;\n  align-content: center;\n  flex-wrap: wrap;\n\n  @media screen and (max-width: $productcard-media-tablet) {\n    margin: 2.4rem 1rem;\n  }\n\n  h3 {\n    font-size: 2rem;\n  }\n\n  pn-button {\n    min-width: 17.3rem;\n\n    a .pn-button-content {\n      font-size: 1.4rem;\n      font-weight: 500;\n    }\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      min-width: 30rem;\n    }\n  }\n\n  .pn-pricelink-vat {\n    font-weight: 400;\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-proxio-productcard-pricelink',\n  styleUrl: 'pn-proxio-productcard-pricelink.scss',\n})\nexport class PnProxioProductcardPricelink {\n  @Prop() price: string;\n  @Prop() vatText: string = '';\n  @Prop() link: string;\n  @Prop() linktext: string;\n\n  render() {\n    return this.link && this.linktext ? (\n      <Host>\n        {this.price ? (\n          <h3>\n            {this.price} <span class=\"pn-pricelink-vat\">{this.vatText}</span>\n          </h3>\n        ) : null}\n        <pn-button small=\"true\" icon={arrow_right} appearance=\"light\" href={this.link} target=\"_blank\" rel=\"noopener nofollower noreferrer\">\n          {this.linktext}\n        </pn-button>\n      </Host>\n    ) : null;\n  }\n}\n"],"version":3}
+{"file":"pn-proxio-productcard.pn-proxio-productcard-description.pn-proxio-productcard-information.pn-proxio-productcard-pricelink.entry.js","mappings":"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","names":[],"sources":["src/components/widgets/pn-proxio-productcard/pn-proxio-productcard.scss?tag=pn-proxio-productcard","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard.tsx","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-description.scss?tag=pn-proxio-productcard-description","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-description.tsx","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.scss?tag=pn-proxio-productcard-information","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-information.tsx","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-pricelink.scss?tag=pn-proxio-productcard-pricelink","src/components/widgets/pn-proxio-productcard/pn-proxio-productcard-pricelink.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-proxio-productcard-common.scss';\n\npn-proxio-productcard {\n  .cardcontent {\n    display: flex;\n    flex-direction: row;\n    border: solid 0.1rem $gray25;\n    border-radius: 0.8rem;\n    overflow: hidden;\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: 1.6rem;\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      flex-direction: column;\n    }\n  }\n\n  .carddetails {\n    min-width: 70%;\n    padding: 2.4rem 4.8rem;\n    display: flex;\n    gap: 0.8rem;\n    flex-direction: column;\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      gap: 1.6rem;\n      margin-bottom: 0.8rem;\n    }\n\n    pn-illustration[slot='illustrationmobile'] {\n      display: none;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        margin-top: 1.6rem;\n        display: block;\n\n        .pn-illustration {\n          max-width: 8rem;\n          height: 8rem;\n          margin-left: auto;\n          margin-right: auto;\n        }\n      }\n    }\n  }\n\n  .cardcalltoactions {\n    min-width: 30%;\n    background-color: $blue25;\n\n    pn-illustration[slot='illustration'] {\n      @media screen and (max-width: $productcard-media-tablet) {\n        display: none;\n      }\n\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-content: center;\n      max-width: 12rem;\n      margin-left: auto;\n      margin-right: auto;\n      margin-top: 4rem;\n    }\n  }\n\n  [slot='information'] {\n    display: flex;\n    gap: 1rem;\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      flex-direction: column;\n      gap: 1.6rem;\n    }\n  }\n\n  [slot='uppertags'] {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 2rem;\n  }\n\n  [slot='bottomtags'] {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 2rem;\n    margin: 0.8rem 0;\n  }\n\n  .heading {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: row;\n  }\n\n  [slot='title'] {\n    text-decoration: underline;\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      text-decoration: none;\n    }\n  }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'pn-proxio-productcard',\n  styleUrl: 'pn-proxio-productcard.scss',\n})\nexport class PnProxioProductcard {\n  render() {\n    return (\n      <Host>\n        <div class=\"cardcontent\">\n          <div class=\"carddetails\">\n            <slot name=\"illustrationmobile\" />\n            <div class=\"heading\">\n              <slot name=\"title\" />\n              <slot name=\"uppertags\" />\n            </div>\n            <slot name=\"description\" />\n            <slot name=\"information\" />\n            <slot name=\"bottomtags\" />\n          </div>\n          <div class=\"cardcalltoactions\">\n            <slot name=\"illustration\" />\n            <slot name=\"pricelink\" />\n            <slot name=\"insurance\" />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n\npn-proxio-productcard-description {\n  h3 {\n    font-size: 1.6rem;\n  }\n\n  ul {\n    padding-left: 2.5rem;\n  }\n\n  li {\n    font-size: 1.6rem;\n    line-height: 2.2rem;\n  }\n\n  .highlight {\n    color: #0aa85c;\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pn-proxio-productcard-description',\n  styleUrl: 'pn-proxio-productcard-description.scss',\n})\nexport class PnProxioProductcardDescription {\n  @Prop() heading: string;\n  @Prop() highlight: string;\n  @Prop() description: string;\n  @Prop({ mutable: true }) list: string[] = [];\n\n  render() {\n    return (\n      <Host>\n        {this.heading ? <h3>{this.heading}</h3> : null}\n        {this.highlight ? <h3 class=\"highlight\">{this.highlight}</h3> : null}\n        {this.description ? <span>{this.description}</span> : null}\n        {this.list ? (\n          <ul>\n            {this.list.map(text => {\n              return <li>{text}</li>;\n            })}\n          </ul>\n        ) : null}\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n\npn-proxio-productcard-information {\n  p.cardinfocontent-title {\n    margin-bottom: 0.4rem;\n  }\n\n  p strong.cardinfocontent-label {\n    font-size: 1.4rem;\n    font-weight: 500;\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { ProductGenericItem, ProductWeightGroupListItem } from '../pn-proxio-pricegroup/types';\n\n@Component({\n  tag: 'pn-proxio-productcard-information',\n  styleUrl: 'pn-proxio-productcard-information.scss',\n})\nexport class PnProxioProductcardInformation {\n  @Prop() label: string;\n  @Prop() information: ProductGenericItem[] = [];\n\n  render() {\n    return (\n      <Host>\n        <div class=\"cardinfocontent\">\n          {this.information && this.information.length > 0 && this.label ? (\n            <div class=\"cardinfocontent-item\">\n              {this.label ? (\n                <p class=\"cardinfocontent-title\">\n                  <strong>{this.label}</strong>\n                </p>\n              ) : null}\n              {this.information.map(item =>\n                item ? (\n                  <p>\n                    <strong class=\"cardinfocontent-label\">{item.item1}:</strong> {item.item2}\n                  </p>\n                ) : null,\n              )}\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n@import './pn-proxio-productcard-common.scss';\n\npn-proxio-productcard-pricelink {\n  align-self: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 2rem 1rem;\n  gap: 0.8rem;\n  align-content: center;\n  flex-wrap: wrap;\n\n  @media screen and (max-width: $productcard-media-tablet) {\n    margin: 2.4rem 1rem;\n  }\n\n  h3 {\n    font-size: 2rem;\n  }\n\n  pn-button {\n    min-width: 17.3rem;\n\n    a .pn-button-content {\n      font-size: 1.4rem;\n      font-weight: 500;\n    }\n\n    @media screen and (max-width: $productcard-media-tablet) {\n      min-width: 30rem;\n    }\n  }\n\n  .pn-pricelink-vat {\n    font-weight: 400;\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-proxio-productcard-pricelink',\n  styleUrl: 'pn-proxio-productcard-pricelink.scss',\n})\nexport class PnProxioProductcardPricelink {\n  @Prop() price: string;\n  @Prop() vatText: string = '';\n  @Prop() link: string;\n  @Prop() linktext: string;\n\n  render() {\n    return this.link && this.linktext ? (\n      <Host>\n        {this.price ? (\n          <h3>\n            {this.price} <span class=\"pn-pricelink-vat\">{this.vatText}</span>\n          </h3>\n        ) : null}\n        <pn-button small=\"true\" icon={arrow_right} appearance=\"light\" href={this.link} target=\"_blank\" rel=\"noopener nofollower noreferrer\">\n          {this.linktext}\n        </pn-button>\n      </Host>\n    ) : null;\n  }\n}\n"],"version":3}