{"version":3,"file":"1842.js?id=bdd07fa2e604dd51","mappings":"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","sources":["webpack://website-js/./src/components/product-details/DetailsIndependentAddonProducts.vue?8309","webpack://website-js/./src/components/product-details/DetailsIndependentAddonProducts.vue","webpack://website-js/./src/components/product-details/DetailsIndependentAddonProducts.vue?9901","webpack://website-js/./src/components/product-details/DetailsIndependentAddonProducts.vue?3305","webpack://website-js/./src/components/product-details/DetailsIndependentAddonProducts.vue?1b8b","webpack://website-js/./src/components/product-details/DetailsIndependentAddonProducts.vue?691f"],"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-addon-products{padding:15px}.details-addon-products .action .stock{font-size:.75rem;gap:10px;display:flex}.details-addon-products .action .stock>.uk-icon>svg{max-width:-moz-fit-content;max-width:fit-content}.details-addon-products-list{display:flex;flex-direction:column;gap:15px}.details-addon-products-list-item{display:flex;flex:1;gap:15px;align-items:center}.details-addon-products-list-item .image{width:75px;height:75px;flex:none;position:relative;overflow:hidden;border:1px solid #0000001a}.details-addon-products-list-item .image img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.details-addon-products-list-item .info{flex:1}.details-addon-products-list-item .info .name a{color:inherit}.details-addon-products-list-item .info .price{font-size:1.2rem;font-weight:600}.details-addon-products-list-item .action{flex:none;max-width:150px}.details-addon-products-list-item .action .add-to-cart-button .uk-icon{margin-right:5px}.details-addon-products-list-item .action .colli{display:none}.details-addon-products-list-item .action .out-of-stock-msg{margin-top:1vh}@media(max-width:640px){.details-addon-products-list-item{display:grid;grid-template-columns:auto 1fr auto;gap:0}.details-addon-products-list-item .image{grid-column:1;grid-row:1/3}.details-addon-products-list-item .info{padding-left:15px}.details-addon-products-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.showindependentAddonProducts)?_c('div',{staticClass:\"uk-overflow-auto cbx-border\",class:{ 'details-addon-products details-independent-addon-products' : _vm.showindependentAddonProducts }},[_c('div',{staticClass:\"uk-h3\"},[_vm._v(_vm._s(_vm.$t('product.independent-addons', ['Independent addons'])))]),_c('div',{staticClass:\"details-addon-products-list details-independent-addon-products-list\"},_vm._l((_vm.independentAddonProducts),function(prod){return _c('div',{key:prod.id,staticClass:\"details-addon-products-list-item details-independent-addon-products-list-item\"},[_c('div',{staticClass:\"image\"},[_c('img',{attrs:{\"src\":prod.image,\"alt\":\"\"}})]),_c('div',{staticClass:\"info\"},[(prod.price && prod.showprices)?_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))])])]),(prod.allowpurchase)?_c('div',{staticClass:\"action\"},[(prod.allowpurchase)?_c('AddToCartButton',{attrs:{\"sku\":prod.id,\"variantid\":_vm.getVariantId(prod),\"unit\":prod.unit,\"quantity\":_vm.colli,\"colli\":_vm.colli,\"stock-message\":prod.stockmessage}}):_vm._e()],1):_vm._e()])}),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: 'DetailsIndependentindependentAddonProducts',\n components: {\n }\n})\nexport default class DetailsIndependentindependentAddonProducts extends Vue {\n\n private ps: ProductService = new ProductService();\n private independentAddonProducts: ProductSearchResultProduct[] = [];\n\n get translationsReady(): boolean {\n return this.$root.$data.translationsLoaded === true;\n }\n\n get showindependentAddonProducts(): boolean {\n return this.showprices && this.independentAddonProducts.length > 0;\n }\n\n get product(): ProductSearchResultProduct {\n return ProductDetailsModule.PRODUCT;\n }\n\n get productId(): string {\n if (ProductDetailsModule.VARIANTS?.length > 0) {\n return ProductDetailsModule.SELECTED_VARIANT?.sku;\n }\n return this.product?.id;\n }\n\n get independentAddonProductIds(): string[] {\n if (ProductDetailsModule.VARIANTS?.length > 0) {\n return ProductDetailsModule.SELECTED_VARIANT?.independentaddonproducts ?? [];\n }\n return this.product?.independentaddonproducts ?? [];\n }\n\n get colli(): number {\n if (ProductDetailsModule.VARIANTS?.length > 0) {\n return ProductDetailsModule.SELECTED_VARIANT?.colli;\n }\n return this.product?.colli;\n }\n\n get showprices(): boolean {\n return this.product?.showprices ?? false;\n }\n\n get allowpurchase(): boolean {\n if (ProductDetailsModule.VARIANTS?.length > 0) {\n return ProductDetailsModule.SELECTED_VARIANT?.allowpurchase;\n }\n return this.product?.allowpurchase;\n }\n\n private getVariantId(prod: ProductSearchResultProduct): string {\n return 'combination-' + this.productId + '-' + prod.id;\n }\n\n private getPrice(price: DisplayPriceInfo)\n {\n if (price.showpricesincvat)\n return price.priceincvat\n\n return price.priceexvat;\n }\n\n @Watch(\"independentAddonProductIds\")\n private async onIndependentAddonProductIdsChange() {\n if (!this.independentAddonProductIds.length)\n this.independentAddonProducts = [];\n else\n this.independentAddonProducts = await this.ps.getProductsById(this.independentAddonProductIds);\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!./DetailsIndependentAddonProducts.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!./DetailsIndependentAddonProducts.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./DetailsIndependentAddonProducts.vue?vue&type=template&id=c64b1166&\"\nimport script from \"./DetailsIndependentAddonProducts.vue?vue&type=script&lang=ts&\"\nexport * from \"./DetailsIndependentAddonProducts.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./DetailsIndependentAddonProducts.vue?vue&type=style&index=0&id=c64b1166&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