{"version":3,"sources":["webpack:///resources/js/src/app/components/item/VariationCrossSelling.vue","webpack:///./resources/js/src/app/components/item/VariationCrossSelling.vue?8153","webpack:///./resources/js/src/app/components/item/VariationCrossSelling.vue","webpack:///./resources/js/src/app/components/item/VariationCrossSelling.vue?9036","webpack:///./resources/js/src/app/components/item/VariationCrossSelling.vue?0321"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA;AACA,+BADA;AAGA;AACA,4BADA;AAEA,gBAFA;AAGA;AACA,mBADA;AAEA;AAFA;AAHA,GAHA;AAYA;AACA;AACA;AADA;AADA,GAZA;AAkBA,MAlBA,kBAkBA;AACA,YACA;AADA;AAGA,GAtBA;AAwBA;AACA,sBADA,gCACA;AACA;AACA;AACA,KAJA;AAKA,uBALA,iCAKA;AACA;AACA;AACA,KARA;AASA,cATA,wBASA;AAAA;;AACA;AACA;;AACA;;AAEA;AACA,mDADA;AAEA,2DAFA;AAGA;AAHA;AAKA,OATA;AAUA,KApBA;AAqBA,oBArBA,8BAqBA;AACA;AACA;AACA;;AACA;AACA;AA1BA,GAxBA;AAoDA;AAEA,eAFA,uBAEA,KAFA,EAEA;AAEA;AAEA;AACA;AACA,KARA;AAUA,gBAVA,wBAUA,MAVA,EAUA,IAVA,EAWA;AACA;;AACA,yGACA;AACA;AACA;AAAA;AAAA;;AACA,kEACA;AACA;AACA;AACA;;AACA;AACA,KAvBA;AAyBA,eAzBA,uBAyBA,IAzBA,EAyBA;AACA;;AACA;AAEA;;AAEA;AACA;AACA;AACA;;AACA;AACA,KApCA;AAsCA,gBAtCA,wBAsCA,IAtCA,EAsCA;AACA;;AAEA;AAEA;;AAEA;AACA;AACA;AACA;;AACA;AACA;AAlDA;AApDA,G;;;;;;;;;;;;ACtBA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,sCAAsC;AAC3C;AACA,gBAAgB,qCAAqC;AACrD;AACA;AACA;AACA,0BAA0B,wCAAwC;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;AACX;AACA;AACA;AACA,sBAAsB;AACtB,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,qCAAqC;AACzD;AACA;AACA;AACA,8BAA8B,wCAAwC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA,0BAA0B;AAC1B,iBAAiB;AACjB;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AC9DA;AAAA;AAAA;AAAA;AAAoG;AAC3B;AACL;;;AAGpE;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,2FAAM;AACR,EAAE,gGAAM;AACR,EAAE,yGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAA6M,CAAgB,yPAAG,EAAC,C;;;;;;;;;;;;ACAjO;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-client-50.js","sourcesContent":["<template>\n    <ul class=\"var-cross__container\">\n        <li class=\"var-cross__img-wrap\" >\n            <div v-tooltip :title=\"replaceName(activeItemColorName)\" data-toggle=\"tooltip\" data-placement=\"top\" :data-original-title=\"activeItemColorName\" class=\"var-cross__img-container var-cross__img-container--active\">\n                <div class=\"var-cross__img\"\n                     :style=\"{ backgroundImage: 'url(' + activeItemColorUrl + ')' }\">\n                </div>\n            </div>\n        </li>\n        <template v-for=\"item in crossItems\">\n            <li class=\"var-cross__img-wrap\" >\n                <a v-tooltip :title=\"replaceName(item.colorname)\" data-toggle=\"tooltip\" data-placement=\"top\" :data-original-title=\"item.colorname\" :href=\"item.url\" class=\"var-cross__img-container\">\n                    <div class=\"var-cross__img\"\n                         :style=\"{ backgroundImage: 'url(' + item.imgUrl + ')' }\">\n                    </div>\n                </a>\n            </li>\n        </template>\n    </ul>\n</template>\n\n<script>\n    export default {\n        name: \"VariationCrossSelling\",\n\n        props: {\n            crossSellingItems: Array,\n            itemData: {},\n            isQuick:{\n                type: Boolean,\n                default: false\n            }\n        },\n\n        inject: {\n            itemId: {\n                default: null\n            }\n        },\n\n        data(){\n            return{\n                //itemData: {}\n            }\n        },\n\n        computed: {\n            activeItemColorUrl(){\n                const colorUrl = this.getColorUrl(this.currentVariation);\n                return colorUrl || this.currentVariation.images.all[0].urlPreview;\n            },\n            activeItemColorName(){\n                const colorName = this.getColorName(this.currentVariation);\n                return colorName;\n            },\n            crossItems(){\n                return this.crossSellingItems.map( item => {\n                    let colorUrl = this.getColorUrl(item);\n                    let colorName = this.getColorName(item);\n\n                    return {\n                        url: this.$options.filters.itemURL(item),\n                        imgUrl: colorUrl || item.images.all[0].urlPreview,\n                        colorname: colorName\n                    };\n                });\n            },\n            currentVariation() {\n                if(this.isQuick){\n                    return this.itemData;\n                }\n                return this.$store.getters[`${this.itemId}/currentItemVariation`];\n            },\n        },\n        methods: {\n\n            replaceName(value){\n\n                value = value.replace(\"_\",\"-\").replace(\"ss\", \"ß\")\n\n                let bigLetter = value.substring(value.lastIndexOf('-')+1, value.lastIndexOf('-')+2)\n                return value.replace('-'+bigLetter, '-'+bigLetter.toUpperCase())\n            },\n\n            findProperty(propID, item)\n            {\n                item = item || this.currentVariation;\n                if (item && typeof item.variationProperties != 'undefined' && item.variationProperties.length > 0)\n                {\n                    const props = item.variationProperties[0].properties;\n                    const propData = props.find(p => p.id === propID);\n                    if (propData && propData.values && propData.values.value)\n                    {\n                        return propData.values.value;\n                    }\n                }\n                return \"\";\n            },\n\n            getColorUrl(item){\n                let colorUrl = null;\n                if(item.variationProperties && item.variationProperties.length > 0){\n\n                    const colorProp = this.findProperty(10, item);\n\n                    if (colorProp){\n                        colorUrl = \"https://bilder.weberbuero.de/frontend/images/colors/thumbs/\" + colorProp.toLowerCase() + \".jpg\";\n                    }\n                }\n                return colorUrl;\n            },\n\n            getColorName(item){\n                let colorName = \"\";\n\n                if(item.variationProperties && item.variationProperties.length > 0){\n\n                    const colorProp = this.findProperty(10, item);\n\n                    if (colorProp){\n                        colorName = colorProp.charAt(0).toUpperCase() + colorProp.slice(1);\n                    }\n                }\n                return colorName;\n            }\n        }\n    }\n\n</script>\n\n\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"ul\",\n    { staticClass: \"var-cross__container\" },\n    [\n      _c(\"li\", { staticClass: \"var-cross__img-wrap\" }, [\n        _c(\n          \"div\",\n          {\n            directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n            staticClass:\n              \"var-cross__img-container var-cross__img-container--active\",\n            attrs: {\n              title: _vm.replaceName(_vm.activeItemColorName),\n              \"data-toggle\": \"tooltip\",\n              \"data-placement\": \"top\",\n              \"data-original-title\": _vm.activeItemColorName\n            }\n          },\n          [\n            _c(\"div\", {\n              staticClass: \"var-cross__img\",\n              style: { backgroundImage: \"url(\" + _vm.activeItemColorUrl + \")\" }\n            })\n          ]\n        )\n      ]),\n      _vm._v(\" \"),\n      _vm._l(_vm.crossItems, function(item) {\n        return [\n          _c(\"li\", { staticClass: \"var-cross__img-wrap\" }, [\n            _c(\n              \"a\",\n              {\n                directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n                staticClass: \"var-cross__img-container\",\n                attrs: {\n                  title: _vm.replaceName(item.colorname),\n                  \"data-toggle\": \"tooltip\",\n                  \"data-placement\": \"top\",\n                  \"data-original-title\": item.colorname,\n                  href: item.url\n                }\n              },\n              [\n                _c(\"div\", {\n                  staticClass: \"var-cross__img\",\n                  style: { backgroundImage: \"url(\" + item.imgUrl + \")\" }\n                })\n              ]\n            )\n          ])\n        ]\n      })\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./VariationCrossSelling.vue?vue&type=template&id=1bd31c39&\"\nimport script from \"./VariationCrossSelling.vue?vue&type=script&lang=js&\"\nexport * from \"./VariationCrossSelling.vue?vue&type=script&lang=js&\"\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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/fhartwig/Sites/pp-weberbuero/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1bd31c39')) {\n      api.createRecord('1bd31c39', component.options)\n    } else {\n      api.reload('1bd31c39', component.options)\n    }\n    module.hot.accept(\"./VariationCrossSelling.vue?vue&type=template&id=1bd31c39&\", function () {\n      api.rerender('1bd31c39', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/VariationCrossSelling.vue\"\nexport default component.exports","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariationCrossSelling.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariationCrossSelling.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VariationCrossSelling.vue?vue&type=template&id=1bd31c39&\""],"sourceRoot":""}