{"version":3,"sources":["webpack:///resources/js/src/app/snaply/StoffCrossSeller.vue","webpack:///./resources/js/src/app/snaply/StoffCrossSeller.vue?eba3","webpack:///./resources/js/src/app/snaply/StoffCrossSeller.vue","webpack:///./resources/js/src/app/snaply/StoffCrossSeller.vue?eba4","webpack:///./resources/js/src/app/snaply/StoffCrossSeller.vue?c581"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA;AACA,oCADA;AAEA,wBACA;AACA;AACA,iBADA;AAEA,yBAFA;AAGA,mBAHA;AAIA,gBAJA;AAKA,uBALA;AAMA,iBANA;AAOA;AAPA;AASA,GAbA;AAcA,SAdA,qBAeA;AACA,4CACA;AACA;AACA;;AACA,+CACA;AACA;AACA;;AACA,qDACA;AACA;AACA;;AACA,6CACA;AACA;AACA;AACA,GAhCA;AAiCA,WACA;AACA,4CACA;AACA;;AACA,0BACA;AACA;AACA,OAHA,MAKA;AACA;AACA;AACA,KAZA;AAaA,kDACA;AACA;;AACA,gCACA;AACA;AACA;AADA,WAEA,GAFA,EAEA,YACA;AACA;AACA,SALA;AAMA,OARA,MAUA;AACA;AACA;AADA,WAEA,GAFA,EAEA,YACA;AACA;AACA,SALA;AAMA;AACA,KAlCA;AAmCA,+CACA;AACA;AACA;AAtCA,GAlCA;AA0EA,YACA;AACA,4CACA;AACA,yBACA;AACA,2BADA;AAEA;AAFA,OADA;AAKA;AACA,KATA;AAUA,oCACA;AACA;AACA;AAbA;AA3EA,CADA,E;;;;;;;;;;;;AC7EA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA,cAAc,kDAAkD;AAChE;AACA;AACA;AACA;AACA;AACA,sBAAsB,sCAAsC;AAC5D;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,8CAA8C;AACpE;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,wCAAwC;AAC9D;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,qCAAqC;AAC3D;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,oDAAoD;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,sBAAsB,kCAAkC;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT,kBAAkB,mCAAmC;AACrD;AACA;AACA;AACA;AACA,SAAS,0BAA0B;AACnC;AACA;AACA;AACA;AACA;AACA,mBAAmB,wBAAwB;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,wBAAwB;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,wBAAwB;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,wBAAwB;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AClTA;AAAA;AAAA;AAAA;AAA+F;AAC3B;AACL;;;AAG/D;AACmG;AACnG,gBAAgB,2GAAU;AAC1B,EAAE,sFAAM;AACR,EAAE,2FAAM;AACR,EAAE,oGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAkM,CAAgB,oPAAG,EAAC,C;;;;;;;;;;;;ACAtN;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-60.js","sourcesContent":["<template>\n    <div>\n        <ul class=\"list-unstyled d-flex w-100 pills\">\n            <li class=\"flex-fill\" v-if=\"crossseller.Similar.length > 0\" @click=\"toggleActive('Similar')\" :class=\"{'active': activeTab === 'Similar'}\">\n              {{ $translate(\"Snaply5::Template.crossGarne\") }}\n            </li>\n            <li class=\"flex-fill\" v-if=\"crossseller.ReplacementPart.length > 0\" @click=\"toggleActive('ReplacementPart')\" :class=\"{'active': activeTab === 'ReplacementPart'}\">\n              {{ $translate(\"Snaply5::Template.crossBuendchen\") }}\n            </li>\n            <li class=\"flex-fill\" v-if=\"crossseller.Accessory.length > 0\" @click=\"toggleActive('Accessory')\" :class=\"{'active': activeTab === 'Accessory'}\">\n              {{ $translate(\"Snaply5::Template.crossZubehoer\") }}\n            </li>\n            <li class=\"flex-fill\" v-if=\"crossseller.Bundle.length > 0\" @click=\"toggleActive('Bundle')\" :class=\"{'active': activeTab === 'Bundle'}\">\n              {{ $translate(\"Snaply5::Template.crossStoffe\") }}\n            </li>\n        </ul>\n        <div class=\"position-relative scroller-wrapper\">\n            <div class=\"cursor left d-none d-lg-flex\" v-if=\"!positionCheck.start\" @click=\"scrollMe('left',154)\">\n                <i class=\"fa fa-angle-left\"></i>\n            </div>\n            <div class=\"cursor right d-none d-lg-flex\" @click=\"scrollMe('right',154)\">\n                <i class=\"fa fa-angle-right\"></i>\n            </div>\n            <div class=\"scroller\">\n            <template v-if=\"activeTab === 'Similar'\">\n                <div class=\"d-flex\">\n                    <div v-for=\"Similar in crossseller.Similar\">\n                        <a :href=\"'/'+Similar.data.texts.urlPath+'/a-'+Similar.data.item.id+'/'\">\n                            <img :src=\"Similar.data.images.all[0].urlSecondPreview\">\n                            <span>\n                                {{ Similar.data.texts.name1 }}\n                            </span>\n                        </a>\n                    </div>\n                </div>\n            </template>\n            <template v-if=\"activeTab === 'ReplacementPart'\">\n                <div class=\"d-flex\">\n                    <div v-for=\"ReplacementPart in crossseller.ReplacementPart\">\n                        <a :href=\"'/'+ReplacementPart.data.texts.urlPath+'/a-'+ReplacementPart.data.item.id+'/'\">\n                            <img :src=\"ReplacementPart.data.images.all[0].urlSecondPreview\">\n                            <span>\n                                {{ ReplacementPart.data.texts.name1 }}\n                            </span>\n                        </a>\n                    </div>\n                </div>\n            </template>\n            <template v-if=\"activeTab === 'Accessory'\">\n                <div class=\"d-flex\">\n                    <div v-for=\"Accessory in crossseller.Accessory\">\n                        <a :href=\"'/'+Accessory.data.texts.urlPath+'/a-'+Accessory.data.item.id+'/'\">\n                            <img :src=\"Accessory.data.images.all[0].urlSecondPreview\">\n                            <span>\n                                {{ Accessory.data.texts.name1 }}\n                            </span>\n                        </a>\n                    </div>\n                </div>\n            </template>\n            <template v-if=\"activeTab === 'Bundle'\">\n                <div class=\"d-flex\">\n                    <div v-for=\"Bundle in crossseller.Bundle\">\n                        <a :href=\"'/'+Bundle.data.texts.urlPath+'/a-'+Bundle.data.item.id+'/'\">\n                            <img :src=\"Bundle.data.images.all[0].urlSecondPreview\">\n                            <span>\n                                {{ Bundle.data.texts.name1 }}\n                            </span>\n                        </a>\n                    </div>\n                </div>\n            </template>\n        </div>\n        </div>\n    </div>\n</template>\n<script>\n    export default\n    {\n        props: ['template','crossseller'],\n        data: function()\n        {\n            return {\n                Similar: [],\n                ReplacementPart: [],\n                Accessory:[],\n                Bundle:[],\n                active:'Similar',\n                start:true,\n                end:false\n            };\n        },\n        mounted()\n        {\n          if(this.crossseller.Bundle.length > 0)\n          {\n            this.active = 'Bundle'\n          }\n          if(this.crossseller.Accessory.length > 0)\n          {\n            this.active = 'Accessory'\n          }\n          if(this.crossseller.ReplacementPart.length > 0)\n          {\n            this.active = 'ReplacementPart'\n          }\n          if(this.crossseller.Similar.length > 0)\n          {\n            this.active = 'Similar'\n          }\n        },\n      methods:\n            {\n                proofPosition:function()\n                {\n                  let position = $('.scroller-wrapper .scroller > div').position().left;\n                  if(position === 0)\n                  {\n                      this.start = true;\n                  }\n                  else\n                  {\n                      this.start = false;\n                  }\n                },\n                scrollMe:function(direction,pixel)\n                {\n                    let _self = this;\n                    if(direction==='left')\n                    {\n                        $('.scroller').animate({\n                            scrollLeft: '-='+pixel+'px'\n                        }, 300,function()\n                        {\n                            _self.proofPosition()\n                        });\n                    }\n                    else\n                    {\n                        $('.scroller').animate({\n                            scrollLeft: '+='+pixel+'px'\n                        }, 300,function()\n                        {\n                            _self.proofPosition()\n                        });\n                    }\n                },\n                toggleActive:function(value)\n                {\n                    this.active = value;\n                },\n            },\n        computed:\n        {\n            positionCheck:function()\n            {\n                let positiondata =\n                {\n                    \"start\": this.start,\n                    \"end\": this.end\n                }\n                return positiondata;\n            },\n            activeTab:function()\n            {\n              return this.active;\n            }\n        }\n    }\n</script>","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    _c(\"ul\", { staticClass: \"list-unstyled d-flex w-100 pills\" }, [\n      _vm.crossseller.Similar.length > 0\n        ? _c(\n            \"li\",\n            {\n              staticClass: \"flex-fill\",\n              class: { active: _vm.activeTab === \"Similar\" },\n              on: {\n                click: function($event) {\n                  return _vm.toggleActive(\"Similar\")\n                }\n              }\n            },\n            [\n              _vm._v(\n                \"\\n          \" +\n                  _vm._s(_vm.$translate(\"Snaply5::Template.crossGarne\")) +\n                  \"\\n        \"\n              )\n            ]\n          )\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.crossseller.ReplacementPart.length > 0\n        ? _c(\n            \"li\",\n            {\n              staticClass: \"flex-fill\",\n              class: { active: _vm.activeTab === \"ReplacementPart\" },\n              on: {\n                click: function($event) {\n                  return _vm.toggleActive(\"ReplacementPart\")\n                }\n              }\n            },\n            [\n              _vm._v(\n                \"\\n          \" +\n                  _vm._s(_vm.$translate(\"Snaply5::Template.crossBuendchen\")) +\n                  \"\\n        \"\n              )\n            ]\n          )\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.crossseller.Accessory.length > 0\n        ? _c(\n            \"li\",\n            {\n              staticClass: \"flex-fill\",\n              class: { active: _vm.activeTab === \"Accessory\" },\n              on: {\n                click: function($event) {\n                  return _vm.toggleActive(\"Accessory\")\n                }\n              }\n            },\n            [\n              _vm._v(\n                \"\\n          \" +\n                  _vm._s(_vm.$translate(\"Snaply5::Template.crossZubehoer\")) +\n                  \"\\n        \"\n              )\n            ]\n          )\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.crossseller.Bundle.length > 0\n        ? _c(\n            \"li\",\n            {\n              staticClass: \"flex-fill\",\n              class: { active: _vm.activeTab === \"Bundle\" },\n              on: {\n                click: function($event) {\n                  return _vm.toggleActive(\"Bundle\")\n                }\n              }\n            },\n            [\n              _vm._v(\n                \"\\n          \" +\n                  _vm._s(_vm.$translate(\"Snaply5::Template.crossStoffe\")) +\n                  \"\\n        \"\n              )\n            ]\n          )\n        : _vm._e()\n    ]),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"position-relative scroller-wrapper\" }, [\n      !_vm.positionCheck.start\n        ? _c(\n            \"div\",\n            {\n              staticClass: \"cursor left d-none d-lg-flex\",\n              on: {\n                click: function($event) {\n                  return _vm.scrollMe(\"left\", 154)\n                }\n              }\n            },\n            [_c(\"i\", { staticClass: \"fa fa-angle-left\" })]\n          )\n        : _vm._e(),\n      _vm._v(\" \"),\n      _c(\n        \"div\",\n        {\n          staticClass: \"cursor right d-none d-lg-flex\",\n          on: {\n            click: function($event) {\n              return _vm.scrollMe(\"right\", 154)\n            }\n          }\n        },\n        [_c(\"i\", { staticClass: \"fa fa-angle-right\" })]\n      ),\n      _vm._v(\" \"),\n      _c(\n        \"div\",\n        { staticClass: \"scroller\" },\n        [\n          _vm.activeTab === \"Similar\"\n            ? [\n                _c(\n                  \"div\",\n                  { staticClass: \"d-flex\" },\n                  _vm._l(_vm.crossseller.Similar, function(Similar) {\n                    return _c(\"div\", [\n                      _c(\n                        \"a\",\n                        {\n                          attrs: {\n                            href:\n                              \"/\" +\n                              Similar.data.texts.urlPath +\n                              \"/a-\" +\n                              Similar.data.item.id +\n                              \"/\"\n                          }\n                        },\n                        [\n                          _c(\"img\", {\n                            attrs: {\n                              src: Similar.data.images.all[0].urlSecondPreview\n                            }\n                          }),\n                          _vm._v(\" \"),\n                          _c(\"span\", [\n                            _vm._v(\n                              \"\\n                            \" +\n                                _vm._s(Similar.data.texts.name1) +\n                                \"\\n                        \"\n                            )\n                          ])\n                        ]\n                      )\n                    ])\n                  }),\n                  0\n                )\n              ]\n            : _vm._e(),\n          _vm._v(\" \"),\n          _vm.activeTab === \"ReplacementPart\"\n            ? [\n                _c(\n                  \"div\",\n                  { staticClass: \"d-flex\" },\n                  _vm._l(_vm.crossseller.ReplacementPart, function(\n                    ReplacementPart\n                  ) {\n                    return _c(\"div\", [\n                      _c(\n                        \"a\",\n                        {\n                          attrs: {\n                            href:\n                              \"/\" +\n                              ReplacementPart.data.texts.urlPath +\n                              \"/a-\" +\n                              ReplacementPart.data.item.id +\n                              \"/\"\n                          }\n                        },\n                        [\n                          _c(\"img\", {\n                            attrs: {\n                              src:\n                                ReplacementPart.data.images.all[0]\n                                  .urlSecondPreview\n                            }\n                          }),\n                          _vm._v(\" \"),\n                          _c(\"span\", [\n                            _vm._v(\n                              \"\\n                            \" +\n                                _vm._s(ReplacementPart.data.texts.name1) +\n                                \"\\n                        \"\n                            )\n                          ])\n                        ]\n                      )\n                    ])\n                  }),\n                  0\n                )\n              ]\n            : _vm._e(),\n          _vm._v(\" \"),\n          _vm.activeTab === \"Accessory\"\n            ? [\n                _c(\n                  \"div\",\n                  { staticClass: \"d-flex\" },\n                  _vm._l(_vm.crossseller.Accessory, function(Accessory) {\n                    return _c(\"div\", [\n                      _c(\n                        \"a\",\n                        {\n                          attrs: {\n                            href:\n                              \"/\" +\n                              Accessory.data.texts.urlPath +\n                              \"/a-\" +\n                              Accessory.data.item.id +\n                              \"/\"\n                          }\n                        },\n                        [\n                          _c(\"img\", {\n                            attrs: {\n                              src: Accessory.data.images.all[0].urlSecondPreview\n                            }\n                          }),\n                          _vm._v(\" \"),\n                          _c(\"span\", [\n                            _vm._v(\n                              \"\\n                            \" +\n                                _vm._s(Accessory.data.texts.name1) +\n                                \"\\n                        \"\n                            )\n                          ])\n                        ]\n                      )\n                    ])\n                  }),\n                  0\n                )\n              ]\n            : _vm._e(),\n          _vm._v(\" \"),\n          _vm.activeTab === \"Bundle\"\n            ? [\n                _c(\n                  \"div\",\n                  { staticClass: \"d-flex\" },\n                  _vm._l(_vm.crossseller.Bundle, function(Bundle) {\n                    return _c(\"div\", [\n                      _c(\n                        \"a\",\n                        {\n                          attrs: {\n                            href:\n                              \"/\" +\n                              Bundle.data.texts.urlPath +\n                              \"/a-\" +\n                              Bundle.data.item.id +\n                              \"/\"\n                          }\n                        },\n                        [\n                          _c(\"img\", {\n                            attrs: {\n                              src: Bundle.data.images.all[0].urlSecondPreview\n                            }\n                          }),\n                          _vm._v(\" \"),\n                          _c(\"span\", [\n                            _vm._v(\n                              \"\\n                            \" +\n                                _vm._s(Bundle.data.texts.name1) +\n                                \"\\n                        \"\n                            )\n                          ])\n                        ]\n                      )\n                    ])\n                  }),\n                  0\n                )\n              ]\n            : _vm._e()\n        ],\n        2\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./StoffCrossSeller.vue?vue&type=template&id=2111877c&\"\nimport script from \"./StoffCrossSeller.vue?vue&type=script&lang=js&\"\nexport * from \"./StoffCrossSeller.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/stefanschmidt/Entwicklung/plenty24/22413/203/Snaply5/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('2111877c')) {\n      api.createRecord('2111877c', component.options)\n    } else {\n      api.reload('2111877c', component.options)\n    }\n    module.hot.accept(\"./StoffCrossSeller.vue?vue&type=template&id=2111877c&\", function () {\n      api.rerender('2111877c', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/snaply/StoffCrossSeller.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!./StoffCrossSeller.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!./StoffCrossSeller.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!./StoffCrossSeller.vue?vue&type=template&id=2111877c&\""],"sourceRoot":""}