{"version":3,"names":["Product","renderVariants","variants","mainImage","link","this","product","numberOfVariants","Object","keys","length","h","class","href","renderImage","map","key","index","renderCo2Wolke","_a","sustainability","balance","xmlns","viewBox","id","fill","d","x1","x2","y1","y2","gradientUnits","offset","transform","cx","cy","stroke","rx","ry","render","price","Host","tags","newArticle","translate","width","name","spacer","innerHTML","priceDifferenceExist","gross","formated","title","image","style","ratio","media","srcSet","src","height","loading","decoding","alt","SliderProduct","componentDidLoad","swiper","configureSlider","el","loop","pagination","slidesPerView","slidesPerGroup","breakpoints","disconnectedCallback","destroy","role"],"sources":["src/components/product/product.tsx","node_modules/@nlx-uvex/styleguide/dist/collection/components/slider-product/slider-product.js"],"sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { ListProduct, ProductImage } from '~model/product';\nimport { translate } from '~service/translation-service';\n\n@Component({\n tag: 'uvex-product',\n})\nexport class Product {\n @Prop() product: ListProduct;\n\n renderVariants() {\n const { variants, mainImage, link } = this.product;\n const numberOfVariants = Object.keys(variants).length > 2 ? Object.keys(variants).length - 2 : null;\n\n if (Object.keys(variants).length === 0) {\n return;\n }\n\n return (\n
\n \n {this.renderImage(mainImage, 60)}\n \n {Object.keys(variants).map((key, index) => {\n if (index > 1) {\n return;\n }\n const { mainImage, link } = variants[key];\n return {this.renderImage(mainImage, 60)};\n })}\n {numberOfVariants ? +{numberOfVariants} : ''}\n
\n );\n }\n\n renderCo2Wolke() {\n if (!this.product.sustainability?.balance) {\n return;\n }\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n }\n\n render() {\n if (this.product === null) {\n return;\n }\n const { variants, mainImage, price, link } = this.product;\n\n return (\n \n
\n {this.renderCo2Wolke()}\n {this.product.tags.newArticle ? {translate('sw.product.badge.new')} : ''}\n
{this.renderImage(mainImage, mainImage?.width)}
\n\n {this.renderVariants()}\n\n
\n {this.product.name}\n
\n\n 0 || price !== null,\n }}\n />\n\n
{Object.keys(variants).length > 0 ? Object.keys(variants).length + 1 + ' ' + translate('sw.product.numberOfColorVariants') : ''}
\n\n {price !== null ? (\n
\n
\n
({translate('sw.article.properties.withTax')})
\n
\n ) : (\n ''\n )}\n \n
\n \n );\n }\n\n private renderImage(image: ProductImage, width: number) {\n if (image === null) {\n return null;\n }\n\n return (\n \n \n {this.product.name}\n \n );\n }\n}\n","import { h, Host } from \"@stencil/core\";\nimport { configureSlider } from \"../abstract-uvex-slider/configure-slider\";\nexport class SliderProduct {\n componentDidLoad() {\n this.swiper = configureSlider(this.el, {\n loop: false,\n pagination: false,\n slidesPerView: 2,\n slidesPerGroup: 2,\n breakpoints: {\n 543: {\n slidesPerView: 3,\n slidesPerGroup: 3,\n },\n 767: {\n slidesPerView: 4,\n slidesPerGroup: 4,\n },\n 991: {\n slidesPerView: 4,\n slidesPerGroup: 4,\n },\n 1199: {\n slidesPerView: 5,\n slidesPerGroup: 5,\n },\n },\n });\n }\n disconnectedCallback() {\n if (this.swiper) {\n this.swiper.destroy();\n }\n }\n render() {\n return h(Host, { key: '7dafb42ca0fd735c7a0e8aa54acc57f65b76a5a3', class: \"carousel\" }, h(\"div\", { key: '866640c6f218404574903c214406ac821d7bcfe1', class: \"carousel-inner\" }, h(\"slot\", { key: 'ef1e1579ee2650c0e4044c4d042b59b705869343' })), h(\"a\", { key: 'f80ff03ed02aa8d9789b0484723a83e74a688522', class: \"carousel-control carousel-control-left small invert left\", role: \"button\" }), h(\"a\", { key: '69fe67d4ba22f6241fd7f1f1fb1b865283a78578', class: \"carousel-control carousel-control-right small invert right\", role: \"button\" }));\n }\n static get is() { return \"uvex-slider-product\"; }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=slider-product.js.map\n"],"mappings":"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","ignoreList":[]}