{"version":3,"file":"js/app.813cc5c4765e0e6b4c68.js","mappings":"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","sources":["webpack:///./resources/area/web/default/js/components/shop-by-look/ShopByLookImage.vue?e211","webpack:///./resources/area/web/default/js/shared/helpers/catalog-helper/index.ts","webpack:///./resources/area/web/default/js/components/shop-by-look/ShopByLookImage.vue","webpack:///./resources/area/web/default/js/components/shop-by-look/ShopByLookImage.vue?13ee","webpack:///./resources/area/web/default/js/components/shop-by-look/ShopByLookImage.vue?c82d"],"sourcesContent":["\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\nimport {Component, Vue, Prop} from 'vue-property-decorator';\nimport ServiceContainer from '@flashpointbv/solar-service-container';\nimport {catalogHelper} from '../../shared/helpers/catalog-helper';\n\n@Component({\n  name: 'shop-by-look-image',\n  components: ServiceContainer().getComponents()\n})\n\nexport default class extends Vue {\n  @Prop({required: true}) private shopByLook!: object;\n\n  private activeSpot: number | null = null;\n\n  private productPrices(product): object {\n    return catalogHelper.getProductPrice(product);\n  }\n\n  private productImage(product): string {\n    return catalogHelper.resolveProductImage(product, 150);\n  }\n\n  private spotLocation(spot, position): number {\n    return this.$mobileDetect.mobile() && this.shopByLook['mobileImage'] !== null ? spot['position_mobile_' + position] : spot['position_desktop_' + position];\n  }\n\n  private selectSpot(key): void {\n    if (this.activeSpot === key) {\n      this.activeSpot = null;\n      return;\n    }\n    this.activeSpot = key;\n  }\n\n  private mounted(): void {\n    document.addEventListener('click', e => {\n      if (!(e.target as HTMLElement).classList.contains('item__details') && !(e.target as HTMLElement).classList.contains('show__hotspot')) {\n        this.activeSpot = null;\n      }\n    });\n  }\n}\n","import Environment from '@flashpointbv/solar-ui-environment';\n\nclass CatalogHelper {\n  getProductPrice(product: object, customerGroupId: number = 0): object {\n    let priceObject = {\n      productPrice: product[`price_incl_tax`] || 0,\n      specialPrice: product[`final_price_incl_tax`] || 0,\n      discountPrice: product[`price_incl_tax`] || 0\n    };\n\n    if (priceObject.productPrice !== priceObject.specialPrice) {\n      priceObject.discountPrice = priceObject.specialPrice;\n    }\n\n    return priceObject;\n  }\n\n  resolveProductImage(product: object, size: number): string {\n    const env = window.Config.hasOwnProperty('environment') ? window.Config['environment'] : 'production';\n\n    if (env !== 'production') {\n      return `https://www.xenos.nl/pub/cdn/${product['sku']}/${size}/${product['sku']}.jpg`;\n    }\n\n    return this.resolveGalleryImage(product, size);\n  }\n\n  resolveGalleryImage(product: object, size: number, index: number = 0): string {\n    if(Object.keys(product).length === 0) {\n        return '';\n    }\n\n    const selectedItem = product['media_gallery'][index] || false;\n\n    if (false === selectedItem) {\n      return '';\n    }\n\n    if (selectedItem['type'] === 'video') {\n      return selectedItem['thumbnail'] || '';\n    }\n\n    if (Environment().get('environment') !== 'production') {\n      return `https://www.xenos.nl/pub/cdn/${product['sku']}/${size}/${product['sku']}.jpg`;\n    }\n\n    return selectedItem['placeholder_url'].replace(/\\{size}/, size);\n  }\n\n  getProductLabel(product: object): object | null {\n    if (product.hasOwnProperty('action_labels')) {\n      return {\n        label: product['action_labels'][0]['name'],\n        color: product['action_labels'][0]['color']\n      };\n    }\n\n    if (product['promotion']) {\n      let backgroundColor = '#ec008c';\n\n      switch (product['promotion']) {\n        case '50% korting':\n          backgroundColor = '#1a9bdb';\n          break;\n        case '30% korting':\n          backgroundColor = '#75ad3f';\n          break;\n      }\n\n      return {\n        label: product['promotion'],\n        color: backgroundColor\n      };\n    }\n\n    if (product['discount_amount'] > 0) {\n      return {\n        label: `${Math.round(product['discount_percentage'])}% korting`,\n        color: '#ec008c'\n      };\n    }\n\n    return null;\n  }\n}\n\nconst catalogHelper = new CatalogHelper();\n\nexport {catalogHelper};\n","import { render, staticRenderFns } from \"./ShopByLookImage.vue?vue&type=template&id=0f3bcb1e&\"\nimport script from \"./ShopByLookImage.vue?vue&type=script&lang=ts&\"\nexport * from \"./ShopByLookImage.vue?vue&type=script&lang=ts&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../../../node_modules/ts-loader/index.js??clonedRuleSet-5[0].rules[0].use[0]!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShopByLookImage.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../node_modules/ts-loader/index.js??clonedRuleSet-5[0].rules[0].use[0]!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShopByLookImage.vue?vue&type=script&lang=ts&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"hotspot__container\"},[_c('picture',[(_vm.shopByLook['mobileImage'])?_c('source',{attrs:{\"srcset\":(\"/cdn/605/800/\" + (_vm.shopByLook['mobileImage']['location'])),\"media\":\"(max-width: 767px)\"}}):_vm._e(),_vm._v(\" \"),_c('img',{attrs:{\"src\":(\"/cdn/605/800/\" + (_vm.shopByLook['desktopImage']['location'])),\"alt\":_vm.shopByLook['title'],\"width\":_vm.shopByLook['desktopImage']['width'],\"height\":_vm.shopByLook['desktopImage']['height'],\"loading\":\"lazy\"}})]),_vm._v(\" \"),_vm._l((_vm.shopByLook['products']),function(spot,key){return _c('div',{staticClass:\"hotspot__item\",style:({ left: ((_vm.spotLocation(spot, 'x')) + \"%\"), top: ((_vm.spotLocation(spot, 'y')) + \"%\")})},[_c('div',{staticClass:\"hotspot__item__content\",class:{ '--active': key === _vm.activeSpot }},[_c('button',{staticClass:\"show__hotspot\",class:{ '--active': key === _vm.activeSpot },on:{\"click\":function($event){return _vm.selectSpot(key)}}},[_vm._v(_vm._s(spot['list_position']))]),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(key === _vm.activeSpot),expression:\"key === activeSpot\"}],staticClass:\"hotspot__item__detail\",class:{ '--right': _vm.spotLocation(spot, 'x') > 50, '--bottom': _vm.spotLocation(spot, 'y') > 50 }},[_c('a',{staticClass:\"image__holder\",attrs:{\"href\":spot['product']['url_key']}},[_c('img',{attrs:{\"src\":_vm.productImage(spot['product']),\"alt\":spot['product']['name'],\"width\":\"95\",\"height\":\"95\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"item__details\"},[_c('a',{attrs:{\"href\":spot['product']['url_key']}},[_vm._v(_vm._s(spot['product']['name']))]),_vm._v(\" \"),_c('div',{staticClass:\"price__holder\"},[(_vm.productPrices(spot['product'])['specialPrice'] !== _vm.productPrices(spot['product'])['productPrice'])?_c('span',{staticClass:\"price__old-price\"},[_vm._v(_vm._s(_vm.productPrices(spot['product'])['productPrice'].priceFormat()))]):_vm._e(),_vm._v(\" \"),_c('span',{staticClass:\"price\"},[_vm._v(_vm._s(_vm.productPrices(spot['product'])['specialPrice'].priceFormat()))])]),_vm._v(\" \"),_c('a',{staticClass:\"--button --chevron\",attrs:{\"href\":spot['product']['url_key']}},[_vm._v(_vm._s(_vm.$t('Shop now')))])])])])])})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }"],"names":["Vue","activeSpot","productPrices","product","catalogHelper","getProductPrice","productImage","resolveProductImage","spotLocation","spot","position","this","$mobileDetect","mobile","shopByLook","selectSpot","key","mounted","document","addEventListener","e","target","classList","contains","Prop","required","Component","name","components","getComponents","CatalogHelper","customerGroupId","priceObject","productPrice","specialPrice","discountPrice","size","window","Config","hasOwnProperty","resolveGalleryImage","index","Object","keys","length","selectedItem","get","replace","getProductLabel","label","color","backgroundColor","Math","round","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","_e","_v","_l","style","left","top","class","on","$event","_s","directives","rawName","value","expression","priceFormat","$t","staticRenderFns"],"sourceRoot":""}