{"version":3,"sources":["webpack:///./node_modules/vue-img-view/src/lib/vue-img-view.vue?0e6c","webpack:///node_modules/vue-img-view/src/lib/vue-img-view.vue","webpack:///./node_modules/vue-img-view/src/lib/vue-img-view.vue?e301","webpack:///./node_modules/vue-img-view/src/lib/vue-img-view.vue","webpack:///./node_modules/vue-img-view/src/lib/vue-img-view.vue?ad79"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","style","on","onMouseOver","onMouseDown","$event","onMouseMove","onMouseUp","onMouseOut","onDragStart","preventDefault","stopPropagation","onScroll","directives","name","rawName","value","expression","staticClass","rotateLeft","rotateRight","staticRenderFns","props","imgUrl","type","String","default","background","data","computedHeight","computedWidth","imgWidth","imgHeight","onMouseDownFlag","onMouseOverFlag","styleObjectWrapper","overflow","position","backgroundColor","styleObjectImg","backgroundImage","backgroundRepeat","backgroundSize","cursor","backgroundPosition","width","height","transform","transformOrigin","styleObjectHandle","textAlign","right","bottom","watch","vm","$nextTick","init","then","imgWrapper","offsetHeight","offsetWidth","left","top","mounted","updated","parseInt","methods","Promise","img","src","onload","resolve","e","window","event","rotate","x","y","deltaY","backgroundSizeX","backgroundSizeY","r","split","Math","abs","component"],"mappings":"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","file":"js/chunk-4c71c2a4.00cb423f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"imgWrapper\",style:(_vm.styleObjectWrapper),on:{\"mouseover\":_vm.onMouseOver}},[_c('div',{style:(_vm.styleObjectImg),on:{\"mousedown\":_vm.onMouseDown,\"mousemove\":function($event){return _vm.onMouseMove($event)},\"mouseup\":_vm.onMouseUp,\"mouseout\":_vm.onMouseOut,\"dragstart\":_vm.onDragStart,\"mouseover\":_vm.onMouseOver,\"wheel\":function($event){$event.preventDefault();$event.stopPropagation();return _vm.onScroll($event)}}}),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.onMouseOverFlag),expression:\"onMouseOverFlag\"}],style:(_vm.styleObjectHandle),on:{\"mouseover\":_vm.onMouseOver,\"mouseout\":_vm.onMouseOut}},[_c('i',{staticClass:\"rotate rotate-left\",on:{\"click\":_vm.rotateLeft}}),_c('i',{staticClass:\"rotate rotate-right\",on:{\"click\":_vm.rotateRight}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :style=\"styleObjectWrapper\" ref=\"imgWrapper\" @mouseover=\"onMouseOver\">\r\n    <div :style=\"styleObjectImg\" @mousedown=\"onMouseDown\" @mousemove=\"onMouseMove($event)\" @mouseup=\"onMouseUp\" @mouseout=\"onMouseOut\" @dragstart=\"onDragStart\" @mouseover=\"onMouseOver\" @wheel.prevent.stop=\"onScroll\">\r\n    </div>\r\n    <span v-show=\"onMouseOverFlag\" :style=\"styleObjectHandle\" @mouseover=\"onMouseOver\" @mouseout=\"onMouseOut\">\r\n      <i class=\"rotate rotate-left\" @click=\"rotateLeft\"></i>\r\n      <i class=\"rotate rotate-right\" @click=\"rotateRight\"></i>\r\n    </span>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  name: \"imgView\",\r\n  props: {\r\n    imgUrl: {\r\n      type: String,\r\n      default: \"\"\r\n    },\r\n    background: {\r\n      type: String,\r\n      default: '#F2F2F2'\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      computedHeight: \"\",\r\n      computedWidth: \"\",\r\n      imgWidth: 0,\r\n      imgHeight: 0,\r\n      onMouseDownFlag: false,\r\n      onMouseOverFlag: false,\r\n      styleObjectWrapper: {\r\n        overflow: 'hidden',\r\n        position: 'relative',\r\n        backgroundColor: this.background\r\n      },\r\n      styleObjectImg: {\r\n        backgroundImage: \"\",\r\n        backgroundRepeat: \"no-repeat\",\r\n        backgroundSize: \"0px 0px\",\r\n        cursor: \"move\",\r\n        backgroundPosition: \"center\",\r\n        width: \"100%\",\r\n        height: \"100%\",\r\n        transform: \"rotate(0deg)\",\r\n        transformOrigin: \"center\",\r\n        position: \"absolute\"\r\n      },\r\n      styleObjectHandle: {\r\n        textAlign: \"center\",\r\n        position: \"absolute\",\r\n        right: \"10px\",\r\n        bottom: \"10px\"\r\n      }\r\n    };\r\n  },\r\n  watch: {\r\n    imgUrl () {\r\n      let vm = this;\r\n      vm.$nextTick(function () {\r\n        let imgWrapper = vm.$refs.imgWrapper\r\n        vm.styleObjectImg.backgroundImage = \"url(\" + vm.imgUrl + \")\";\r\n        vm.init().then(() => {\r\n          vm.$nextTick(function () {\r\n            vm.computedHeight = imgWrapper.offsetHeight;\r\n            vm.computedWidth = imgWrapper.offsetWidth;\r\n            if (vm.computedHeight / vm.computedWidth < vm.imgHeight / vm.imgWidth) {\r\n              vm.imgWidth = vm.imgWidth * vm.computedHeight / vm.imgHeight\r\n              vm.imgHeight = vm.computedHeight\r\n            } else {\r\n              vm.imgHeight = vm.imgHeight * vm.computedWidth / vm.imgWidth\r\n              vm.imgWidth = vm.computedWidth\r\n            }\r\n            vm.styleObjectImg.backgroundImage = \"url(\" + vm.imgUrl + \")\";\r\n            vm.styleObjectImg.transform = \"rotate(0deg)\";\r\n            vm.styleObjectImg.width = vm.computedWidth + 'px';\r\n            vm.styleObjectImg.height = vm.computedHeight + 'px';\r\n            vm.styleObjectImg.left = '0px';\r\n            vm.styleObjectImg.top = '0px';\r\n            vm.styleObjectImg.backgroundSize = vm.imgWidth + \"px \" + vm.imgHeight + \"px\";\r\n            vm.styleObjectImg.backgroundPosition = (vm.computedWidth - vm.imgWidth) / 2 + \"px \" + (vm.computedHeight - vm.imgHeight) / 2 + \"px\";\r\n          });\r\n        })\r\n      });\r\n    }\r\n  },\r\n  mounted () {\r\n    let vm = this;\r\n    let imgWrapper = vm.$refs.imgWrapper\r\n    vm.init().then(() => {\r\n      vm.$nextTick(function () {\r\n        vm.computedHeight = imgWrapper.offsetHeight;\r\n        vm.computedWidth = imgWrapper.offsetWidth;\r\n        if (vm.computedHeight / vm.computedWidth < vm.imgHeight / vm.imgWidth) {\r\n          vm.imgWidth = vm.imgWidth * vm.computedHeight / vm.imgHeight\r\n          vm.imgHeight = vm.computedHeight\r\n        } else {\r\n          vm.imgHeight = vm.imgHeight * vm.computedWidth / vm.imgWidth\r\n          vm.imgWidth = vm.computedWidth\r\n        }\r\n        vm.styleObjectImg.backgroundImage = \"url(\" + vm.imgUrl + \")\";\r\n        vm.styleObjectImg.transform = \"rotate(0deg)\";\r\n        vm.styleObjectImg.width = vm.computedWidth + 'px';\r\n        vm.styleObjectImg.height = vm.computedHeight + 'px';\r\n        vm.styleObjectImg.left = '0px';\r\n        vm.styleObjectImg.top = '0px';\r\n        vm.styleObjectImg.backgroundSize = vm.imgWidth + \"px \" + vm.imgHeight + \"px\";\r\n        vm.styleObjectImg.backgroundPosition = (vm.computedWidth - vm.imgWidth) / 2 + \"px \" + (vm.computedHeight - vm.imgHeight) / 2 + \"px\";\r\n      });\r\n    })\r\n  },\r\n  updated () {\r\n    let vm = this\r\n    if (parseInt(this.computedWidth) === 0) {\r\n      let imgWrapper = vm.$refs.imgWrapper;\r\n      vm.init().then(() => {\r\n        vm.$nextTick(function () {\r\n          vm.computedHeight = imgWrapper.offsetHeight;\r\n          vm.computedWidth = imgWrapper.offsetWidth;\r\n          if (vm.computedHeight / vm.computedWidth < vm.imgHeight / vm.imgWidth) {\r\n            vm.imgWidth = vm.imgWidth * vm.computedHeight / vm.imgHeight\r\n            vm.imgHeight = vm.computedHeight\r\n          } else {\r\n            vm.imgHeight = vm.imgHeight * vm.computedWidth / vm.imgWidth\r\n            vm.imgWidth = vm.computedWidth\r\n          }\r\n          vm.styleObjectImg.backgroundImage = \"url(\" + vm.imgUrl + \")\";\r\n          vm.styleObjectImg.backgroundSize = vm.imgWidth + \"px \" + vm.imgHeight + \"px\";\r\n          vm.styleObjectImg.backgroundPosition = (vm.computedWidth - vm.imgWidth) / 2 + \"px \" + (vm.computedHeight - vm.imgHeight) / 2 + \"px\";\r\n        });\r\n      })\r\n    }\r\n  },\r\n  methods: {\r\n    init () {\r\n      let vm = this;\r\n      return new Promise((resolve, reject) => {\r\n        let img = new Image();\r\n        img.src = vm.imgUrl;\r\n        img.onload = function () {\r\n          vm.imgWidth = img.width\r\n          vm.imgHeight = img.height\r\n          resolve()\r\n        };\r\n      })\r\n    },\r\n    onMouseDown () {\r\n      this.onMouseDownFlag = true;\r\n    },\r\n    onMouseUp () {\r\n      this.onMouseDownFlag = false;\r\n    },\r\n    onMouseOver () {\r\n      this.onMouseOverFlag = true;\r\n    },\r\n    onMouseOut () {\r\n      this.onMouseOverFlag = false;\r\n      this.onMouseDownFlag = false;\r\n    },\r\n    onMouseMove (e) {\r\n      if (this.onMouseDownFlag) {\r\n        var e = e || window.event;\r\n        if (this.styleObjectImg.backgroundPosition) {\r\n          var rotate =\r\n            parseInt(this.styleObjectImg.transform.split(\"(\")[1]) % 360;\r\n          if (rotate < 0) {\r\n            rotate += 360;\r\n          }\r\n          if (rotate % 360 == 0) {\r\n            var x =\r\n              parseInt(this.styleObjectImg.backgroundPosition.split(\" \")[0]) +\r\n              e.movementX;\r\n            var y =\r\n              parseInt(this.styleObjectImg.backgroundPosition.split(\" \")[1]) +\r\n              e.movementY;\r\n          } else if (rotate % 270 == 0) {\r\n            var x =\r\n              parseInt(this.styleObjectImg.backgroundPosition.split(\" \")[0]) -\r\n              e.movementY;\r\n            var y =\r\n              parseInt(this.styleObjectImg.backgroundPosition.split(\" \")[1]) +\r\n              e.movementX;\r\n          } else if (rotate % 180 == 0) {\r\n            var x =\r\n              parseInt(this.styleObjectImg.backgroundPosition.split(\" \")[0]) -\r\n              e.movementX;\r\n            var y =\r\n              parseInt(this.styleObjectImg.backgroundPosition.split(\" \")[1]) -\r\n              e.movementY;\r\n          } else if (rotate % 90 == 0) {\r\n            var x =\r\n              parseInt(this.styleObjectImg.backgroundPosition.split(\" \")[0]) +\r\n              e.movementY;\r\n            var y =\r\n              parseInt(this.styleObjectImg.backgroundPosition.split(\" \")[1]) -\r\n              e.movementX;\r\n          }\r\n          this.styleObjectImg.backgroundPosition = x + \"px \" + y + \"px\";\r\n        } else {\r\n\r\n          this.styleObjectImg.backgroundPosition = (this.computedWidth - this.imgWidth) / 2 + \"px \" + (this.computedHeight - this.imgHeight) / 2 + \"px\";\r\n        }\r\n      }\r\n    },\r\n    onScroll (e) {\r\n      var e = e || window.event;\r\n      let backgroundSizeX = parseFloat(this.styleObjectImg.backgroundSize.split(\" \")[0]);\r\n      let backgroundSizeY = parseFloat(this.styleObjectImg.backgroundSize.split(\" \")[1]);\r\n      let positionX = parseFloat(this.styleObjectImg.backgroundPosition.split(\" \")[0]);\r\n      let positionY = parseFloat(this.styleObjectImg.backgroundPosition.split(\" \")[1]);\r\n      if (e.deltaY < 0) {\r\n        this.styleObjectImg.backgroundSize = backgroundSizeX * 1.1 + \"px \" + backgroundSizeY * 1.1 + \"px\";\r\n        let x = (backgroundSizeX - backgroundSizeX * 1.1) / 2 + positionX\r\n        let y = (backgroundSizeY - backgroundSizeY * 1.1) / 2 + positionY\r\n        this.styleObjectImg.backgroundPosition = x + 'px ' + y + 'px'\r\n      } else {\r\n        this.styleObjectImg.backgroundSize = backgroundSizeX / 1.1 + \"px \" + backgroundSizeY / 1.1 + \"px\";\r\n        let x = (backgroundSizeX - backgroundSizeX / 1.1) / 2 + positionX\r\n        let y = (backgroundSizeY - backgroundSizeY / 1.1) / 2 + positionY\r\n        this.styleObjectImg.backgroundPosition = x + 'px ' + y + 'px'\r\n      }\r\n    },\r\n    rotateLeft () {\r\n      let vm = this\r\n      let backgroundSizeX = parseInt(this.styleObjectImg.backgroundSize.split(\" \")[0]);\r\n      let backgroundSizeY = parseInt(this.styleObjectImg.backgroundSize.split(\" \")[1]);\r\n      let positionX = parseInt(vm.styleObjectImg.backgroundPosition.split(\" \")[0]);\r\n      let positionY = parseInt(vm.styleObjectImg.backgroundPosition.split(\" \")[1]);\r\n      var r = (parseInt(vm.styleObjectImg.transform.split(\"(\")[1]) - 90) % 360;\r\n      if (r < 0) { r += 360 }\r\n      vm.styleObjectImg.transform = \"rotate(\" + r + \"deg)\";\r\n      if (r % 180 == 90) {\r\n        vm.styleObjectImg.width = vm.computedHeight + 'px';\r\n        vm.styleObjectImg.height = vm.computedWidth + 'px';\r\n        vm.styleObjectImg.left = Math.abs(parseInt(vm.computedHeight) - parseInt(vm.computedWidth)) / 2 + 'px';\r\n        vm.styleObjectImg.top = (vm.computedHeight - vm.computedWidth) / 2 + 'px';\r\n        if (vm.computedHeight / vm.computedWidth < vm.imgWidth / vm.imgHeight) {\r\n          vm.imgHeight = vm.imgHeight * vm.computedHeight / vm.imgWidth\r\n          vm.imgWidth = vm.computedHeight\r\n        } else {\r\n          vm.imgWidth = vm.imgWidth * vm.computedWidth / vm.imgHeight\r\n          vm.imgHeight = vm.computedWidth\r\n        }\r\n        vm.styleObjectImg.backgroundSize = vm.imgWidth + \"px \" + vm.imgHeight + \"px\";\r\n        vm.styleObjectImg.backgroundPosition = (vm.computedHeight - vm.imgWidth) / 2 + \"px \" + (vm.computedWidth - vm.imgHeight) / 2 + \"px\";\r\n      } else {\r\n        vm.styleObjectImg.width = vm.computedWidth + 'px';\r\n        vm.styleObjectImg.height = vm.computedHeight + 'px';\r\n        vm.styleObjectImg.left = '0px';\r\n        vm.styleObjectImg.top = '0px';\r\n        if (vm.computedHeight / vm.computedWidth < vm.imgHeight / vm.imgWidth) {\r\n          vm.imgWidth = vm.imgWidth * vm.computedHeight / vm.imgHeight\r\n          vm.imgHeight = vm.computedHeight\r\n        } else {\r\n          vm.imgHeight = vm.imgHeight * vm.computedWidth / vm.imgWidth\r\n          vm.imgWidth = vm.computedWidth\r\n        }\r\n        vm.styleObjectImg.backgroundSize = vm.imgWidth + \"px \" + vm.imgHeight + \"px\";\r\n        vm.styleObjectImg.backgroundPosition = (vm.computedWidth - vm.imgWidth) / 2 + \"px \" + (vm.computedHeight - vm.imgHeight) / 2 + \"px\";\r\n      }\r\n    },\r\n    rotateRight () {\r\n      let vm = this\r\n      let backgroundSizeX = parseInt(this.styleObjectImg.backgroundSize.split(\" \")[0]);\r\n      let backgroundSizeY = parseInt(this.styleObjectImg.backgroundSize.split(\" \")[1]);\r\n      var r = (parseInt(vm.styleObjectImg.transform.split(\"(\")[1]) + 90) % 360;\r\n      if (r < 0) { r += 360 }\r\n      vm.styleObjectImg.transform = \"rotate(\" + r + \"deg)\";\r\n      if (r % 180 == 90) {\r\n        vm.styleObjectImg.width = vm.computedHeight + 'px';\r\n        vm.styleObjectImg.height = vm.computedWidth + 'px';\r\n        vm.styleObjectImg.left = Math.abs(parseInt(vm.computedHeight) - parseInt(vm.computedWidth)) / 2 + 'px';\r\n        vm.styleObjectImg.top = (vm.computedHeight - vm.computedWidth) / 2 + 'px';\r\n        if (vm.computedHeight / vm.computedWidth < vm.imgWidth / vm.imgHeight) {\r\n          vm.imgHeight = vm.imgHeight * vm.computedHeight / vm.imgWidth\r\n          vm.imgWidth = vm.computedHeight\r\n        } else {\r\n          vm.imgWidth = vm.imgWidth * vm.computedWidth / vm.imgHeight\r\n          vm.imgHeight = vm.computedWidth\r\n        }\r\n        vm.styleObjectImg.backgroundSize = vm.imgWidth + \"px \" + vm.imgHeight + \"px\";\r\n        vm.styleObjectImg.backgroundPosition = (vm.computedHeight - vm.imgWidth) / 2 + \"px \" + (vm.computedWidth - vm.imgHeight) / 2 + \"px\";\r\n      } else {\r\n        vm.styleObjectImg.width = vm.computedWidth + 'px';\r\n        vm.styleObjectImg.height = vm.computedHeight + 'px';\r\n        vm.styleObjectImg.left = '0px';\r\n        vm.styleObjectImg.top = '0px';\r\n        if (vm.computedHeight / vm.computedWidth < vm.imgHeight / vm.imgWidth) {\r\n          vm.imgWidth = vm.imgWidth * vm.computedHeight / vm.imgHeight\r\n          vm.imgHeight = vm.computedHeight\r\n        } else {\r\n          vm.imgHeight = vm.imgHeight * vm.computedWidth / vm.imgWidth\r\n          vm.imgWidth = vm.computedWidth\r\n        }\r\n        vm.styleObjectImg.backgroundSize = vm.imgWidth + \"px \" + vm.imgHeight + \"px\";\r\n        vm.styleObjectImg.backgroundPosition = (vm.computedWidth - vm.imgWidth) / 2 + \"px \" + (vm.computedHeight - vm.imgHeight) / 2 + \"px\";\r\n      }\r\n\r\n    },\r\n    onDragStart () {\r\n      return false;\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style scoped>\r\n.rotate {\r\n  height: 20px;\r\n  width: 20px;\r\n  display: inline-block;\r\n  position: relative;\r\n  margin: 3px 10px;\r\n  border: 3px solid #6495ed;\r\n  border-radius: 100%;\r\n}\r\n.rotate:before {\r\n  content: '';\r\n  width: 0;\r\n  height: 0;\r\n  display: inline-block;\r\n  border-top: 7px solid #6495ed;\r\n  border-right: 7px solid transparent;\r\n  border-bottom: 7px solid transparent;\r\n  border-left: 7px solid transparent;\r\n  position: absolute;\r\n}\r\n.rotate-left {\r\n  border-left-color: transparent;\r\n}\r\n.rotate-left:before {\r\n  left: -10px;\r\n  top: -1px;\r\n  transform: rotate(45deg);\r\n}\r\n.rotate-left:hover {\r\n  border: 3px solid #00bfff;\r\n  border-left-color: transparent;\r\n}\r\n.rotate-left:hover:before {\r\n  border-top: 7px solid #00bfff;\r\n}\r\n.rotate-right {\r\n  border-right-color: transparent;\r\n}\r\n.rotate-right:before {\r\n  right: -10px;\r\n  top: -1px;\r\n  transform: rotate(-45deg);\r\n}\r\n.rotate-right:hover {\r\n  border: 3px solid #00bfff;\r\n  border-right-color: transparent;\r\n}\r\n.rotate-right:hover:before {\r\n  border-top: 7px solid #00bfff;\r\n}\r\n</style>\r\n","import mod from \"-!../../../cache-loader/dist/cjs.js??ref--12-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../vuetify-loader/lib/loader.js??ref--18-0!../../../cache-loader/dist/cjs.js??ref--0-0!../../../vue-loader/lib/index.js??vue-loader-options!./vue-img-view.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../cache-loader/dist/cjs.js??ref--12-0!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js!../../../vuetify-loader/lib/loader.js??ref--18-0!../../../cache-loader/dist/cjs.js??ref--0-0!../../../vue-loader/lib/index.js??vue-loader-options!./vue-img-view.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./vue-img-view.vue?vue&type=template&id=ab2e3f9a&scoped=true&\"\nimport script from \"./vue-img-view.vue?vue&type=script&lang=js&\"\nexport * from \"./vue-img-view.vue?vue&type=script&lang=js&\"\nimport style0 from \"./vue-img-view.vue?vue&type=style&index=0&id=ab2e3f9a&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ab2e3f9a\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../vue-loader/lib/loaders/stylePostLoader.js!../../../postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../vuetify-loader/lib/loader.js??ref--18-0!../../../cache-loader/dist/cjs.js??ref--0-0!../../../vue-loader/lib/index.js??vue-loader-options!./vue-img-view.vue?vue&type=style&index=0&id=ab2e3f9a&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../vue-loader/lib/loaders/stylePostLoader.js!../../../postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../vuetify-loader/lib/loader.js??ref--18-0!../../../cache-loader/dist/cjs.js??ref--0-0!../../../vue-loader/lib/index.js??vue-loader-options!./vue-img-view.vue?vue&type=style&index=0&id=ab2e3f9a&scoped=true&lang=css&\""],"sourceRoot":""}