{"version":3,"sources":["webpack:///./resources/js/src/app/bigtex/magiczoom.vue?f705","webpack:///./resources/js/src/app/bigtex/magiczoom.vue?ca08","webpack:///resources/js/src/app/bigtex/magiczoom.vue","webpack:///./resources/js/src/app/bigtex/magiczoom.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","id","itemscope","itemtype","staticClass","class","magiczoom","images","all","length","schuhsize","directives","name","rawName","title","_v","_s","_e","variationSelected","selected","variation","item","quantity","on","click","slidePrev","ref","vertical","infiniteScroll","itemsToShow","trimWhiteSpace","ytvideo","$event","showVideo","$store","dispatch","loading","_l","imagePreview","index","href","url","rel","urlMiddle","alt","src","urlPreview","slideNext","prevNext","_f","$translate","itemprop","texts","name1","blackday","tag","active","names","storeSpecial","style","top","domProps","innerHTML","prices","rrp","price","value","default","_withStripped","component","options","__file"],"mappings":"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","file":"chunks/ceres-36.min.js","sourcesContent":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { attrs: { id: \"magic-zoom\" } }, [\n    _c(\n      \"div\",\n      { attrs: { itemscope: \"\", itemtype: \"http://schema.org/Thing\" } },\n      [\n        _c(\n          \"div\",\n          {\n            staticClass: \"ItemImgWrap justify-content-center\",\n            class: { \"more-images\": _vm.magiczoom.images.all.length > 1 }\n          },\n          [\n            _vm.schuhsize\n              ? _c(\n                  \"div\",\n                  {\n                    directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n                    staticClass: \"single-shoesize\",\n                    attrs: {\n                      \"data-toggle\": \"tooltip\",\n                      \"data-placement\": \"top\",\n                      \"data-html\": \"true\",\n                      title:\n                        \"<div class'text-left'><p class='text-left'>Schuhweite F: Schuhe für normal schlanke Füße</p><p class='text-left'>Schuhweite G: Schuhe mit Komfortweite für normale Füße</p><p class='text-left'>Schuhweite H: Schuhe mit Bequemweite für etwas kräftigere Füße</p><p class='text-left'>Schuhweite J: Schuhe für Füße mit Überweite</p><p class='text-left'>Schuhweite K: Schuhe mit Spezialweite für sehr kräftige Füße</p><p class='text-left'>Schuhweite M: Schuhe für Füße mit Extra-Überweite</p></div>\"\n                    }\n                  },\n                  [_vm._v(_vm._s(_vm.schuhsize))]\n                )\n              : _vm._e(),\n            _vm._v(\" \"),\n            _vm.variationSelected.selected\n              ? [\n                  _c(\"csaddtolist\", {\n                    attrs: {\n                      \"variation-id\": _vm.magiczoom.variation.id,\n                      \"current-item-id\": _vm.magiczoom.item.id,\n                      quantity: _vm.variationSelected.quantity\n                    }\n                  })\n                ]\n              : [\n                  _c(\"csaddtolist\", {\n                    attrs: {\n                      \"variation-id\": 0,\n                      \"current-item-id\": _vm.magiczoom.item.id,\n                      quantity: _vm.variationSelected.quantity\n                    }\n                  })\n                ],\n            _vm._v(\" \"),\n            _vm.magiczoom.images.all.length > 1\n              ? [\n                  _vm.magiczoom.images.all.length >= 4\n                    ? _c(\n                        \"div\",\n                        { staticClass: \"magic-more-images d-none d-lg-block\" },\n                        [\n                          _vm.magiczoom.images.all.length > 4\n                            ? _c(\n                                \"div\",\n                                {\n                                  staticClass: \"text-center fa-lg mb-2 cursor\",\n                                  on: { click: _vm.slidePrev }\n                                },\n                                [\n                                  _c(\"i\", {\n                                    staticClass:\n                                      \"fa fa-angle-right fa-rotate-270 flipiconZoom \"\n                                  })\n                                ]\n                              )\n                            : _vm._e(),\n                          _vm._v(\" \"),\n                          _c(\n                            \"hooper\",\n                            {\n                              ref: \"carousel\",\n                              staticClass: \"d-none d-lg-block\",\n                              attrs: {\n                                vertical: true,\n                                infiniteScroll: false,\n                                itemsToShow: 4,\n                                trimWhiteSpace: true\n                              }\n                            },\n                            [\n                              _vm.ytvideo != \"\"\n                                ? _c(\"slide\", [\n                                    _c(\n                                      \"a\",\n                                      {\n                                        staticClass:\n                                          \"border video d-flex mb-2 videoImage cursor\",\n                                        on: {\n                                          click: function($event) {\n                                            return _vm.showVideo()\n                                          },\n                                          \"~mouseover\": function($event) {\n                                            return _vm.$store.dispatch(\n                                              \"loadComponent\",\n                                              \"yt-video\"\n                                            )\n                                          }\n                                        }\n                                      },\n                                      [\n                                        !_vm.loading\n                                          ? _c(\"i\", {\n                                              staticClass: \"fa fa-play-circle-o\"\n                                            })\n                                          : _c(\"i\", {\n                                              staticClass:\n                                                \"fa fa-circle-o-notch fa-spin\"\n                                            })\n                                      ]\n                                    )\n                                  ])\n                                : _vm._e(),\n                              _vm._v(\" \"),\n                              _vm._l(_vm.magiczoom.images.all, function(\n                                imagePreview,\n                                index\n                              ) {\n                                return _c(\"slide\", [\n                                  _c(\n                                    \"a\",\n                                    {\n                                      staticClass: \"border d-block\",\n                                      class: {\n                                        \"mz-thumb-selected\": index == 0\n                                      },\n                                      attrs: {\n                                        href:\n                                          _vm.magiczoom.images.all[index].url,\n                                        rel: \"zoom-id:ItemImgZoom\",\n                                        \"data-image\":\n                                          _vm.magiczoom.images.all[index]\n                                            .urlMiddle\n                                      }\n                                    },\n                                    [\n                                      _c(\"img\", {\n                                        attrs: {\n                                          alt: \"imagePreview-\" + index,\n                                          \"data-src\": imagePreview.url,\n                                          src: imagePreview.urlPreview\n                                        }\n                                      })\n                                    ]\n                                  )\n                                ])\n                              })\n                            ],\n                            2\n                          ),\n                          _vm._v(\" \"),\n                          _vm.magiczoom.images.all.length > 4\n                            ? _c(\n                                \"div\",\n                                {\n                                  staticClass: \"text-center fa-lg cursor\",\n                                  on: { click: _vm.slideNext }\n                                },\n                                [\n                                  _c(\"i\", {\n                                    staticClass:\n                                      \"fa fa-angle-right fa-rotate-90\"\n                                  })\n                                ]\n                              )\n                            : _vm._e()\n                        ],\n                        1\n                      )\n                    : _c(\n                        \"div\",\n                        { staticClass: \"magic-more-images d-none d-lg-block\" },\n                        [\n                          _vm.ytvideo != \"\"\n                            ? [\n                                _c(\n                                  \"a\",\n                                  {\n                                    staticClass:\n                                      \"border video d-flex mb-2 videoImage\",\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.showVideo()\n                                      },\n                                      \"~mouseover\": function($event) {\n                                        return _vm.$store.dispatch(\n                                          \"loadComponent\",\n                                          \"yt-video\"\n                                        )\n                                      }\n                                    }\n                                  },\n                                  [\n                                    !_vm.loading\n                                      ? _c(\"i\", {\n                                          staticClass: \"fa fa-play-circle-o\"\n                                        })\n                                      : _c(\"i\", {\n                                          staticClass:\n                                            \"fa fa-circle-o-notch fa-spin\"\n                                        })\n                                  ]\n                                )\n                              ]\n                            : _vm._e(),\n                          _vm._v(\" \"),\n                          _vm._l(_vm.magiczoom.images.all, function(\n                            imagePreview,\n                            index\n                          ) {\n                            return [\n                              _c(\n                                \"a\",\n                                {\n                                  staticClass: \"mb-2 border\",\n                                  attrs: {\n                                    href: _vm.magiczoom.images.all[index].url,\n                                    rel: \"zoom-id:ItemImgZoom\",\n                                    \"data-image\":\n                                      _vm.magiczoom.images.all[index].urlMiddle\n                                  }\n                                },\n                                [\n                                  _c(\"img\", {\n                                    attrs: {\n                                      alt: \"imagePreview-\" + index,\n                                      \"data-src\": imagePreview.url,\n                                      src: imagePreview.urlPreview\n                                    }\n                                  })\n                                ]\n                              )\n                            ]\n                          })\n                        ],\n                        2\n                      )\n                ]\n              : _vm._e(),\n            _vm._v(\" \"),\n            _vm.magiczoom.images.all.length > 1\n              ? _c(\n                  \"button\",\n                  {\n                    staticClass: \"zoom-xs-left d-lg-none\",\n                    on: {\n                      click: function($event) {\n                        return _vm.prevNext(\"left\")\n                      }\n                    }\n                  },\n                  [\n                    _c(\"i\", {\n                      staticClass: \"fa fa-angle-left\",\n                      attrs: { \"aria-hidden\": \"true\" }\n                    })\n                  ]\n                )\n              : _vm._e(),\n            _vm._v(\" \"),\n            _c(\n              \"a\",\n              {\n                staticClass:\n                  \"MagicZoomPlus flex-fill d-flex align-items-start justify-content-center\",\n                attrs: {\n                  href: _vm._f(\"itemImage\")(\n                    _vm._f(\"itemImages\")(_vm.magiczoom.images, \"url\")\n                  ),\n                  id: \"ItemImgZoom\",\n                  \"data-mobile-options\":\n                    \"zoomMode:off; lazyZoom: true; textTouchZoomHint:\" +\n                    _vm.$translate(\"Bigtex5::Template.singleZoomHint\") +\n                    \"; textClickZoomHint: \" +\n                    _vm.$translate(\"Bigtex5::Template.singleZoomHint2\") +\n                    \"; textExpandHint: \" +\n                    _vm.$translate(\"Bigtex5::Template.singleZoomHint\"),\n                  \"data-options\":\n                    \"lazyZoom: true;cssClass: white-bg; zoom-height:500px; textHoverZoomHint:\" +\n                    _vm.$translate(\"Bigtex5::Template.singleZoomHint3\") +\n                    \"; textExpandHint:\" +\n                    _vm.$translate(\"Bigtex5::Template.singleZoomHint3\") +\n                    \"; zoomPosition: #zoom-placeholder;\"\n                }\n              },\n              [\n                _c(\"img\", {\n                  staticClass: \"img-fluid\",\n                  attrs: {\n                    src: _vm._f(\"itemImage\")(\n                      _vm._f(\"itemImages\")(_vm.magiczoom.images, \"urlMiddle\")\n                    ),\n                    itemprop: \"image\",\n                    alt: _vm.magiczoom.texts.name1,\n                    title: _vm.magiczoom.texts.name1\n                  }\n                }),\n                _vm._v(\" \"),\n                _vm.blackday.tag.length > 0 && _vm.blackday.active\n                  ? [\n                      _c(\"div\", { staticClass: \"action action-3\" }, [\n                        _c(\"div\", { staticClass: \"blackday\" }, [\n                          _c(\"i\", {\n                            staticClass: \"fa fa-fire\",\n                            attrs: { \"aria-hidden\": \"true\" }\n                          }),\n                          _vm._v(\n                            \"\\n                      \" +\n                              _vm._s(_vm.blackday.tag[0].names.name) +\n                              \"\\n                    \"\n                          )\n                        ])\n                      ])\n                    ]\n                  : _vm._e(),\n                _vm._v(\" \"),\n                _vm.magiczoom.item.storeSpecial\n                  ? _c(\n                      \"div\",\n                      {\n                        class:\n                          \"action action-\" + _vm.magiczoom.item.storeSpecial.id,\n                        style: {\n                          top:\n                            _vm.blackday.tag.length > 0 && _vm.blackday.active\n                              ? \"40px\"\n                              : \"0px\"\n                        }\n                      },\n                      [\n                        _vm.magiczoom.item.storeSpecial.id != \"1\"\n                          ? _c(\"span\", {\n                              domProps: {\n                                innerHTML: _vm._s(\n                                  _vm.magiczoom.item.storeSpecial.names.name\n                                )\n                              }\n                            })\n                          : _vm._e(),\n                        _vm._v(\" \"),\n                        _vm.magiczoom.prices.rrp != null\n                          ? [\n                              _vm.magiczoom.prices.rrp.price.value >\n                              _vm.magiczoom.prices.default.price.value\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \"\\n                          -\" +\n                                        _vm._s(\n                                          _vm._f(\"numberFormat\")(\n                                            ((_vm.magiczoom.prices.rrp.price\n                                              .value -\n                                              _vm.magiczoom.prices.default.price\n                                                .value) /\n                                              _vm.magiczoom.prices.rrp.price\n                                                .value) *\n                                              100,\n                                            0\n                                          )\n                                        ) +\n                                        \"%\\n                      \"\n                                    )\n                                  ])\n                                : _vm._e()\n                            ]\n                          : _vm._e()\n                      ],\n                      2\n                    )\n                  : _vm._e()\n              ],\n              2\n            ),\n            _vm._v(\" \"),\n            _vm.magiczoom.images.all.length > 1\n              ? _c(\n                  \"button\",\n                  {\n                    staticClass: \"zoom-xs-right d-lg-none\",\n                    on: {\n                      click: function($event) {\n                        return _vm.prevNext(\"right\")\n                      }\n                    }\n                  },\n                  [\n                    _c(\"i\", {\n                      staticClass: \"fa fa-angle-right\",\n                      attrs: { \"aria-hidden\": \"true\" }\n                    })\n                  ]\n                )\n              : _vm._e()\n          ],\n          2\n        ),\n        _vm._v(\" \"),\n        _c(\"div\", { staticClass: \"zoom-navigation-dots d-md-none\" })\n      ]\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./magiczoom.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!./magiczoom.vue?vue&type=script&lang=js&\"","<template>\n    <div id=\"magic-zoom\">\n        <div itemscope itemtype=\"http://schema.org/Thing\">\n            <div class=\"ItemImgWrap justify-content-center\" :class=\"{'more-images': magiczoom.images.all.length > 1 }\">\n              <div v-if=\"schuhsize\" class=\"single-shoesize\" v-tooltip data-toggle=\"tooltip\" data-placement=\"top\" data-html=\"true\" title=\"<div class'text-left'><p class='text-left'>Schuhweite F: Schuhe für normal schlanke Füße</p><p class='text-left'>Schuhweite G: Schuhe mit Komfortweite für normale Füße</p><p class='text-left'>Schuhweite H: Schuhe mit Bequemweite für etwas kräftigere Füße</p><p class='text-left'>Schuhweite J: Schuhe für Füße mit Überweite</p><p class='text-left'>Schuhweite K: Schuhe mit Spezialweite für sehr kräftige Füße</p><p class='text-left'>Schuhweite M: Schuhe für Füße mit Extra-Überweite</p></div>\">{{ schuhsize }}</div>\n              <template v-if=\"variationSelected.selected\">\n                <csaddtolist :variation-id=\"magiczoom.variation.id\" :current-item-id=\"magiczoom.item.id\" :quantity=\"variationSelected.quantity\"></csaddtolist>\n              </template>\n              <template v-else>\n                <csaddtolist :variation-id=\"0\" :current-item-id=\"magiczoom.item.id\" :quantity=\"variationSelected.quantity\"></csaddtolist>\n              </template>\n              <template v-if=\"magiczoom.images.all.length > 1\">\n                    <div class=\"magic-more-images d-none d-lg-block\" v-if=\"magiczoom.images.all.length >= 4\">\n                        <div @click=\"slidePrev\" class=\"text-center fa-lg mb-2 cursor\" v-if=\"magiczoom.images.all.length > 4\">\n                            <i class=\"fa fa-angle-right fa-rotate-270 flipiconZoom \"></i>\n                        </div>\n                        <hooper class=\"d-none d-lg-block\" :vertical=\"true\" :infiniteScroll=\"false\" :itemsToShow=\"4\" :trimWhiteSpace=\"true\" ref=\"carousel\">\n                            <slide v-if=\"ytvideo !=''\">\n                                <a class=\"border video d-flex mb-2 videoImage cursor\" @click=\"showVideo()\" @mouseover.once=\"$store.dispatch('loadComponent', 'yt-video')\">\n                                    <i class=\"fa fa-play-circle-o\" v-if=\"!loading\"></i>\n                                    <i class=\"fa fa-circle-o-notch fa-spin\" v-else></i>\n                                </a>\n                            </slide>\n                            <slide v-for=\"(imagePreview, index) in magiczoom.images.all\">\n                                <a :href=\"magiczoom.images.all[index].url\" rel=\"zoom-id:ItemImgZoom\" :data-image=\"magiczoom.images.all[index].urlMiddle\" class=\"border d-block\" :class=\"{'mz-thumb-selected' : index == 0 }\">\n                                    <img\n                                        :alt=\"'imagePreview-'+index\"\n                                        :data-src=\"imagePreview.url\"\n                                        :src=\"imagePreview.urlPreview\">\n                                </a>\n                            </slide>\n                        </hooper>\n                        <div @click=\"slideNext\" class=\"text-center fa-lg cursor\" v-if=\"magiczoom.images.all.length > 4\">\n                            <i class=\"fa fa-angle-right fa-rotate-90\"></i>\n                        </div>\n                    </div>\n                    <div class=\"magic-more-images d-none d-lg-block\" v-else>\n                        <template v-if=\"ytvideo !=''\">\n                            <a class=\"border video d-flex mb-2 videoImage\" @click=\"showVideo()\" @mouseover.once=\"$store.dispatch('loadComponent', 'yt-video')\">\n                                <i class=\"fa fa-play-circle-o\" v-if=\"!loading\"></i>\n                                <i class=\"fa fa-circle-o-notch fa-spin\" v-else></i>\n                            </a>\n                        </template>\n                        <template v-for=\"(imagePreview, index) in magiczoom.images.all\">\n                            <a :href=\"magiczoom.images.all[index].url\" rel=\"zoom-id:ItemImgZoom\" :data-image=\"magiczoom.images.all[index].urlMiddle\" class=\"mb-2 border\">\n                                <img\n                                    :alt=\"'imagePreview-'+index\"\n                                    :data-src=\"imagePreview.url\"\n                                    :src=\"imagePreview.urlPreview\">\n                            </a>\n                        </template>\n                    </div>\n                </template>\n                <button class=\"zoom-xs-left d-lg-none\" @click=\"prevNext('left')\"  v-if=\"magiczoom.images.all.length > 1\">\n                    <i class=\"fa fa-angle-left\" aria-hidden=\"true\"></i>\n                </button>\n                <!-- <add-to-wish-list :variation-id=\"magiczoom.variation.id\"></add-to-wish-list> -->\n                <a :href=\"magiczoom.images | itemImages('url') | itemImage\" id=\"ItemImgZoom\" class=\"MagicZoomPlus flex-fill d-flex align-items-start justify-content-center\"\n                   :data-mobile-options=\"'zoomMode:off; lazyZoom: true; textTouchZoomHint:'+  $translate('Bigtex5::Template.singleZoomHint') +'; textClickZoomHint: '+ $translate('Bigtex5::Template.singleZoomHint2') +'; textExpandHint: '+$translate('Bigtex5::Template.singleZoomHint')\"\n                   :data-options=\"'lazyZoom: true;cssClass: white-bg; zoom-height:500px; textHoverZoomHint:'+$translate('Bigtex5::Template.singleZoomHint3')+'; textExpandHint:'+ $translate('Bigtex5::Template.singleZoomHint3')+'; zoomPosition: #zoom-placeholder;'\">\n                    <img  class=\"img-fluid\" :src=\"magiczoom.images | itemImages('urlMiddle') | itemImage\" itemprop=\"image\" :alt=\"magiczoom.texts.name1\" :title=\"magiczoom.texts.name1\">\n\n                    <template v-if=\"blackday.tag.length > 0 && blackday.active\" >\n                      <div class=\"action action-3\" >\n                        <div class=\"blackday\">\n                          <i class=\"fa fa-fire\" aria-hidden=\"true\"></i>\n                          {{ blackday.tag[0].names.name }}\n                        </div>\n                      </div>\n                    </template>\n                    <div :class=\"'action action-'+magiczoom.item.storeSpecial.id\" v-if=\"magiczoom.item.storeSpecial\" :style=\"{ top: blackday.tag.length > 0 && blackday.active ? '40px' : '0px' }\">\n                        <span v-html=\"magiczoom.item.storeSpecial.names.name\" v-if=\"magiczoom.item.storeSpecial.id != '1' \"></span>\n                        <template v-if=\"magiczoom.prices.rrp != null\">\n                          <span v-if=\"magiczoom.prices.rrp.price.value >  magiczoom.prices.default.price.value\">\n                              -{{  (((magiczoom.prices.rrp.price.value - magiczoom.prices.default.price.value) / magiczoom.prices.rrp.price.value)*100) | numberFormat(0) }}%\n                          </span>\n                        </template>\n                    </div>\n\n                </a>\n                <button class=\"zoom-xs-right d-lg-none\" @click=\"prevNext('right')\" v-if=\"magiczoom.images.all.length > 1\">\n                    <i class=\"fa fa-angle-right\" aria-hidden=\"true\"></i>\n                </button>\n            </div>\n            <div class=\"zoom-navigation-dots d-md-none\">\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n    import { Hooper, Slide  } from 'hooper';\n    export default\n    {\n        components: { Hooper, Slide },\n        props:\n        {\n            template:\n            {\n                type: String,\n                default: \"#vue-magic-zoom\"\n            }\n        },\n        inject:\n        {\n            itemId:\n            {\n                default: null\n            }\n        },\n        created()\n        {\n          this.shoesizes();\n        },\n        data: function()\n        {\n            return {\n                onloadVarId: this.currentVariation().variation.id,\n                dotsCount: 0,\n                loading:false,\n                youtubeid:'',\n                schuhsize:null\n            }\n        },\n        methods:\n        {\n            prevNext(direction)\n            {\n                if(direction==\"left\")\n                {\n                    MagicZoom.prev('ItemImgZoom');\n                }\n                else if(direction==\"right\")\n                {\n                    MagicZoom.next('ItemImgZoom');\n                }\n                else\n                {\n                 /*   console.log('unknown direction');*/\n                }\n\n            },\n            showVideo:function()\n            {\n              //set timeout\n                setTimeout(function () {\n                    $('#video-modal').modal('show')\n                },500)\n                vueEventHub.$emit(\"showvideo\",true);\n            },\n            shoesizes: function()\n            {\n              let _self   = this;\n              let current = this.currentVariation()\n              for(let i = 0; i < current.properties.length; i++)\n              {\n                let prop = current.properties[i].propertyId;\n                if(prop ===413 )\n                {\n                  _self.schuhsize = 'E'\n                }\n                if(prop ===414 )\n                {\n                  _self.schuhsize = 'F'\n                }\n                if(prop ===415 )\n                {\n                  _self.schuhsize = 'G'\n                }\n                if(prop ===416 )\n                {\n                  _self.schuhsize = 'H'\n                }\n                if(prop ===417 )\n                {\n                  _self.schuhsize = 'J'\n                }\n                if(prop ===418 )\n                {\n                  _self.schuhsize = 'K'\n                }\n                if(prop ===419 )\n                {\n                  _self.schuhsize = 'L'\n                }\n                if(prop ===420 )\n                {\n                  _self.schuhsize = 'M'\n                }\n              }\n            },\n            searchVideo()\n            {\n                let currentVariation = this.currentVariation();\n                let _self = this;\n                if(currentVariation.hasOwnProperty('variationProperties'))\n                {\n                    for(let i=0; i < currentVariation.variationProperties.length; i++)\n                    {\n                        if(currentVariation.variationProperties[i].id == 7)\n                        {\n                            for(let v=0; v < currentVariation.variationProperties[i].properties.length; v++)\n                            {\n                                if(currentVariation.variationProperties[i].properties[v].id == 32)\n                                {\n                                    if(currentVariation.variationProperties[i].properties[v].values.value !=\"\")\n                                    {\n                                        this.youtubeid = currentVariation.variationProperties[i].properties[v].values.value;\n                                    }\n                                }\n                            }\n                        }\n                    }\n                    return this.youtubeid;\n                }\n                else\n                {\n                    return '';\n                }\n            },\n            currentVariation: function()\n            {\n                return this.$store.getters[`${this.itemId}/currentItemVariation`];\n            },\n            slideNext() {\n                this.$refs.carousel.slideNext();\n            },\n            slidePrev() {\n                this.$refs.carousel.slidePrev();\n            }\n        },\n        computed:\n        {\n          blackday() {\n            const tags = this.magiczoom.tags || [];\n            const blackTags = tags.filter(tag => tag.id === 43);\n            return { tag: blackTags, active: App.black === '1' };\n          },\n            variationSelected:function()\n            {\n              let quantity = this.$store.state.items[`${this.itemId}`].variationOrderQuantity;\n              let selected = this.$store.state.items[`${this.itemId}`].variationSelect.isVariationSelected;\n              return{\n                \"quantity\": quantity,\n                \"selected\": selected\n              }\n            },\n            magiczoom: function()\n            {\n                return this.currentVariation();\n            },\n            ytvideo:function()\n            {\n                return this.searchVideo();\n            }\n\n        }\n    }\n</script>\n","import { render, staticRenderFns } from \"./magiczoom.vue?vue&type=template&id=f81e2ce2&\"\nimport script from \"./magiczoom.vue?vue&type=script&lang=js&\"\nexport * from \"./magiczoom.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/3672/203/Bigtex5/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('f81e2ce2')) {\n      api.createRecord('f81e2ce2', component.options)\n    } else {\n      api.reload('f81e2ce2', component.options)\n    }\n    module.hot.accept(\"./magiczoom.vue?vue&type=template&id=f81e2ce2&\", function () {\n      api.rerender('f81e2ce2', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/bigtex/magiczoom.vue\"\nexport default component.exports"],"sourceRoot":""}