{"version":3,"file":"7989.js?id=8ee0567ba4e1e3b0","mappings":"wLAGIA,EAA0B,IAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,45CAA65C,KAEt8C,S,6DCPA,IAAIC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAUF,EAAIG,MAAMC,YAAY,OAAQJ,EAAIK,mBAAqBL,EAAIM,gBAAgBC,OAAS,EAAGL,EAAG,MAAM,CAACM,YAAY,gEAAgE,CAACN,EAAG,MAAM,CAACM,YAAY,SAAS,CAACR,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,GAAG,mCAAoC,CAAC,yBAAyBT,EAAG,MAAM,CAACM,YAAY,yCAAyCR,EAAIY,GAAIZ,EAAIM,iBAAiB,SAASO,GAAM,OAAOX,EAAG,MAAM,CAACY,IAAID,EAAKf,GAAGU,YAAY,8CAA8C,CAACN,EAAG,MAAM,CAACM,YAAY,SAAS,CAACN,EAAG,MAAM,CAACa,MAAM,CAAC,IAAMF,EAAKG,MAAM,IAAM,QAAQd,EAAG,MAAM,CAACM,YAAY,QAAQ,CAAEK,EAAKI,YAAcJ,EAAKK,MAAOhB,EAAG,MAAM,CAACM,YAAY,SAAS,CAACR,EAAIS,GAAGT,EAAIU,GAAGV,EAAImB,SAASN,EAAKK,WAAWlB,EAAIoB,KAAKlB,EAAG,MAAM,CAACM,YAAY,QAAQ,CAAEK,EAAKQ,cAAenB,EAAG,IAAI,CAACa,MAAM,CAAC,KAAOF,EAAKS,MAAM,CAACtB,EAAIS,GAAGT,EAAIU,GAAGG,EAAKU,SAASrB,EAAG,OAAO,CAACF,EAAIS,GAAGT,EAAIU,GAAGG,EAAKU,aAAarB,EAAG,MAAM,CAACM,YAAY,UAAU,CAAEK,EAAKW,eAAiBX,EAAKY,YAAavB,EAAG,MAAM,CAACM,YAAY,sEAAsE,CAACN,EAAG,IAAI,CAACM,YAAY,yCAAyCO,MAAM,CAAC,KAAOF,EAAKS,MAAM,CAACpB,EAAG,OAAO,CAACa,MAAM,CAAC,UAAU,sBAAsBb,EAAG,OAAO,CAACF,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,GAAG,wBAAyB,CAAC,0BAA2BE,EAAKW,cAAetB,EAAG,kBAAkB,CAACa,MAAM,CAAC,IAAMF,EAAKf,GAAG,KAAOe,EAAKa,KAAK,SAAWb,EAAKc,MAAM,MAAQd,EAAKc,SAAUd,EAAKe,eAAiBf,EAAKe,aAAaC,QAAS3B,EAAG,MAAM,CAACM,YAAY,oBAAoB,CAACR,EAAIS,GAAGT,EAAIU,GAAGG,EAAKe,aAAaE,YAAY9B,EAAIoB,MAAM,IAAI,IAAG,KAAKpB,EAAIoB,IAC3kD,EACIW,EAAkB,G,sDCStB,IAAqBC,EAArB,cAA2DC,EAAAA,GAAGC,eAAAC,GAAA,SAAAA,IAAAC,EAAAA,EAAAA,GAAA,UAE7B,IAAIC,EAAAA,IAAgBD,EAAAA,EAAAA,GAAA,uBACO,GAAE,CAEtD/B,wBACA,OAA+C,IAAxCJ,KAAKqC,MAAMC,MAAMC,kBAC5B,CAEIC,wBACA,OAAIC,EAAAA,EAAqBC,UAAUpC,OAAS,GAAKmC,EAAAA,EAAqBE,kBAAkBC,uBAAuBtC,OAAS,EAC7GmC,EAAAA,EAAqBE,kBAAkBC,uBAEvCH,EAAAA,EAAqBI,SAASD,wBAA0B,EACvE,CAEQ1B,SAASD,GACb,OAAIA,EAAM6B,iBACC7B,EAAM8B,YAEV9B,EAAM+B,UACjB,CAGQC,mCACCjD,KAAKwC,kBAAkBlC,OAGxBN,KAAKK,sBAAwBL,KAAKkD,GAAGC,gBAAgBnD,KAAKwC,mBAF1DxC,KAAKK,gBAAkB,EAG/B,IALA+C,EAAAA,EAAAA,IAAA,EADCC,EAAAA,EAAAA,IAAM,sBAAoB,+CAvBVtB,GAA6BqB,EAAAA,EAAAA,IAAA,EALjDE,EAAAA,EAAAA,IAAU,CACPhC,KAAM,gCACNiC,WAAY,CAAC,KAGIxB,G,UCX2d,I,wBCQ5eyB,GAAY,OACd,EACA1D,EACAgC,GACA,EACA,KACA,KACA,MAIF,QAAe0B,EAAiB,O,kBChBhC,IAAIC,EAAU,EAAQ,OACnBA,EAAQC,aAAYD,EAAUA,EAAQE,SACnB,kBAAZF,IAAsBA,EAAU,CAAC,CAAC7D,EAAOC,GAAI4D,EAAS,MAC7DA,EAAQG,SAAQhE,EAAOiE,QAAUJ,EAAQG,QAE5C,IAAIE,EAAM,WACGA,EAAI,WAAYL,GAAS,EAAM,CAAC,WAAY,EAAM,YAAa,G","sources":["webpack://website-js/./src/components/product-details/DetailsRelatedProductsCompact.vue?ccb8","webpack://website-js/./src/components/product-details/DetailsRelatedProductsCompact.vue","webpack://website-js/./src/components/product-details/DetailsRelatedProductsCompact.vue?9439","webpack://website-js/./src/components/product-details/DetailsRelatedProductsCompact.vue?b8e6","webpack://website-js/./src/components/product-details/DetailsRelatedProductsCompact.vue?7d67","webpack://website-js/./src/components/product-details/DetailsRelatedProductsCompact.vue?5233"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.details-related-products-compact{padding:15px}.details-related-products-compact-list{display:flex;flex-direction:column;gap:15px}.details-related-products-compact-list-item{display:flex;flex:1;gap:15px;align-items:center}.details-related-products-compact-list-item .image{width:75px;height:75px;flex:none;position:relative;overflow:hidden;border:1px solid #0000001a}.details-related-products-compact-list-item .image img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.details-related-products-compact-list-item .info{flex:1}.details-related-products-compact-list-item .info .name a{color:inherit}.details-related-products-compact-list-item .info .price{font-size:1.2rem;font-weight:600}.details-related-products-compact-list-item .action{flex:none;max-width:150px}.details-related-products-compact-list-item .action .add-to-cart-button .uk-icon{margin-right:5px}.details-related-products-compact-list-item .action .colli{display:none}.details-related-products-compact-list-item .action .out-of-stock-msg{font-weight:600;color:var(--warning-color)}@media(max-width:640px){.details-related-products-compact-list-item{display:grid;grid-template-columns:auto 1fr auto;gap:0}.details-related-products-compact-list-item .image{grid-column:1;grid-row:1/3}.details-related-products-compact-list-item .info{padding-left:15px}.details-related-products-compact-list-item .action{grid-column:2;grid-row:2;padding-left:15px}}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return (_vm.translationsReady && _vm.relatedProducts.length > 0)?_c('div',{staticClass:\"details-related-products-compact uk-overflow-auto cbx-border\"},[_c('div',{staticClass:\"uk-h3\"},[_vm._v(_vm._s(_vm.$t('product.related-products-compact', ['Related products'])))]),_c('div',{staticClass:\"details-related-products-compact-list\"},_vm._l((_vm.relatedProducts),function(prod){return _c('div',{key:prod.id,staticClass:\"details-related-products-compact-list-item\"},[_c('div',{staticClass:\"image\"},[_c('img',{attrs:{\"src\":prod.image,\"alt\":\"\"}})]),_c('div',{staticClass:\"info\"},[(prod.showprices && prod.price)?_c('div',{staticClass:\"price\"},[_vm._v(_vm._s(_vm.getPrice(prod.price)))]):_vm._e(),_c('div',{staticClass:\"name\"},[(prod.hascategories)?_c('a',{attrs:{\"href\":prod.url}},[_vm._v(_vm._s(prod.name))]):_c('span',[_vm._v(_vm._s(prod.name))])])]),_c('div',{staticClass:\"action\"},[(prod.allowpurchase && prod.hasvariants)?_c('div',{staticClass:\"add-to-cart uk-display-inline-block uk-width-1 uk-margin-small-top\"},[_c('a',{staticClass:\"uk-button uk-button-primary uk-width-1\",attrs:{\"href\":prod.url}},[_c('span',{attrs:{\"uk-icon\":\"icon: thumbnails\"}}),_c('span',[_vm._v(_vm._s(_vm.$t('product.show-variants', ['Show variants'])))])])]):(prod.allowpurchase)?_c('AddToCartButton',{attrs:{\"sku\":prod.id,\"unit\":prod.unit,\"quantity\":prod.colli,\"colli\":prod.colli}}):(prod.stockmessage && !prod.stockmessage.instock)?_c('div',{staticClass:\"out-of-stock-msg\"},[_vm._v(_vm._s(prod.stockmessage.message))]):_vm._e()],1)])}),0)]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\nimport { Component, Vue, Watch } from 'vue-property-decorator';\nimport { DisplayPriceInfo, ProductSearchResultProduct } from '../../models/Product';\nimport ProductDetailsModule from '../../store/modules/ProductDetailsModule';\nimport ProductService from '../../services/ProductService';\n\n@Component({\n    name: 'DetailsRelatedProductsCompact',\n    components: {\n    },\n})\nexport default class DetailsRelatedProductsCompact extends Vue {\n\n    private ps: ProductService = new ProductService();\n    private relatedProducts: ProductSearchResultProduct[] = [];\n\n    get translationsReady(): boolean {\n        return this.$root.$data.translationsLoaded === true;\n    }\n\n    get relatedProductIds(): string[] {\n        if (ProductDetailsModule.VARIANTS?.length > 0 && ProductDetailsModule.SELECTED_VARIANT?.relatedproductscompact.length > 0)\n            return ProductDetailsModule.SELECTED_VARIANT?.relatedproductscompact;\n        else \n            return ProductDetailsModule.PRODUCT?.relatedproductscompact ?? [];\n    }\n\n    private getPrice(price: DisplayPriceInfo) {\n        if (price.showpricesincvat)\n            return price.priceincvat\n\n        return price.priceexvat;\n    }\n\n    @Watch(\"relatedProductIds\")\n    private async onRelatedProductsIdsChange() {\n        if (!this.relatedProductIds.length)\n            this.relatedProducts = [];\n        else\n            this.relatedProducts = await this.ps.getProductsById(this.relatedProductIds);\n    }\n}\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??clonedRuleSet-41.use[0]!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??clonedRuleSet-41.use[3]!../../../node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!../../../node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./DetailsRelatedProductsCompact.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??clonedRuleSet-41.use[0]!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??clonedRuleSet-41.use[3]!../../../node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!../../../node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./DetailsRelatedProductsCompact.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./DetailsRelatedProductsCompact.vue?vue&type=template&id=7a5c4663&\"\nimport script from \"./DetailsRelatedProductsCompact.vue?vue&type=script&lang=ts&\"\nexport * from \"./DetailsRelatedProductsCompact.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./DetailsRelatedProductsCompact.vue?vue&type=style&index=0&id=7a5c4663&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/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","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../../node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!../../../node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!../../../node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./DetailsRelatedProductsCompact.vue?vue&type=style&index=0&id=7a5c4663&prod&lang=scss&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"571db9cb\", content, true, {\"sourceMap\":false,\"shadowMode\":false});"],"names":["___CSS_LOADER_EXPORT___","push","module","id","render","_vm","this","_c","_self","_setupProxy","translationsReady","relatedProducts","length","staticClass","_v","_s","$t","_l","prod","key","attrs","image","showprices","price","getPrice","_e","hascategories","url","name","allowpurchase","hasvariants","unit","colli","stockmessage","instock","message","staticRenderFns","DetailsRelatedProductsCompact","Vue","constructor","args","_defineProperty","ProductService","$root","$data","translationsLoaded","relatedProductIds","ProductDetailsModule","VARIANTS","SELECTED_VARIANT","relatedproductscompact","PRODUCT","showpricesincvat","priceincvat","priceexvat","async","ps","getProductsById","__decorate","Watch","Component","components","component","content","__esModule","default","locals","exports","add"],"sourceRoot":""}