{"version":3,"sources":["webpack:///./resources/js/src/modeherz/components/item/Image360Overlay.vue?99bd","webpack:///resources/js/src/modeherz/components/item/Image360Overlay.vue","webpack:///./resources/js/src/modeherz/components/item/Image360Overlay.vue?2e6a","webpack:///./resources/js/src/modeherz/components/item/Image360Overlay.vue"],"names":["render","_h","this","$createElement","_c","_self","staticClass","on","click","toggle","_v","isSupported","attrs","src","imagePath","_e","_withStripped","component","options","__file"],"mappings":"kGAAA,IAAIA,EAAS,WACX,IACIC,EADMC,KACGC,eACTC,EAFMF,KAEGG,MAAMD,IAAMH,EACzB,OAAOG,EAAG,MAAO,CAAEE,YAAa,oBAAsB,CACpDF,EACE,SACA,CAAEE,YAAa,4BAA6BC,GAAI,CAAEC,MAN5CN,KAMuDO,SAC7D,CAPMP,KAODQ,GAAG,iBAPFR,KASJQ,GAAG,KATCR,KAUJS,YACAP,EACE,IACA,CACEE,YAAa,WACbM,MAAO,CACL,eACE,8DAGN,CAACR,EAAG,MAAO,CAAEQ,MAAO,CAAEC,IApBpBX,KAoB6BY,eApB7BZ,KAsBAa,QAIZf,EAAOgB,eAAgB,ECJvB,ICvBuN,EDuBvN,CACA,uBACA,OACA,WACA,YACA,cAGA,gBACA,OACA,eACA,gBAGA,OACA,uBACA,kBACA,uBACA,qCACA,mBACA,+FACA,6BACA,mBACA,uCACA,6GACA,+BACA,OAIA,SACA,kBACA,6CACA,0CAEA,wBACA,uB,QEpDIC,EAAY,YACd,EACAjB,EHiBoB,IGfpB,EACA,KACA,KACA,MAuBFiB,EAAUC,QAAQC,OAAS,gEACZ,UAAAF,E","file":"chunks/ceres-client-40.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\", { staticClass: \"globalOverlay360\" }, [\n    _c(\n      \"button\",\n      { staticClass: \"mz-button mz-button-close\", on: { click: _vm.toggle } },\n      [_vm._v(\"\\n    ×\\n  \")]\n    ),\n    _vm._v(\" \"),\n    _vm.isSupported\n      ? _c(\n          \"a\",\n          {\n            staticClass: \"Magic360\",\n            attrs: {\n              \"data-options\":\n                \"filename: img{col}.jpg; columns:20; autospin-speed: 1800;\",\n            },\n          },\n          [_c(\"img\", { attrs: { src: _vm.imagePath } })]\n        )\n      : _vm._e(),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"globalOverlay360\"\n  >\n    <button\n      class=\"mz-button mz-button-close\"\n      @click=\"toggle\"\n    >\n      &#215;\n    </button>\n    <a\n      v-if=\"isSupported\"\n      class=\"Magic360\"\n      data-options=\"filename: img{col}.jpg; columns:20; autospin-speed: 1800;\"\n    >\n      <img\n        :src=\"imagePath\"\n      >\n    </a>\n  </div>\n</template>\n\n<script>\nexport default {\n    name: 'Image360Overlay',\n    props: {\n        imagePath: {\n            type: String,\n            required: true\n        }\n    },\n    data () {\n        return {\n            isSupported: false,\n            loadScript: false\n        }\n    },\n    watch: {\n        isSupported () {\n            if (this.isSupported) {\n                setTimeout(() => {\n                    const css = document.createElement('link')\n                    css.rel = 'stylesheet'\n                    css.href = 'https://cdn02.plentymarkets.com/lipqd1w763kt/frontend/shop_assets/js/360/magic360.css'\n                    document.head.appendChild(css)\n                    window.Magic360 = {}\n                    const recaptchaScript = document.createElement('script')\n                    recaptchaScript.setAttribute('src', 'https://cdn02.plentymarkets.com/lipqd1w763kt/frontend/shop_assets/js/360/magic360.js')\n                    document.head.appendChild(recaptchaScript)\n                }, 100)\n            }\n        }\n    },\n    methods: {\n        toggle () {\n            $('.globalOverlay360').toggleClass('active')\n            $('body').toggleClass('menu-is-visible')\n        },\n        setSupported () {\n            this.isSupported = true\n        }\n    }\n}\n</script>\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Image360Overlay.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!./Image360Overlay.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Image360Overlay.vue?vue&type=template&id=54254dc6&\"\nimport script from \"./Image360Overlay.vue?vue&type=script&lang=js&\"\nexport * from \"./Image360Overlay.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(\"C:\\\\Users\\\\schuckerp\\\\git\\\\plenty-plugins\\\\4024\\\\15\\\\modeherz\\\\plugin-ceres\\\\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('54254dc6')) {\n      api.createRecord('54254dc6', component.options)\n    } else {\n      api.reload('54254dc6', component.options)\n    }\n    module.hot.accept(\"./Image360Overlay.vue?vue&type=template&id=54254dc6&\", function () {\n      api.rerender('54254dc6', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/modeherz/components/item/Image360Overlay.vue\"\nexport default component.exports"],"sourceRoot":""}