├── babel.config.js ├── public ├── favicon.ico └── index.html ├── example ├── main.js ├── img │ └── DA2D9393-4081-4384-B493-95DA1620C26D.png └── App.vue ├── .gitattributes ├── vue.config.js ├── lib ├── demo.html ├── magnifier.umd.min.js ├── magnifier.common.js.map ├── magnifier.common.js ├── magnifier.umd.js.map └── magnifier.umd.js ├── .gitignore ├── src ├── main.js └── components │ └── ImageMagnifier.vue ├── README.md ├── LICENSE └── package.json /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/anthinkingcoder/vue-image-magnifier/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /example/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue'; 2 | import App from './App.vue'; 3 | 4 | new Vue({ 5 | render: (h) => h(App) 6 | }).$mount('#app') -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | *.js linguist-language=vue 2 | *.css linguist-language=vue 3 | *.html linguist-language=vue 4 | *.vue linguist-language=vue 5 | 6 | -------------------------------------------------------------------------------- /example/img/DA2D9393-4081-4384-B493-95DA1620C26D.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/anthinkingcoder/vue-image-magnifier/HEAD/example/img/DA2D9393-4081-4384-B493-95DA1620C26D.png -------------------------------------------------------------------------------- /vue.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | pages: { 3 | demo: { 4 | entry: 'example/main.js', 5 | template: 'public/index.html', 6 | filename: 'index.html' 7 | } 8 | } 9 | } -------------------------------------------------------------------------------- /lib/demo.html: -------------------------------------------------------------------------------- 1 | 2 | magnifier demo 3 | 4 | 5 | 6 | 7 | 8 | 11 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw* 22 | -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | import ImageMagnifier from './components/ImageMagnifier.vue'; 2 | const install = function (Vue) { 3 | Vue.component('image-magnifier', ImageMagnifier); 4 | } 5 | 6 | if (typeof window !== 'undefined' && window.Vue) { 7 | install(window.Vue); 8 | } 9 | 10 | export default { 11 | install, 12 | ImageMagnifier 13 | } 14 | 15 | export { 16 | ImageMagnifier 17 | } 18 | 19 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # vue-image-magnifier 2 | 3 | ## setup 4 | ``` 5 | npm install vue-image-magnifier 6 | ``` 7 | 8 | ### use 9 | ``` 10 | import ImageMagnifier from vue-image-magnifier 11 | Vue.use(ImageMagnifier) 12 | //or 13 | import {ImageMagnifier} from vue-image-magnifier 14 | ``` 15 | 16 | ### demo 17 | ``` 18 | npm run demo 19 | ``` 20 | 21 | ### live example 22 | > [code open](https://codepen.io/zhoulin/pen/dLOgPP) 23 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | vue-image-magnifier 9 | 10 | 11 | 14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /example/App.vue: -------------------------------------------------------------------------------- 1 | 11 | 25 | 26 | 27 | 30 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2019 zhoulin 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vue-image-magnifier", 3 | "version": "0.2.1", 4 | "private": false, 5 | "main": "lib/magnifier.umd.js", 6 | "scripts": { 7 | "demo": "vue-cli-service serve", 8 | "build": "vue-cli-service build --target lib --name magnifier --dest lib src/main.js", 9 | "lint": "vue-cli-service lint" 10 | }, 11 | "dependencies": { 12 | "core-js": "^2.6.5", 13 | "vue": "^2.6.6" 14 | }, 15 | "devDependencies": { 16 | "@vue/cli-plugin-babel": "^3.0.5", 17 | "@vue/cli-plugin-eslint": "^3.0.5", 18 | "@vue/cli-service": "^3.0.5", 19 | "babel-eslint": "^10.0.1", 20 | "eslint": "^5.8.0", 21 | "eslint-plugin-vue": "^5.0.0", 22 | "vue-template-compiler": "^2.5.21" 23 | }, 24 | "eslintConfig": { 25 | "root": true, 26 | "env": { 27 | "node": true 28 | }, 29 | "extends": [ 30 | "plugin:vue/essential", 31 | "eslint:recommended" 32 | ], 33 | "rules": {}, 34 | "parserOptions": { 35 | "parser": "babel-eslint" 36 | } 37 | }, 38 | "postcss": { 39 | "plugins": { 40 | "autoprefixer": {} 41 | } 42 | }, 43 | "browserslist": [ 44 | "> 1%", 45 | "last 2 versions", 46 | "not ie <= 8" 47 | ], 48 | "keywords": [ 49 | "vue", 50 | "imagnifier", 51 | "image", 52 | "zoom" 53 | ], 54 | "repository": { 55 | "type": "git", 56 | "url": "https://github.com/anthinkingcoder/vue-image-magnifier.git" 57 | }, 58 | "license": "MIT" 59 | } 60 | -------------------------------------------------------------------------------- /src/components/ImageMagnifier.vue: -------------------------------------------------------------------------------- 1 | 19 | 20 | 193 | -------------------------------------------------------------------------------- /lib/magnifier.umd.min.js: -------------------------------------------------------------------------------- 1 | (function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["magnifier"]=e():t["magnifier"]=e()})("undefined"!==typeof self?self:this,function(){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(o,i,function(e){return t[e]}.bind(null,i));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="fb15")}({"0d58":function(t,e,n){var o=n("ce10"),i=n("e11e");t.exports=Object.keys||function(t){return o(t,i)}},"11e9":function(t,e,n){var o=n("52a7"),i=n("4630"),r=n("6821"),c=n("6a99"),a=n("69a8"),u=n("c69a"),s=Object.getOwnPropertyDescriptor;e.f=n("9e1e")?s:function(t,e){if(t=r(t),e=c(e,!0),u)try{return s(t,e)}catch(n){}if(a(t,e))return i(!o.f.call(t,e),t[e])}},1495:function(t,e,n){var o=n("86cc"),i=n("cb7c"),r=n("0d58");t.exports=n("9e1e")?Object.defineProperties:function(t,e){i(t);var n,c=r(e),a=c.length,u=0;while(a>u)o.f(t,n=c[u++],e[n]);return t}},"230e":function(t,e,n){var o=n("d3f4"),i=n("7726").document,r=o(i)&&o(i.createElement);t.exports=function(t){return r?i.createElement(t):{}}},"2aba":function(t,e,n){var o=n("7726"),i=n("32e9"),r=n("69a8"),c=n("ca5a")("src"),a=n("fa5b"),u="toString",s=(""+a).split(u);n("8378").inspectSource=function(t){return a.call(t)},(t.exports=function(t,e,n,a){var u="function"==typeof n;u&&(r(n,"name")||i(n,"name",e)),t[e]!==n&&(u&&(r(n,c)||i(n,c,t[e]?""+t[e]:s.join(String(e)))),t===o?t[e]=n:a?t[e]?t[e]=n:i(t,e,n):(delete t[e],i(t,e,n)))})(Function.prototype,u,function(){return"function"==typeof this&&this[c]||a.call(this)})},"2aeb":function(t,e,n){var o=n("cb7c"),i=n("1495"),r=n("e11e"),c=n("613b")("IE_PROTO"),a=function(){},u="prototype",s=function(){var t,e=n("230e")("iframe"),o=r.length,i="<",c=">";e.style.display="none",n("fab2").appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write(i+"script"+c+"document.F=Object"+i+"/script"+c),t.close(),s=t.F;while(o--)delete s[u][r[o]];return s()};t.exports=Object.create||function(t,e){var n;return null!==t?(a[u]=o(t),n=new a,a[u]=null,n[c]=t):n=s(),void 0===e?n:i(n,e)}},"2d00":function(t,e){t.exports=!1},"2d95":function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},"32e9":function(t,e,n){var o=n("86cc"),i=n("4630");t.exports=n("9e1e")?function(t,e,n){return o.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},4588:function(t,e){var n=Math.ceil,o=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?o:n)(t)}},4630:function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},"52a7":function(t,e){e.f={}.propertyIsEnumerable},5537:function(t,e,n){var o=n("8378"),i=n("7726"),r="__core-js_shared__",c=i[r]||(i[r]={});(t.exports=function(t,e){return c[t]||(c[t]=void 0!==e?e:{})})("versions",[]).push({version:o.version,mode:n("2d00")?"pure":"global",copyright:"© 2019 Denis Pushkarev (zloirock.ru)"})},"5ca1":function(t,e,n){var o=n("7726"),i=n("8378"),r=n("32e9"),c=n("2aba"),a=n("9b43"),u="prototype",s=function(t,e,n){var f,h,l,m,p=t&s.F,d=t&s.G,g=t&s.S,v=t&s.P,y=t&s.B,b=d?o:g?o[e]||(o[e]={}):(o[e]||{})[u],x=d?i:i[e]||(i[e]={}),w=x[u]||(x[u]={});for(f in d&&(n=e),n)h=!p&&b&&void 0!==b[f],l=(h?b:n)[f],m=y&&h?a(l,o):v&&"function"==typeof l?a(Function.call,l):l,b&&c(b,f,l,t&s.U),x[f]!=l&&r(x,f,m),v&&w[f]!=l&&(w[f]=l)};o.core=i,s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,s.U=64,s.R=128,t.exports=s},"5dbc":function(t,e,n){var o=n("d3f4"),i=n("8b97").set;t.exports=function(t,e,n){var r,c=e.constructor;return c!==n&&"function"==typeof c&&(r=c.prototype)!==n.prototype&&o(r)&&i&&i(t,r),t}},"613b":function(t,e,n){var o=n("5537")("keys"),i=n("ca5a");t.exports=function(t){return o[t]||(o[t]=i(t))}},"626a":function(t,e,n){var o=n("2d95");t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==o(t)?t.split(""):Object(t)}},6821:function(t,e,n){var o=n("626a"),i=n("be13");t.exports=function(t){return o(i(t))}},"69a8":function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},"6a99":function(t,e,n){var o=n("d3f4");t.exports=function(t,e){if(!o(t))return t;var n,i;if(e&&"function"==typeof(n=t.toString)&&!o(i=n.call(t)))return i;if("function"==typeof(n=t.valueOf)&&!o(i=n.call(t)))return i;if(!e&&"function"==typeof(n=t.toString)&&!o(i=n.call(t)))return i;throw TypeError("Can't convert object to primitive value")}},7726:function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},"77f1":function(t,e,n){var o=n("4588"),i=Math.max,r=Math.min;t.exports=function(t,e){return t=o(t),t<0?i(t+e,0):r(t,e)}},"79e5":function(t,e){t.exports=function(t){try{return!!t()}catch(e){return!0}}},8378:function(t,e){var n=t.exports={version:"2.6.5"};"number"==typeof __e&&(__e=n)},"86cc":function(t,e,n){var o=n("cb7c"),i=n("c69a"),r=n("6a99"),c=Object.defineProperty;e.f=n("9e1e")?Object.defineProperty:function(t,e,n){if(o(t),e=r(e,!0),o(n),i)try{return c(t,e,n)}catch(a){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},"8b97":function(t,e,n){var o=n("d3f4"),i=n("cb7c"),r=function(t,e){if(i(t),!o(e)&&null!==e)throw TypeError(e+": can't set as prototype!")};t.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(t,e,o){try{o=n("9b43")(Function.call,n("11e9").f(Object.prototype,"__proto__").set,2),o(t,[]),e=!(t instanceof Array)}catch(i){e=!0}return function(t,n){return r(t,n),e?t.__proto__=n:o(t,n),t}}({},!1):void 0),check:r}},9093:function(t,e,n){var o=n("ce10"),i=n("e11e").concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return o(t,i)}},"9b43":function(t,e,n){var o=n("d8e8");t.exports=function(t,e,n){if(o(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,o){return t.call(e,n,o)};case 3:return function(n,o,i){return t.call(e,n,o,i)}}return function(){return t.apply(e,arguments)}}},"9def":function(t,e,n){var o=n("4588"),i=Math.min;t.exports=function(t){return t>0?i(o(t),9007199254740991):0}},"9e1e":function(t,e,n){t.exports=!n("79e5")(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},aa77:function(t,e,n){var o=n("5ca1"),i=n("be13"),r=n("79e5"),c=n("fdef"),a="["+c+"]",u="​…",s=RegExp("^"+a+a+"*"),f=RegExp(a+a+"*$"),h=function(t,e,n){var i={},a=r(function(){return!!c[t]()||u[t]()!=u}),s=i[t]=a?e(l):c[t];n&&(i[n]=s),o(o.P+o.F*a,"String",i)},l=h.trim=function(t,e){return t=String(i(t)),1&e&&(t=t.replace(s,"")),2&e&&(t=t.replace(f,"")),t};t.exports=h},be13:function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},c366:function(t,e,n){var o=n("6821"),i=n("9def"),r=n("77f1");t.exports=function(t){return function(e,n,c){var a,u=o(e),s=i(u.length),f=r(c,s);if(t&&n!=n){while(s>f)if(a=u[f++],a!=a)return!0}else for(;s>f;f++)if((t||f in u)&&u[f]===n)return t||f||0;return!t&&-1}}},c5f6:function(t,e,n){"use strict";var o=n("7726"),i=n("69a8"),r=n("2d95"),c=n("5dbc"),a=n("6a99"),u=n("79e5"),s=n("9093").f,f=n("11e9").f,h=n("86cc").f,l=n("aa77").trim,m="Number",p=o[m],d=p,g=p.prototype,v=r(n("2aeb")(g))==m,y="trim"in String.prototype,b=function(t){var e=a(t,!1);if("string"==typeof e&&e.length>2){e=y?e.trim():l(e,3);var n,o,i,r=e.charCodeAt(0);if(43===r||45===r){if(n=e.charCodeAt(2),88===n||120===n)return NaN}else if(48===r){switch(e.charCodeAt(1)){case 66:case 98:o=2,i=49;break;case 79:case 111:o=8,i=55;break;default:return+e}for(var c,u=e.slice(2),s=0,f=u.length;si)return NaN;return parseInt(u,o)}}return+e};if(!p(" 0o1")||!p("0b1")||p("+0x1")){p=function(t){var e=arguments.length<1?0:t,n=this;return n instanceof p&&(v?u(function(){g.valueOf.call(n)}):r(n)!=m)?c(new d(b(e)),n,p):b(e)};for(var x,w=n("9e1e")?s(d):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),_=0;w.length>_;_++)i(d,x=w[_])&&!i(p,x)&&h(p,x,f(d,x));p.prototype=g,g.constructor=p,n("2aba")(o,m,p)}},c69a:function(t,e,n){t.exports=!n("9e1e")&&!n("79e5")(function(){return 7!=Object.defineProperty(n("230e")("div"),"a",{get:function(){return 7}}).a})},ca5a:function(t,e){var n=0,o=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+o).toString(36))}},cb7c:function(t,e,n){var o=n("d3f4");t.exports=function(t){if(!o(t))throw TypeError(t+" is not an object!");return t}},ce10:function(t,e,n){var o=n("69a8"),i=n("6821"),r=n("c366")(!1),c=n("613b")("IE_PROTO");t.exports=function(t,e){var n,a=i(t),u=0,s=[];for(n in a)n!=c&&o(a,n)&&s.push(n);while(e.length>u)o(a,n=e[u++])&&(~r(s,n)||s.push(n));return s}},d3f4:function(t,e){t.exports=function(t){return"object"===typeof t?null!==t:"function"===typeof t}},d8e8:function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},e11e:function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},fa5b:function(t,e,n){t.exports=n("5537")("native-function-to-string",Function.toString)},fab2:function(t,e,n){var o=n("7726").document;t.exports=o&&o.documentElement},fb15:function(t,e,n){"use strict";var o;(n.r(e),"undefined"!==typeof window)&&((o=window.document.currentScript)&&(o=o.src.match(/(.+\/)[^\/]+\.js(\?.*)?$/))&&(n.p=o[1]));var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"image-magnifier",style:t.style},[n("img",{ref:"img",staticClass:"image-magnifier__img",attrs:{width:t.width,height:t.height,src:t.src},on:{mouseenter:t.handleOver,mousemove:t.handleMove,mouseleave:t.handleOut}}),n("div",{ref:"mask",staticClass:"image-magnifier__mask",class:t.maskClass,style:t.maskStyle}),n("div",{directives:[{name:"show",rawName:"v-show",value:t.zoomShow,expression:"zoomShow"}],staticClass:"image-magnifier__zoom",class:t.zoomClass,style:t.zoomStyle},[n("img",{style:t.zoomImgStyle,attrs:{src:t.zoomSrc}})])])},r=[],c=(n("c5f6"),{name:"ImageMagnifier",props:{width:{default:"auto"},height:{default:"auto"},src:{},zoomSrc:{},zoomWidth:{default:"auto"},zoomHeight:{default:"auto"},zoomClass:{},maskWidth:{default:100},maskHeight:{default:100},maskBgColor:{default:"#409eff"},maskOpacity:{default:.5},maskClass:{},delayIn:{type:Number,default:0},delayOut:{type:Number,default:0}},data:function(){return{zoomShow:!1,imgRect:"",maskRect:"",maskX:0,maskY:0,zoomImage:"",zoomLeft:"",zoomImgWidth:0,zoomImgHeight:0,zoomPosition:{x:0,y:0},zoomInTimeoutId:null,zoomOutTimeoutId:null}},computed:{style:function(){return{position:"relative",cursor:"move"}},maskStyle:function(){return{position:"absolute",width:"".concat(this.maskWidth,"px"),height:"".concat(this.maskHeight,"px"),opacity:this.maskOpacity,backgroundColor:this.maskBgColor,left:0,top:0,transform:"translate(".concat(this.maskX,"px, ").concat(this.maskY,"px)"),willChange:"transform",pointerEvents:"none",zIndex:1e3,visibility:this.zoomShow?"visible":"hidden"}},zoomStyle:function(){return{width:"".concat(this.zoomWidth,"px"),height:"".concat(this.zoomHeight,"px"),position:"absolute",left:"".concat(this.zoomLeft,"px"),top:0,overflow:"hidden",zIndex:1e3}},zoomImgStyle:function(){return{width:"".concat(this.zoomImgWidth,"px"),height:"".concat(this.zoomImgHeight,"px"),willChange:"transform",transform:"translate(-".concat(this.zoomPosition.x,"px, -").concat(this.zoomPosition.y,"px)")}}},created:function(){},methods:{handleOver:function(){var t=this;clearTimeout(this.zoomOutTimeoutId),this.calcZoomSize(),0===this.delayIn?this.zoomShow=!0:this.zoomInTimeoutId=setTimeout(function(){t.zoomShow=!0},this.delayIn)},calcZoomSize:function(){this.imgRect=this.$refs.img&&this.$refs.img.getBoundingClientRect(),this.maskRect=this.$refs.mask&&this.$refs.mask.getBoundingClientRect(),this.imgRect&&this.maskRect&&(this.zoomImgWidth=this.imgRect.width/this.maskRect.width*this.zoomWidth,this.zoomImgHeight=this.imgRect.height/this.maskRect.height*this.zoomHeight)},handleMove:function(t){this.imgRect&&this.maskRect&&(this.maskX=this.outXCheck(t.clientX-this.imgRect.left),this.maskY=this.outYCheck(t.clientY-this.imgRect.top),this.zoomLeft=this.imgRect.width+10,this.zoomPosition.x=this.maskX*(this.zoomImgWidth/this.imgRect.width),this.zoomPosition.y=this.maskY*(this.zoomImgHeight/this.imgRect.height))},handleOut:function(){var t=this;clearTimeout(this.zoomInTimeoutId),0===this.delayOut?this.zoomShow=!1:this.zoomOutTimeoutId=setTimeout(function(){t.zoomShow=!1},this.delayOut)},outXCheck:function(t){return t-=this.maskRect.width/2,t<0?0:t+this.maskRect.width>this.imgRect.width?this.imgRect.width-this.maskRect.width:t},outYCheck:function(t){return t-=this.maskRect.height/2,t<0?0:t+this.maskRect.height>this.imgRect.height?this.imgRect.height-this.maskRect.height:t}}}),a=c;function u(t,e,n,o,i,r,c,a){var u,s="function"===typeof t?t.options:t;if(e&&(s.render=e,s.staticRenderFns=n,s._compiled=!0),o&&(s.functional=!0),r&&(s._scopeId="data-v-"+r),c?(u=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),i&&i.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(c)},s._ssrRegister=u):i&&(u=a?function(){i.call(this,this.$root.$options.shadowRoot)}:i),u)if(s.functional){s._injectStyles=u;var f=s.render;s.render=function(t,e){return u.call(e),f(t,e)}}else{var h=s.beforeCreate;s.beforeCreate=h?[].concat(h,u):[u]}return{exports:t,options:s}}var s=u(a,i,r,!1,null,null,null),f=s.exports,h=function(t){t.component("image-magnifier",f)};"undefined"!==typeof window&&window.Vue&&h(window.Vue);var l={install:h,ImageMagnifier:f};n.d(e,"ImageMagnifier",function(){return f});e["default"]=l},fdef:function(t,e){t.exports="\t\n\v\f\r   ᠎              \u2028\u2029\ufeff"}})}); 2 | //# sourceMappingURL=magnifier.umd.min.js.map -------------------------------------------------------------------------------- /lib/magnifier.common.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack://magnifier/webpack/bootstrap","webpack://magnifier/./node_modules/core-js/modules/_object-keys.js","webpack://magnifier/./node_modules/core-js/modules/_object-gopd.js","webpack://magnifier/./node_modules/core-js/modules/_object-dps.js","webpack://magnifier/./node_modules/core-js/modules/_dom-create.js","webpack://magnifier/./node_modules/core-js/modules/_redefine.js","webpack://magnifier/./node_modules/core-js/modules/_object-create.js","webpack://magnifier/./node_modules/core-js/modules/_library.js","webpack://magnifier/./node_modules/core-js/modules/_cof.js","webpack://magnifier/./node_modules/core-js/modules/_hide.js","webpack://magnifier/./node_modules/core-js/modules/_to-integer.js","webpack://magnifier/./node_modules/core-js/modules/_property-desc.js","webpack://magnifier/./node_modules/core-js/modules/_object-pie.js","webpack://magnifier/./node_modules/core-js/modules/_shared.js","webpack://magnifier/./node_modules/core-js/modules/_export.js","webpack://magnifier/./node_modules/core-js/modules/_inherit-if-required.js","webpack://magnifier/./node_modules/core-js/modules/_shared-key.js","webpack://magnifier/./node_modules/core-js/modules/_iobject.js","webpack://magnifier/./node_modules/core-js/modules/_to-iobject.js","webpack://magnifier/./node_modules/core-js/modules/_has.js","webpack://magnifier/./node_modules/core-js/modules/_to-primitive.js","webpack://magnifier/./node_modules/core-js/modules/_global.js","webpack://magnifier/./node_modules/core-js/modules/_to-absolute-index.js","webpack://magnifier/./node_modules/core-js/modules/_fails.js","webpack://magnifier/./node_modules/core-js/modules/_core.js","webpack://magnifier/./node_modules/core-js/modules/_object-dp.js","webpack://magnifier/./node_modules/core-js/modules/_set-proto.js","webpack://magnifier/./node_modules/core-js/modules/_object-gopn.js","webpack://magnifier/./node_modules/core-js/modules/_ctx.js","webpack://magnifier/./node_modules/core-js/modules/_to-length.js","webpack://magnifier/./node_modules/core-js/modules/_descriptors.js","webpack://magnifier/./node_modules/core-js/modules/_string-trim.js","webpack://magnifier/./node_modules/core-js/modules/_defined.js","webpack://magnifier/./node_modules/core-js/modules/_array-includes.js","webpack://magnifier/./node_modules/core-js/modules/es6.number.constructor.js","webpack://magnifier/./node_modules/core-js/modules/_ie8-dom-define.js","webpack://magnifier/./node_modules/core-js/modules/_uid.js","webpack://magnifier/./node_modules/core-js/modules/_an-object.js","webpack://magnifier/./node_modules/core-js/modules/_object-keys-internal.js","webpack://magnifier/./node_modules/core-js/modules/_is-object.js","webpack://magnifier/./node_modules/core-js/modules/_a-function.js","webpack://magnifier/./node_modules/core-js/modules/_enum-bug-keys.js","webpack://magnifier/./node_modules/core-js/modules/_function-to-string.js","webpack://magnifier/./node_modules/core-js/modules/_html.js","webpack://magnifier/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://magnifier/./src/components/ImageMagnifier.vue?490e","webpack://magnifier/src/components/ImageMagnifier.vue","webpack://magnifier/./src/components/ImageMagnifier.vue?97e3","webpack://magnifier/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://magnifier/./src/components/ImageMagnifier.vue","webpack://magnifier/./src/main.js","webpack://magnifier/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js","webpack://magnifier/./node_modules/core-js/modules/_string-ws.js"],"names":["install","Vue","component","ImageMagnifier","window"],"mappings":"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qBA;AACA;AACA;AACA;;AACA;AACA;AACA,8CANA,CAQA;;AACA;AACA;AACA,KAhCA;AAiCA,aAjCA,uBAiCA;AAAA;;AACA;;AACA;AACA;AACA,OAFA,MAEA;AACA;AACA;AACA,SAFA,EAEA,aAFA;AAGA;AACA,KA1CA;AA2CA,aA3CA,qBA2CA,CA3CA,EA2CA;AACA;;AACA;AACA;AACA;;AACA;AACA;AACA;;AACA;AACA,KApDA;AAqDA,aArDA,qBAqDA,CArDA,EAqDA;AACA;;AACA;AACA;AACA;;AACA;AACA;AACA;;AACA;AACA;AA9DA;AA1GA,G;;ACpBwU,CAAgB,4HAAG,EAAC,C;;ACA5V;;AAEA;AACA;AACA;;AAEe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA,qBAAqB;AACrB;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;AC5F6F;AAC3B;AACL;;;AAG7D;AAC0F;AAC1F,gBAAgB,kBAAU;AAC1B,EAAE,iDAAM;AACR,EAAE,MAAM;AACR,EAAE,eAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,oE;;AClBf;;AACA,IAAMA,YAAO,GAAG,SAAVA,OAAU,CAAUC,GAAV,EAAe;AAC7BA,KAAG,CAACC,SAAJ,CAAc,iBAAd,EAAiCC,cAAjC;AACD,CAFD;;AAIA,IAAI,OAAOC,MAAP,KAAkB,WAAlB,IAAiCA,MAAM,CAACH,GAA5C,EAAiD;AAC/CD,cAAO,CAACI,MAAM,CAACH,GAAR,CAAP;AACD;;AAEc;AACbD,SAAO,EAAPA,YADa;AAEbG,gBAAc,EAAdA,cAAcA;AAFD,CAAf;;;ACTA;AAAwB;AACA;AACT,mFAAG;AACI;;;;;;;;ACHtB;AACA","file":"magnifier.common.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"fb15\");\n","// 19.1.2.14 / 15.2.3.14 Object.keys(O)\nvar $keys = require('./_object-keys-internal');\nvar enumBugKeys = require('./_enum-bug-keys');\n\nmodule.exports = Object.keys || function keys(O) {\n return $keys(O, enumBugKeys);\n};\n","var pIE = require('./_object-pie');\nvar createDesc = require('./_property-desc');\nvar toIObject = require('./_to-iobject');\nvar toPrimitive = require('./_to-primitive');\nvar has = require('./_has');\nvar IE8_DOM_DEFINE = require('./_ie8-dom-define');\nvar gOPD = Object.getOwnPropertyDescriptor;\n\nexports.f = require('./_descriptors') ? gOPD : function getOwnPropertyDescriptor(O, P) {\n O = toIObject(O);\n P = toPrimitive(P, true);\n if (IE8_DOM_DEFINE) try {\n return gOPD(O, P);\n } catch (e) { /* empty */ }\n if (has(O, P)) return createDesc(!pIE.f.call(O, P), O[P]);\n};\n","var dP = require('./_object-dp');\nvar anObject = require('./_an-object');\nvar getKeys = require('./_object-keys');\n\nmodule.exports = require('./_descriptors') ? Object.defineProperties : function defineProperties(O, Properties) {\n anObject(O);\n var keys = getKeys(Properties);\n var length = keys.length;\n var i = 0;\n var P;\n while (length > i) dP.f(O, P = keys[i++], Properties[P]);\n return O;\n};\n","var isObject = require('./_is-object');\nvar document = require('./_global').document;\n// typeof document.createElement is 'object' in old IE\nvar is = isObject(document) && isObject(document.createElement);\nmodule.exports = function (it) {\n return is ? document.createElement(it) : {};\n};\n","var global = require('./_global');\nvar hide = require('./_hide');\nvar has = require('./_has');\nvar SRC = require('./_uid')('src');\nvar $toString = require('./_function-to-string');\nvar TO_STRING = 'toString';\nvar TPL = ('' + $toString).split(TO_STRING);\n\nrequire('./_core').inspectSource = function (it) {\n return $toString.call(it);\n};\n\n(module.exports = function (O, key, val, safe) {\n var isFunction = typeof val == 'function';\n if (isFunction) has(val, 'name') || hide(val, 'name', key);\n if (O[key] === val) return;\n if (isFunction) has(val, SRC) || hide(val, SRC, O[key] ? '' + O[key] : TPL.join(String(key)));\n if (O === global) {\n O[key] = val;\n } else if (!safe) {\n delete O[key];\n hide(O, key, val);\n } else if (O[key]) {\n O[key] = val;\n } else {\n hide(O, key, val);\n }\n// add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative\n})(Function.prototype, TO_STRING, function toString() {\n return typeof this == 'function' && this[SRC] || $toString.call(this);\n});\n","// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])\nvar anObject = require('./_an-object');\nvar dPs = require('./_object-dps');\nvar enumBugKeys = require('./_enum-bug-keys');\nvar IE_PROTO = require('./_shared-key')('IE_PROTO');\nvar Empty = function () { /* empty */ };\nvar PROTOTYPE = 'prototype';\n\n// Create object with fake `null` prototype: use iframe Object with cleared prototype\nvar createDict = function () {\n // Thrash, waste and sodomy: IE GC bug\n var iframe = require('./_dom-create')('iframe');\n var i = enumBugKeys.length;\n var lt = '<';\n var gt = '>';\n var iframeDocument;\n iframe.style.display = 'none';\n require('./_html').appendChild(iframe);\n iframe.src = 'javascript:'; // eslint-disable-line no-script-url\n // createDict = iframe.contentWindow.Object;\n // html.removeChild(iframe);\n iframeDocument = iframe.contentWindow.document;\n iframeDocument.open();\n iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);\n iframeDocument.close();\n createDict = iframeDocument.F;\n while (i--) delete createDict[PROTOTYPE][enumBugKeys[i]];\n return createDict();\n};\n\nmodule.exports = Object.create || function create(O, Properties) {\n var result;\n if (O !== null) {\n Empty[PROTOTYPE] = anObject(O);\n result = new Empty();\n Empty[PROTOTYPE] = null;\n // add \"__proto__\" for Object.getPrototypeOf polyfill\n result[IE_PROTO] = O;\n } else result = createDict();\n return Properties === undefined ? result : dPs(result, Properties);\n};\n","module.exports = false;\n","var toString = {}.toString;\n\nmodule.exports = function (it) {\n return toString.call(it).slice(8, -1);\n};\n","var dP = require('./_object-dp');\nvar createDesc = require('./_property-desc');\nmodule.exports = require('./_descriptors') ? function (object, key, value) {\n return dP.f(object, key, createDesc(1, value));\n} : function (object, key, value) {\n object[key] = value;\n return object;\n};\n","// 7.1.4 ToInteger\nvar ceil = Math.ceil;\nvar floor = Math.floor;\nmodule.exports = function (it) {\n return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);\n};\n","module.exports = function (bitmap, value) {\n return {\n enumerable: !(bitmap & 1),\n configurable: !(bitmap & 2),\n writable: !(bitmap & 4),\n value: value\n };\n};\n","exports.f = {}.propertyIsEnumerable;\n","var core = require('./_core');\nvar global = require('./_global');\nvar SHARED = '__core-js_shared__';\nvar store = global[SHARED] || (global[SHARED] = {});\n\n(module.exports = function (key, value) {\n return store[key] || (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n version: core.version,\n mode: require('./_library') ? 'pure' : 'global',\n copyright: '© 2019 Denis Pushkarev (zloirock.ru)'\n});\n","var global = require('./_global');\nvar core = require('./_core');\nvar hide = require('./_hide');\nvar redefine = require('./_redefine');\nvar ctx = require('./_ctx');\nvar PROTOTYPE = 'prototype';\n\nvar $export = function (type, name, source) {\n var IS_FORCED = type & $export.F;\n var IS_GLOBAL = type & $export.G;\n var IS_STATIC = type & $export.S;\n var IS_PROTO = type & $export.P;\n var IS_BIND = type & $export.B;\n var target = IS_GLOBAL ? global : IS_STATIC ? global[name] || (global[name] = {}) : (global[name] || {})[PROTOTYPE];\n var exports = IS_GLOBAL ? core : core[name] || (core[name] = {});\n var expProto = exports[PROTOTYPE] || (exports[PROTOTYPE] = {});\n var key, own, out, exp;\n if (IS_GLOBAL) source = name;\n for (key in source) {\n // contains in native\n own = !IS_FORCED && target && target[key] !== undefined;\n // export native or passed\n out = (own ? target : source)[key];\n // bind timers to global for call from export context\n exp = IS_BIND && own ? ctx(out, global) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out;\n // extend global\n if (target) redefine(target, key, out, type & $export.U);\n // export\n if (exports[key] != out) hide(exports, key, exp);\n if (IS_PROTO && expProto[key] != out) expProto[key] = out;\n }\n};\nglobal.core = core;\n// type bitmap\n$export.F = 1; // forced\n$export.G = 2; // global\n$export.S = 4; // static\n$export.P = 8; // proto\n$export.B = 16; // bind\n$export.W = 32; // wrap\n$export.U = 64; // safe\n$export.R = 128; // real proto method for `library`\nmodule.exports = $export;\n","var isObject = require('./_is-object');\nvar setPrototypeOf = require('./_set-proto').set;\nmodule.exports = function (that, target, C) {\n var S = target.constructor;\n var P;\n if (S !== C && typeof S == 'function' && (P = S.prototype) !== C.prototype && isObject(P) && setPrototypeOf) {\n setPrototypeOf(that, P);\n } return that;\n};\n","var shared = require('./_shared')('keys');\nvar uid = require('./_uid');\nmodule.exports = function (key) {\n return shared[key] || (shared[key] = uid(key));\n};\n","// fallback for non-array-like ES3 and non-enumerable old V8 strings\nvar cof = require('./_cof');\n// eslint-disable-next-line no-prototype-builtins\nmodule.exports = Object('z').propertyIsEnumerable(0) ? Object : function (it) {\n return cof(it) == 'String' ? it.split('') : Object(it);\n};\n","// to indexed object, toObject with fallback for non-array-like ES3 strings\nvar IObject = require('./_iobject');\nvar defined = require('./_defined');\nmodule.exports = function (it) {\n return IObject(defined(it));\n};\n","var hasOwnProperty = {}.hasOwnProperty;\nmodule.exports = function (it, key) {\n return hasOwnProperty.call(it, key);\n};\n","// 7.1.1 ToPrimitive(input [, PreferredType])\nvar isObject = require('./_is-object');\n// instead of the ES6 spec version, we didn't implement @@toPrimitive case\n// and the second argument - flag - preferred type is a string\nmodule.exports = function (it, S) {\n if (!isObject(it)) return it;\n var fn, val;\n if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;\n if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val;\n if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;\n throw TypeError(\"Can't convert object to primitive value\");\n};\n","// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\nvar global = module.exports = typeof window != 'undefined' && window.Math == Math\n ? window : typeof self != 'undefined' && self.Math == Math ? self\n // eslint-disable-next-line no-new-func\n : Function('return this')();\nif (typeof __g == 'number') __g = global; // eslint-disable-line no-undef\n","var toInteger = require('./_to-integer');\nvar max = Math.max;\nvar min = Math.min;\nmodule.exports = function (index, length) {\n index = toInteger(index);\n return index < 0 ? max(index + length, 0) : min(index, length);\n};\n","module.exports = function (exec) {\n try {\n return !!exec();\n } catch (e) {\n return true;\n }\n};\n","var core = module.exports = { version: '2.6.5' };\nif (typeof __e == 'number') __e = core; // eslint-disable-line no-undef\n","var anObject = require('./_an-object');\nvar IE8_DOM_DEFINE = require('./_ie8-dom-define');\nvar toPrimitive = require('./_to-primitive');\nvar dP = Object.defineProperty;\n\nexports.f = require('./_descriptors') ? Object.defineProperty : function defineProperty(O, P, Attributes) {\n anObject(O);\n P = toPrimitive(P, true);\n anObject(Attributes);\n if (IE8_DOM_DEFINE) try {\n return dP(O, P, Attributes);\n } catch (e) { /* empty */ }\n if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');\n if ('value' in Attributes) O[P] = Attributes.value;\n return O;\n};\n","// Works with __proto__ only. Old v8 can't work with null proto objects.\n/* eslint-disable no-proto */\nvar isObject = require('./_is-object');\nvar anObject = require('./_an-object');\nvar check = function (O, proto) {\n anObject(O);\n if (!isObject(proto) && proto !== null) throw TypeError(proto + \": can't set as prototype!\");\n};\nmodule.exports = {\n set: Object.setPrototypeOf || ('__proto__' in {} ? // eslint-disable-line\n function (test, buggy, set) {\n try {\n set = require('./_ctx')(Function.call, require('./_object-gopd').f(Object.prototype, '__proto__').set, 2);\n set(test, []);\n buggy = !(test instanceof Array);\n } catch (e) { buggy = true; }\n return function setPrototypeOf(O, proto) {\n check(O, proto);\n if (buggy) O.__proto__ = proto;\n else set(O, proto);\n return O;\n };\n }({}, false) : undefined),\n check: check\n};\n","// 19.1.2.7 / 15.2.3.4 Object.getOwnPropertyNames(O)\nvar $keys = require('./_object-keys-internal');\nvar hiddenKeys = require('./_enum-bug-keys').concat('length', 'prototype');\n\nexports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {\n return $keys(O, hiddenKeys);\n};\n","// optional / simple context binding\nvar aFunction = require('./_a-function');\nmodule.exports = function (fn, that, length) {\n aFunction(fn);\n if (that === undefined) return fn;\n switch (length) {\n case 1: return function (a) {\n return fn.call(that, a);\n };\n case 2: return function (a, b) {\n return fn.call(that, a, b);\n };\n case 3: return function (a, b, c) {\n return fn.call(that, a, b, c);\n };\n }\n return function (/* ...args */) {\n return fn.apply(that, arguments);\n };\n};\n","// 7.1.15 ToLength\nvar toInteger = require('./_to-integer');\nvar min = Math.min;\nmodule.exports = function (it) {\n return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991\n};\n","// Thank's IE8 for his funny defineProperty\nmodule.exports = !require('./_fails')(function () {\n return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;\n});\n","var $export = require('./_export');\nvar defined = require('./_defined');\nvar fails = require('./_fails');\nvar spaces = require('./_string-ws');\nvar space = '[' + spaces + ']';\nvar non = '\\u200b\\u0085';\nvar ltrim = RegExp('^' + space + space + '*');\nvar rtrim = RegExp(space + space + '*$');\n\nvar exporter = function (KEY, exec, ALIAS) {\n var exp = {};\n var FORCE = fails(function () {\n return !!spaces[KEY]() || non[KEY]() != non;\n });\n var fn = exp[KEY] = FORCE ? exec(trim) : spaces[KEY];\n if (ALIAS) exp[ALIAS] = fn;\n $export($export.P + $export.F * FORCE, 'String', exp);\n};\n\n// 1 -> String#trimLeft\n// 2 -> String#trimRight\n// 3 -> String#trim\nvar trim = exporter.trim = function (string, TYPE) {\n string = String(defined(string));\n if (TYPE & 1) string = string.replace(ltrim, '');\n if (TYPE & 2) string = string.replace(rtrim, '');\n return string;\n};\n\nmodule.exports = exporter;\n","// 7.2.1 RequireObjectCoercible(argument)\nmodule.exports = function (it) {\n if (it == undefined) throw TypeError(\"Can't call method on \" + it);\n return it;\n};\n","// false -> Array#indexOf\n// true -> Array#includes\nvar toIObject = require('./_to-iobject');\nvar toLength = require('./_to-length');\nvar toAbsoluteIndex = require('./_to-absolute-index');\nmodule.exports = function (IS_INCLUDES) {\n return function ($this, el, fromIndex) {\n var O = toIObject($this);\n var length = toLength(O.length);\n var index = toAbsoluteIndex(fromIndex, length);\n var value;\n // Array#includes uses SameValueZero equality algorithm\n // eslint-disable-next-line no-self-compare\n if (IS_INCLUDES && el != el) while (length > index) {\n value = O[index++];\n // eslint-disable-next-line no-self-compare\n if (value != value) return true;\n // Array#indexOf ignores holes, Array#includes - not\n } else for (;length > index; index++) if (IS_INCLUDES || index in O) {\n if (O[index] === el) return IS_INCLUDES || index || 0;\n } return !IS_INCLUDES && -1;\n };\n};\n","'use strict';\nvar global = require('./_global');\nvar has = require('./_has');\nvar cof = require('./_cof');\nvar inheritIfRequired = require('./_inherit-if-required');\nvar toPrimitive = require('./_to-primitive');\nvar fails = require('./_fails');\nvar gOPN = require('./_object-gopn').f;\nvar gOPD = require('./_object-gopd').f;\nvar dP = require('./_object-dp').f;\nvar $trim = require('./_string-trim').trim;\nvar NUMBER = 'Number';\nvar $Number = global[NUMBER];\nvar Base = $Number;\nvar proto = $Number.prototype;\n// Opera ~12 has broken Object#toString\nvar BROKEN_COF = cof(require('./_object-create')(proto)) == NUMBER;\nvar TRIM = 'trim' in String.prototype;\n\n// 7.1.3 ToNumber(argument)\nvar toNumber = function (argument) {\n var it = toPrimitive(argument, false);\n if (typeof it == 'string' && it.length > 2) {\n it = TRIM ? it.trim() : $trim(it, 3);\n var first = it.charCodeAt(0);\n var third, radix, maxCode;\n if (first === 43 || first === 45) {\n third = it.charCodeAt(2);\n if (third === 88 || third === 120) return NaN; // Number('+0x1') should be NaN, old V8 fix\n } else if (first === 48) {\n switch (it.charCodeAt(1)) {\n case 66: case 98: radix = 2; maxCode = 49; break; // fast equal /^0b[01]+$/i\n case 79: case 111: radix = 8; maxCode = 55; break; // fast equal /^0o[0-7]+$/i\n default: return +it;\n }\n for (var digits = it.slice(2), i = 0, l = digits.length, code; i < l; i++) {\n code = digits.charCodeAt(i);\n // parseInt parses a string to a first unavailable symbol\n // but ToNumber should return NaN if a string contains unavailable symbols\n if (code < 48 || code > maxCode) return NaN;\n } return parseInt(digits, radix);\n }\n } return +it;\n};\n\nif (!$Number(' 0o1') || !$Number('0b1') || $Number('+0x1')) {\n $Number = function Number(value) {\n var it = arguments.length < 1 ? 0 : value;\n var that = this;\n return that instanceof $Number\n // check on 1..constructor(foo) case\n && (BROKEN_COF ? fails(function () { proto.valueOf.call(that); }) : cof(that) != NUMBER)\n ? inheritIfRequired(new Base(toNumber(it)), that, $Number) : toNumber(it);\n };\n for (var keys = require('./_descriptors') ? gOPN(Base) : (\n // ES3:\n 'MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,' +\n // ES6 (in case, if modules with ES6 Number statics required before):\n 'EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,' +\n 'MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger'\n ).split(','), j = 0, key; keys.length > j; j++) {\n if (has(Base, key = keys[j]) && !has($Number, key)) {\n dP($Number, key, gOPD(Base, key));\n }\n }\n $Number.prototype = proto;\n proto.constructor = $Number;\n require('./_redefine')(global, NUMBER, $Number);\n}\n","module.exports = !require('./_descriptors') && !require('./_fails')(function () {\n return Object.defineProperty(require('./_dom-create')('div'), 'a', { get: function () { return 7; } }).a != 7;\n});\n","var id = 0;\nvar px = Math.random();\nmodule.exports = function (key) {\n return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));\n};\n","var isObject = require('./_is-object');\nmodule.exports = function (it) {\n if (!isObject(it)) throw TypeError(it + ' is not an object!');\n return it;\n};\n","var has = require('./_has');\nvar toIObject = require('./_to-iobject');\nvar arrayIndexOf = require('./_array-includes')(false);\nvar IE_PROTO = require('./_shared-key')('IE_PROTO');\n\nmodule.exports = function (object, names) {\n var O = toIObject(object);\n var i = 0;\n var result = [];\n var key;\n for (key in O) if (key != IE_PROTO) has(O, key) && result.push(key);\n // Don't enum bug & hidden keys\n while (names.length > i) if (has(O, key = names[i++])) {\n ~arrayIndexOf(result, key) || result.push(key);\n }\n return result;\n};\n","module.exports = function (it) {\n return typeof it === 'object' ? it !== null : typeof it === 'function';\n};\n","module.exports = function (it) {\n if (typeof it != 'function') throw TypeError(it + ' is not a function!');\n return it;\n};\n","// IE 8- don't enum bug keys\nmodule.exports = (\n 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'\n).split(',');\n","module.exports = require('./_shared')('native-function-to-string', Function.toString);\n","var document = require('./_global').document;\nmodule.exports = document && document.documentElement;\n","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n var i\n if ((i = window.document.currentScript) && (i = i.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/))) {\n __webpack_public_path__ = i[1] // eslint-disable-line\n }\n}\n\n// Indicate to webpack that this file can be concatenated\nexport default null\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"image-magnifier\",style:(_vm.style)},[_c('img',{ref:\"img\",staticClass:\"image-magnifier__img\",attrs:{\"width\":_vm.width,\"height\":_vm.height,\"src\":_vm.src},on:{\"mouseenter\":_vm.handleOver,\"mousemove\":_vm.handleMove,\"mouseleave\":_vm.handleOut}}),_c('div',{ref:\"mask\",staticClass:\"image-magnifier__mask\",class:_vm.maskClass,style:(_vm.maskStyle)}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.zoomShow),expression:\"zoomShow\"}],staticClass:\"image-magnifier__zoom\",class:_vm.zoomClass,style:(_vm.zoomStyle)},[_c('img',{style:(_vm.zoomImgStyle),attrs:{\"src\":_vm.zoomSrc}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageMagnifier.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageMagnifier.vue?vue&type=script&lang=js&\"","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n scriptExports,\n render,\n staticRenderFns,\n functionalTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier, /* server only */\n shadowMode /* vue-cli only */\n) {\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (render) {\n options.render = render\n options.staticRenderFns = staticRenderFns\n options._compiled = true\n }\n\n // functional template\n if (functionalTemplate) {\n options.functional = true\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = 'data-v-' + scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = shadowMode\n ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }\n : injectStyles\n }\n\n if (hook) {\n if (options.functional) {\n // for template-only hot-reload because in that case the render fn doesn't\n // go through the normalizer\n options._injectStyles = hook\n // register for functioal component in vue file\n var originalRender = options.render\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return originalRender(h, context)\n }\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n }\n }\n\n return {\n exports: scriptExports,\n options: options\n }\n}\n","import { render, staticRenderFns } from \"./ImageMagnifier.vue?vue&type=template&id=b4fea3fa&\"\nimport script from \"./ImageMagnifier.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageMagnifier.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\nexport default component.exports","import ImageMagnifier from './components/ImageMagnifier.vue';\nconst install = function (Vue) {\n Vue.component('image-magnifier', ImageMagnifier);\n}\n\nif (typeof window !== 'undefined' && window.Vue) {\n install(window.Vue);\n}\n\nexport default {\n install,\n ImageMagnifier\n}\n\nexport {\n ImageMagnifier\n}\n\n","import './setPublicPath'\nimport mod from '~entry'\nexport default mod\nexport * from '~entry'\n","module.exports = '\\x09\\x0A\\x0B\\x0C\\x0D\\x20\\xA0\\u1680\\u180E\\u2000\\u2001\\u2002\\u2003' +\n '\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200A\\u202F\\u205F\\u3000\\u2028\\u2029\\uFEFF';\n"],"sourceRoot":""} -------------------------------------------------------------------------------- /lib/magnifier.common.js: -------------------------------------------------------------------------------- 1 | module.exports = 2 | /******/ (function(modules) { // webpackBootstrap 3 | /******/ // The module cache 4 | /******/ var installedModules = {}; 5 | /******/ 6 | /******/ // The require function 7 | /******/ function __webpack_require__(moduleId) { 8 | /******/ 9 | /******/ // Check if module is in cache 10 | /******/ if(installedModules[moduleId]) { 11 | /******/ return installedModules[moduleId].exports; 12 | /******/ } 13 | /******/ // Create a new module (and put it into the cache) 14 | /******/ var module = installedModules[moduleId] = { 15 | /******/ i: moduleId, 16 | /******/ l: false, 17 | /******/ exports: {} 18 | /******/ }; 19 | /******/ 20 | /******/ // Execute the module function 21 | /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); 22 | /******/ 23 | /******/ // Flag the module as loaded 24 | /******/ module.l = true; 25 | /******/ 26 | /******/ // Return the exports of the module 27 | /******/ return module.exports; 28 | /******/ } 29 | /******/ 30 | /******/ 31 | /******/ // expose the modules object (__webpack_modules__) 32 | /******/ __webpack_require__.m = modules; 33 | /******/ 34 | /******/ // expose the module cache 35 | /******/ __webpack_require__.c = installedModules; 36 | /******/ 37 | /******/ // define getter function for harmony exports 38 | /******/ __webpack_require__.d = function(exports, name, getter) { 39 | /******/ if(!__webpack_require__.o(exports, name)) { 40 | /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); 41 | /******/ } 42 | /******/ }; 43 | /******/ 44 | /******/ // define __esModule on exports 45 | /******/ __webpack_require__.r = function(exports) { 46 | /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { 47 | /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); 48 | /******/ } 49 | /******/ Object.defineProperty(exports, '__esModule', { value: true }); 50 | /******/ }; 51 | /******/ 52 | /******/ // create a fake namespace object 53 | /******/ // mode & 1: value is a module id, require it 54 | /******/ // mode & 2: merge all properties of value into the ns 55 | /******/ // mode & 4: return value when already ns object 56 | /******/ // mode & 8|1: behave like require 57 | /******/ __webpack_require__.t = function(value, mode) { 58 | /******/ if(mode & 1) value = __webpack_require__(value); 59 | /******/ if(mode & 8) return value; 60 | /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; 61 | /******/ var ns = Object.create(null); 62 | /******/ __webpack_require__.r(ns); 63 | /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); 64 | /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); 65 | /******/ return ns; 66 | /******/ }; 67 | /******/ 68 | /******/ // getDefaultExport function for compatibility with non-harmony modules 69 | /******/ __webpack_require__.n = function(module) { 70 | /******/ var getter = module && module.__esModule ? 71 | /******/ function getDefault() { return module['default']; } : 72 | /******/ function getModuleExports() { return module; }; 73 | /******/ __webpack_require__.d(getter, 'a', getter); 74 | /******/ return getter; 75 | /******/ }; 76 | /******/ 77 | /******/ // Object.prototype.hasOwnProperty.call 78 | /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; 79 | /******/ 80 | /******/ // __webpack_public_path__ 81 | /******/ __webpack_require__.p = ""; 82 | /******/ 83 | /******/ 84 | /******/ // Load entry module and return exports 85 | /******/ return __webpack_require__(__webpack_require__.s = "fb15"); 86 | /******/ }) 87 | /************************************************************************/ 88 | /******/ ({ 89 | 90 | /***/ "0d58": 91 | /***/ (function(module, exports, __webpack_require__) { 92 | 93 | // 19.1.2.14 / 15.2.3.14 Object.keys(O) 94 | var $keys = __webpack_require__("ce10"); 95 | var enumBugKeys = __webpack_require__("e11e"); 96 | 97 | module.exports = Object.keys || function keys(O) { 98 | return $keys(O, enumBugKeys); 99 | }; 100 | 101 | 102 | /***/ }), 103 | 104 | /***/ "11e9": 105 | /***/ (function(module, exports, __webpack_require__) { 106 | 107 | var pIE = __webpack_require__("52a7"); 108 | var createDesc = __webpack_require__("4630"); 109 | var toIObject = __webpack_require__("6821"); 110 | var toPrimitive = __webpack_require__("6a99"); 111 | var has = __webpack_require__("69a8"); 112 | var IE8_DOM_DEFINE = __webpack_require__("c69a"); 113 | var gOPD = Object.getOwnPropertyDescriptor; 114 | 115 | exports.f = __webpack_require__("9e1e") ? gOPD : function getOwnPropertyDescriptor(O, P) { 116 | O = toIObject(O); 117 | P = toPrimitive(P, true); 118 | if (IE8_DOM_DEFINE) try { 119 | return gOPD(O, P); 120 | } catch (e) { /* empty */ } 121 | if (has(O, P)) return createDesc(!pIE.f.call(O, P), O[P]); 122 | }; 123 | 124 | 125 | /***/ }), 126 | 127 | /***/ "1495": 128 | /***/ (function(module, exports, __webpack_require__) { 129 | 130 | var dP = __webpack_require__("86cc"); 131 | var anObject = __webpack_require__("cb7c"); 132 | var getKeys = __webpack_require__("0d58"); 133 | 134 | module.exports = __webpack_require__("9e1e") ? Object.defineProperties : function defineProperties(O, Properties) { 135 | anObject(O); 136 | var keys = getKeys(Properties); 137 | var length = keys.length; 138 | var i = 0; 139 | var P; 140 | while (length > i) dP.f(O, P = keys[i++], Properties[P]); 141 | return O; 142 | }; 143 | 144 | 145 | /***/ }), 146 | 147 | /***/ "230e": 148 | /***/ (function(module, exports, __webpack_require__) { 149 | 150 | var isObject = __webpack_require__("d3f4"); 151 | var document = __webpack_require__("7726").document; 152 | // typeof document.createElement is 'object' in old IE 153 | var is = isObject(document) && isObject(document.createElement); 154 | module.exports = function (it) { 155 | return is ? document.createElement(it) : {}; 156 | }; 157 | 158 | 159 | /***/ }), 160 | 161 | /***/ "2aba": 162 | /***/ (function(module, exports, __webpack_require__) { 163 | 164 | var global = __webpack_require__("7726"); 165 | var hide = __webpack_require__("32e9"); 166 | var has = __webpack_require__("69a8"); 167 | var SRC = __webpack_require__("ca5a")('src'); 168 | var $toString = __webpack_require__("fa5b"); 169 | var TO_STRING = 'toString'; 170 | var TPL = ('' + $toString).split(TO_STRING); 171 | 172 | __webpack_require__("8378").inspectSource = function (it) { 173 | return $toString.call(it); 174 | }; 175 | 176 | (module.exports = function (O, key, val, safe) { 177 | var isFunction = typeof val == 'function'; 178 | if (isFunction) has(val, 'name') || hide(val, 'name', key); 179 | if (O[key] === val) return; 180 | if (isFunction) has(val, SRC) || hide(val, SRC, O[key] ? '' + O[key] : TPL.join(String(key))); 181 | if (O === global) { 182 | O[key] = val; 183 | } else if (!safe) { 184 | delete O[key]; 185 | hide(O, key, val); 186 | } else if (O[key]) { 187 | O[key] = val; 188 | } else { 189 | hide(O, key, val); 190 | } 191 | // add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative 192 | })(Function.prototype, TO_STRING, function toString() { 193 | return typeof this == 'function' && this[SRC] || $toString.call(this); 194 | }); 195 | 196 | 197 | /***/ }), 198 | 199 | /***/ "2aeb": 200 | /***/ (function(module, exports, __webpack_require__) { 201 | 202 | // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties]) 203 | var anObject = __webpack_require__("cb7c"); 204 | var dPs = __webpack_require__("1495"); 205 | var enumBugKeys = __webpack_require__("e11e"); 206 | var IE_PROTO = __webpack_require__("613b")('IE_PROTO'); 207 | var Empty = function () { /* empty */ }; 208 | var PROTOTYPE = 'prototype'; 209 | 210 | // Create object with fake `null` prototype: use iframe Object with cleared prototype 211 | var createDict = function () { 212 | // Thrash, waste and sodomy: IE GC bug 213 | var iframe = __webpack_require__("230e")('iframe'); 214 | var i = enumBugKeys.length; 215 | var lt = '<'; 216 | var gt = '>'; 217 | var iframeDocument; 218 | iframe.style.display = 'none'; 219 | __webpack_require__("fab2").appendChild(iframe); 220 | iframe.src = 'javascript:'; // eslint-disable-line no-script-url 221 | // createDict = iframe.contentWindow.Object; 222 | // html.removeChild(iframe); 223 | iframeDocument = iframe.contentWindow.document; 224 | iframeDocument.open(); 225 | iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt); 226 | iframeDocument.close(); 227 | createDict = iframeDocument.F; 228 | while (i--) delete createDict[PROTOTYPE][enumBugKeys[i]]; 229 | return createDict(); 230 | }; 231 | 232 | module.exports = Object.create || function create(O, Properties) { 233 | var result; 234 | if (O !== null) { 235 | Empty[PROTOTYPE] = anObject(O); 236 | result = new Empty(); 237 | Empty[PROTOTYPE] = null; 238 | // add "__proto__" for Object.getPrototypeOf polyfill 239 | result[IE_PROTO] = O; 240 | } else result = createDict(); 241 | return Properties === undefined ? result : dPs(result, Properties); 242 | }; 243 | 244 | 245 | /***/ }), 246 | 247 | /***/ "2d00": 248 | /***/ (function(module, exports) { 249 | 250 | module.exports = false; 251 | 252 | 253 | /***/ }), 254 | 255 | /***/ "2d95": 256 | /***/ (function(module, exports) { 257 | 258 | var toString = {}.toString; 259 | 260 | module.exports = function (it) { 261 | return toString.call(it).slice(8, -1); 262 | }; 263 | 264 | 265 | /***/ }), 266 | 267 | /***/ "32e9": 268 | /***/ (function(module, exports, __webpack_require__) { 269 | 270 | var dP = __webpack_require__("86cc"); 271 | var createDesc = __webpack_require__("4630"); 272 | module.exports = __webpack_require__("9e1e") ? function (object, key, value) { 273 | return dP.f(object, key, createDesc(1, value)); 274 | } : function (object, key, value) { 275 | object[key] = value; 276 | return object; 277 | }; 278 | 279 | 280 | /***/ }), 281 | 282 | /***/ "4588": 283 | /***/ (function(module, exports) { 284 | 285 | // 7.1.4 ToInteger 286 | var ceil = Math.ceil; 287 | var floor = Math.floor; 288 | module.exports = function (it) { 289 | return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it); 290 | }; 291 | 292 | 293 | /***/ }), 294 | 295 | /***/ "4630": 296 | /***/ (function(module, exports) { 297 | 298 | module.exports = function (bitmap, value) { 299 | return { 300 | enumerable: !(bitmap & 1), 301 | configurable: !(bitmap & 2), 302 | writable: !(bitmap & 4), 303 | value: value 304 | }; 305 | }; 306 | 307 | 308 | /***/ }), 309 | 310 | /***/ "52a7": 311 | /***/ (function(module, exports) { 312 | 313 | exports.f = {}.propertyIsEnumerable; 314 | 315 | 316 | /***/ }), 317 | 318 | /***/ "5537": 319 | /***/ (function(module, exports, __webpack_require__) { 320 | 321 | var core = __webpack_require__("8378"); 322 | var global = __webpack_require__("7726"); 323 | var SHARED = '__core-js_shared__'; 324 | var store = global[SHARED] || (global[SHARED] = {}); 325 | 326 | (module.exports = function (key, value) { 327 | return store[key] || (store[key] = value !== undefined ? value : {}); 328 | })('versions', []).push({ 329 | version: core.version, 330 | mode: __webpack_require__("2d00") ? 'pure' : 'global', 331 | copyright: '© 2019 Denis Pushkarev (zloirock.ru)' 332 | }); 333 | 334 | 335 | /***/ }), 336 | 337 | /***/ "5ca1": 338 | /***/ (function(module, exports, __webpack_require__) { 339 | 340 | var global = __webpack_require__("7726"); 341 | var core = __webpack_require__("8378"); 342 | var hide = __webpack_require__("32e9"); 343 | var redefine = __webpack_require__("2aba"); 344 | var ctx = __webpack_require__("9b43"); 345 | var PROTOTYPE = 'prototype'; 346 | 347 | var $export = function (type, name, source) { 348 | var IS_FORCED = type & $export.F; 349 | var IS_GLOBAL = type & $export.G; 350 | var IS_STATIC = type & $export.S; 351 | var IS_PROTO = type & $export.P; 352 | var IS_BIND = type & $export.B; 353 | var target = IS_GLOBAL ? global : IS_STATIC ? global[name] || (global[name] = {}) : (global[name] || {})[PROTOTYPE]; 354 | var exports = IS_GLOBAL ? core : core[name] || (core[name] = {}); 355 | var expProto = exports[PROTOTYPE] || (exports[PROTOTYPE] = {}); 356 | var key, own, out, exp; 357 | if (IS_GLOBAL) source = name; 358 | for (key in source) { 359 | // contains in native 360 | own = !IS_FORCED && target && target[key] !== undefined; 361 | // export native or passed 362 | out = (own ? target : source)[key]; 363 | // bind timers to global for call from export context 364 | exp = IS_BIND && own ? ctx(out, global) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out; 365 | // extend global 366 | if (target) redefine(target, key, out, type & $export.U); 367 | // export 368 | if (exports[key] != out) hide(exports, key, exp); 369 | if (IS_PROTO && expProto[key] != out) expProto[key] = out; 370 | } 371 | }; 372 | global.core = core; 373 | // type bitmap 374 | $export.F = 1; // forced 375 | $export.G = 2; // global 376 | $export.S = 4; // static 377 | $export.P = 8; // proto 378 | $export.B = 16; // bind 379 | $export.W = 32; // wrap 380 | $export.U = 64; // safe 381 | $export.R = 128; // real proto method for `library` 382 | module.exports = $export; 383 | 384 | 385 | /***/ }), 386 | 387 | /***/ "5dbc": 388 | /***/ (function(module, exports, __webpack_require__) { 389 | 390 | var isObject = __webpack_require__("d3f4"); 391 | var setPrototypeOf = __webpack_require__("8b97").set; 392 | module.exports = function (that, target, C) { 393 | var S = target.constructor; 394 | var P; 395 | if (S !== C && typeof S == 'function' && (P = S.prototype) !== C.prototype && isObject(P) && setPrototypeOf) { 396 | setPrototypeOf(that, P); 397 | } return that; 398 | }; 399 | 400 | 401 | /***/ }), 402 | 403 | /***/ "613b": 404 | /***/ (function(module, exports, __webpack_require__) { 405 | 406 | var shared = __webpack_require__("5537")('keys'); 407 | var uid = __webpack_require__("ca5a"); 408 | module.exports = function (key) { 409 | return shared[key] || (shared[key] = uid(key)); 410 | }; 411 | 412 | 413 | /***/ }), 414 | 415 | /***/ "626a": 416 | /***/ (function(module, exports, __webpack_require__) { 417 | 418 | // fallback for non-array-like ES3 and non-enumerable old V8 strings 419 | var cof = __webpack_require__("2d95"); 420 | // eslint-disable-next-line no-prototype-builtins 421 | module.exports = Object('z').propertyIsEnumerable(0) ? Object : function (it) { 422 | return cof(it) == 'String' ? it.split('') : Object(it); 423 | }; 424 | 425 | 426 | /***/ }), 427 | 428 | /***/ "6821": 429 | /***/ (function(module, exports, __webpack_require__) { 430 | 431 | // to indexed object, toObject with fallback for non-array-like ES3 strings 432 | var IObject = __webpack_require__("626a"); 433 | var defined = __webpack_require__("be13"); 434 | module.exports = function (it) { 435 | return IObject(defined(it)); 436 | }; 437 | 438 | 439 | /***/ }), 440 | 441 | /***/ "69a8": 442 | /***/ (function(module, exports) { 443 | 444 | var hasOwnProperty = {}.hasOwnProperty; 445 | module.exports = function (it, key) { 446 | return hasOwnProperty.call(it, key); 447 | }; 448 | 449 | 450 | /***/ }), 451 | 452 | /***/ "6a99": 453 | /***/ (function(module, exports, __webpack_require__) { 454 | 455 | // 7.1.1 ToPrimitive(input [, PreferredType]) 456 | var isObject = __webpack_require__("d3f4"); 457 | // instead of the ES6 spec version, we didn't implement @@toPrimitive case 458 | // and the second argument - flag - preferred type is a string 459 | module.exports = function (it, S) { 460 | if (!isObject(it)) return it; 461 | var fn, val; 462 | if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val; 463 | if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val; 464 | if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val; 465 | throw TypeError("Can't convert object to primitive value"); 466 | }; 467 | 468 | 469 | /***/ }), 470 | 471 | /***/ "7726": 472 | /***/ (function(module, exports) { 473 | 474 | // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028 475 | var global = module.exports = typeof window != 'undefined' && window.Math == Math 476 | ? window : typeof self != 'undefined' && self.Math == Math ? self 477 | // eslint-disable-next-line no-new-func 478 | : Function('return this')(); 479 | if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef 480 | 481 | 482 | /***/ }), 483 | 484 | /***/ "77f1": 485 | /***/ (function(module, exports, __webpack_require__) { 486 | 487 | var toInteger = __webpack_require__("4588"); 488 | var max = Math.max; 489 | var min = Math.min; 490 | module.exports = function (index, length) { 491 | index = toInteger(index); 492 | return index < 0 ? max(index + length, 0) : min(index, length); 493 | }; 494 | 495 | 496 | /***/ }), 497 | 498 | /***/ "79e5": 499 | /***/ (function(module, exports) { 500 | 501 | module.exports = function (exec) { 502 | try { 503 | return !!exec(); 504 | } catch (e) { 505 | return true; 506 | } 507 | }; 508 | 509 | 510 | /***/ }), 511 | 512 | /***/ "8378": 513 | /***/ (function(module, exports) { 514 | 515 | var core = module.exports = { version: '2.6.5' }; 516 | if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef 517 | 518 | 519 | /***/ }), 520 | 521 | /***/ "86cc": 522 | /***/ (function(module, exports, __webpack_require__) { 523 | 524 | var anObject = __webpack_require__("cb7c"); 525 | var IE8_DOM_DEFINE = __webpack_require__("c69a"); 526 | var toPrimitive = __webpack_require__("6a99"); 527 | var dP = Object.defineProperty; 528 | 529 | exports.f = __webpack_require__("9e1e") ? Object.defineProperty : function defineProperty(O, P, Attributes) { 530 | anObject(O); 531 | P = toPrimitive(P, true); 532 | anObject(Attributes); 533 | if (IE8_DOM_DEFINE) try { 534 | return dP(O, P, Attributes); 535 | } catch (e) { /* empty */ } 536 | if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!'); 537 | if ('value' in Attributes) O[P] = Attributes.value; 538 | return O; 539 | }; 540 | 541 | 542 | /***/ }), 543 | 544 | /***/ "8b97": 545 | /***/ (function(module, exports, __webpack_require__) { 546 | 547 | // Works with __proto__ only. Old v8 can't work with null proto objects. 548 | /* eslint-disable no-proto */ 549 | var isObject = __webpack_require__("d3f4"); 550 | var anObject = __webpack_require__("cb7c"); 551 | var check = function (O, proto) { 552 | anObject(O); 553 | if (!isObject(proto) && proto !== null) throw TypeError(proto + ": can't set as prototype!"); 554 | }; 555 | module.exports = { 556 | set: Object.setPrototypeOf || ('__proto__' in {} ? // eslint-disable-line 557 | function (test, buggy, set) { 558 | try { 559 | set = __webpack_require__("9b43")(Function.call, __webpack_require__("11e9").f(Object.prototype, '__proto__').set, 2); 560 | set(test, []); 561 | buggy = !(test instanceof Array); 562 | } catch (e) { buggy = true; } 563 | return function setPrototypeOf(O, proto) { 564 | check(O, proto); 565 | if (buggy) O.__proto__ = proto; 566 | else set(O, proto); 567 | return O; 568 | }; 569 | }({}, false) : undefined), 570 | check: check 571 | }; 572 | 573 | 574 | /***/ }), 575 | 576 | /***/ "9093": 577 | /***/ (function(module, exports, __webpack_require__) { 578 | 579 | // 19.1.2.7 / 15.2.3.4 Object.getOwnPropertyNames(O) 580 | var $keys = __webpack_require__("ce10"); 581 | var hiddenKeys = __webpack_require__("e11e").concat('length', 'prototype'); 582 | 583 | exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) { 584 | return $keys(O, hiddenKeys); 585 | }; 586 | 587 | 588 | /***/ }), 589 | 590 | /***/ "9b43": 591 | /***/ (function(module, exports, __webpack_require__) { 592 | 593 | // optional / simple context binding 594 | var aFunction = __webpack_require__("d8e8"); 595 | module.exports = function (fn, that, length) { 596 | aFunction(fn); 597 | if (that === undefined) return fn; 598 | switch (length) { 599 | case 1: return function (a) { 600 | return fn.call(that, a); 601 | }; 602 | case 2: return function (a, b) { 603 | return fn.call(that, a, b); 604 | }; 605 | case 3: return function (a, b, c) { 606 | return fn.call(that, a, b, c); 607 | }; 608 | } 609 | return function (/* ...args */) { 610 | return fn.apply(that, arguments); 611 | }; 612 | }; 613 | 614 | 615 | /***/ }), 616 | 617 | /***/ "9def": 618 | /***/ (function(module, exports, __webpack_require__) { 619 | 620 | // 7.1.15 ToLength 621 | var toInteger = __webpack_require__("4588"); 622 | var min = Math.min; 623 | module.exports = function (it) { 624 | return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991 625 | }; 626 | 627 | 628 | /***/ }), 629 | 630 | /***/ "9e1e": 631 | /***/ (function(module, exports, __webpack_require__) { 632 | 633 | // Thank's IE8 for his funny defineProperty 634 | module.exports = !__webpack_require__("79e5")(function () { 635 | return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7; 636 | }); 637 | 638 | 639 | /***/ }), 640 | 641 | /***/ "aa77": 642 | /***/ (function(module, exports, __webpack_require__) { 643 | 644 | var $export = __webpack_require__("5ca1"); 645 | var defined = __webpack_require__("be13"); 646 | var fails = __webpack_require__("79e5"); 647 | var spaces = __webpack_require__("fdef"); 648 | var space = '[' + spaces + ']'; 649 | var non = '\u200b\u0085'; 650 | var ltrim = RegExp('^' + space + space + '*'); 651 | var rtrim = RegExp(space + space + '*$'); 652 | 653 | var exporter = function (KEY, exec, ALIAS) { 654 | var exp = {}; 655 | var FORCE = fails(function () { 656 | return !!spaces[KEY]() || non[KEY]() != non; 657 | }); 658 | var fn = exp[KEY] = FORCE ? exec(trim) : spaces[KEY]; 659 | if (ALIAS) exp[ALIAS] = fn; 660 | $export($export.P + $export.F * FORCE, 'String', exp); 661 | }; 662 | 663 | // 1 -> String#trimLeft 664 | // 2 -> String#trimRight 665 | // 3 -> String#trim 666 | var trim = exporter.trim = function (string, TYPE) { 667 | string = String(defined(string)); 668 | if (TYPE & 1) string = string.replace(ltrim, ''); 669 | if (TYPE & 2) string = string.replace(rtrim, ''); 670 | return string; 671 | }; 672 | 673 | module.exports = exporter; 674 | 675 | 676 | /***/ }), 677 | 678 | /***/ "be13": 679 | /***/ (function(module, exports) { 680 | 681 | // 7.2.1 RequireObjectCoercible(argument) 682 | module.exports = function (it) { 683 | if (it == undefined) throw TypeError("Can't call method on " + it); 684 | return it; 685 | }; 686 | 687 | 688 | /***/ }), 689 | 690 | /***/ "c366": 691 | /***/ (function(module, exports, __webpack_require__) { 692 | 693 | // false -> Array#indexOf 694 | // true -> Array#includes 695 | var toIObject = __webpack_require__("6821"); 696 | var toLength = __webpack_require__("9def"); 697 | var toAbsoluteIndex = __webpack_require__("77f1"); 698 | module.exports = function (IS_INCLUDES) { 699 | return function ($this, el, fromIndex) { 700 | var O = toIObject($this); 701 | var length = toLength(O.length); 702 | var index = toAbsoluteIndex(fromIndex, length); 703 | var value; 704 | // Array#includes uses SameValueZero equality algorithm 705 | // eslint-disable-next-line no-self-compare 706 | if (IS_INCLUDES && el != el) while (length > index) { 707 | value = O[index++]; 708 | // eslint-disable-next-line no-self-compare 709 | if (value != value) return true; 710 | // Array#indexOf ignores holes, Array#includes - not 711 | } else for (;length > index; index++) if (IS_INCLUDES || index in O) { 712 | if (O[index] === el) return IS_INCLUDES || index || 0; 713 | } return !IS_INCLUDES && -1; 714 | }; 715 | }; 716 | 717 | 718 | /***/ }), 719 | 720 | /***/ "c5f6": 721 | /***/ (function(module, exports, __webpack_require__) { 722 | 723 | "use strict"; 724 | 725 | var global = __webpack_require__("7726"); 726 | var has = __webpack_require__("69a8"); 727 | var cof = __webpack_require__("2d95"); 728 | var inheritIfRequired = __webpack_require__("5dbc"); 729 | var toPrimitive = __webpack_require__("6a99"); 730 | var fails = __webpack_require__("79e5"); 731 | var gOPN = __webpack_require__("9093").f; 732 | var gOPD = __webpack_require__("11e9").f; 733 | var dP = __webpack_require__("86cc").f; 734 | var $trim = __webpack_require__("aa77").trim; 735 | var NUMBER = 'Number'; 736 | var $Number = global[NUMBER]; 737 | var Base = $Number; 738 | var proto = $Number.prototype; 739 | // Opera ~12 has broken Object#toString 740 | var BROKEN_COF = cof(__webpack_require__("2aeb")(proto)) == NUMBER; 741 | var TRIM = 'trim' in String.prototype; 742 | 743 | // 7.1.3 ToNumber(argument) 744 | var toNumber = function (argument) { 745 | var it = toPrimitive(argument, false); 746 | if (typeof it == 'string' && it.length > 2) { 747 | it = TRIM ? it.trim() : $trim(it, 3); 748 | var first = it.charCodeAt(0); 749 | var third, radix, maxCode; 750 | if (first === 43 || first === 45) { 751 | third = it.charCodeAt(2); 752 | if (third === 88 || third === 120) return NaN; // Number('+0x1') should be NaN, old V8 fix 753 | } else if (first === 48) { 754 | switch (it.charCodeAt(1)) { 755 | case 66: case 98: radix = 2; maxCode = 49; break; // fast equal /^0b[01]+$/i 756 | case 79: case 111: radix = 8; maxCode = 55; break; // fast equal /^0o[0-7]+$/i 757 | default: return +it; 758 | } 759 | for (var digits = it.slice(2), i = 0, l = digits.length, code; i < l; i++) { 760 | code = digits.charCodeAt(i); 761 | // parseInt parses a string to a first unavailable symbol 762 | // but ToNumber should return NaN if a string contains unavailable symbols 763 | if (code < 48 || code > maxCode) return NaN; 764 | } return parseInt(digits, radix); 765 | } 766 | } return +it; 767 | }; 768 | 769 | if (!$Number(' 0o1') || !$Number('0b1') || $Number('+0x1')) { 770 | $Number = function Number(value) { 771 | var it = arguments.length < 1 ? 0 : value; 772 | var that = this; 773 | return that instanceof $Number 774 | // check on 1..constructor(foo) case 775 | && (BROKEN_COF ? fails(function () { proto.valueOf.call(that); }) : cof(that) != NUMBER) 776 | ? inheritIfRequired(new Base(toNumber(it)), that, $Number) : toNumber(it); 777 | }; 778 | for (var keys = __webpack_require__("9e1e") ? gOPN(Base) : ( 779 | // ES3: 780 | 'MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,' + 781 | // ES6 (in case, if modules with ES6 Number statics required before): 782 | 'EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,' + 783 | 'MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger' 784 | ).split(','), j = 0, key; keys.length > j; j++) { 785 | if (has(Base, key = keys[j]) && !has($Number, key)) { 786 | dP($Number, key, gOPD(Base, key)); 787 | } 788 | } 789 | $Number.prototype = proto; 790 | proto.constructor = $Number; 791 | __webpack_require__("2aba")(global, NUMBER, $Number); 792 | } 793 | 794 | 795 | /***/ }), 796 | 797 | /***/ "c69a": 798 | /***/ (function(module, exports, __webpack_require__) { 799 | 800 | module.exports = !__webpack_require__("9e1e") && !__webpack_require__("79e5")(function () { 801 | return Object.defineProperty(__webpack_require__("230e")('div'), 'a', { get: function () { return 7; } }).a != 7; 802 | }); 803 | 804 | 805 | /***/ }), 806 | 807 | /***/ "ca5a": 808 | /***/ (function(module, exports) { 809 | 810 | var id = 0; 811 | var px = Math.random(); 812 | module.exports = function (key) { 813 | return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36)); 814 | }; 815 | 816 | 817 | /***/ }), 818 | 819 | /***/ "cb7c": 820 | /***/ (function(module, exports, __webpack_require__) { 821 | 822 | var isObject = __webpack_require__("d3f4"); 823 | module.exports = function (it) { 824 | if (!isObject(it)) throw TypeError(it + ' is not an object!'); 825 | return it; 826 | }; 827 | 828 | 829 | /***/ }), 830 | 831 | /***/ "ce10": 832 | /***/ (function(module, exports, __webpack_require__) { 833 | 834 | var has = __webpack_require__("69a8"); 835 | var toIObject = __webpack_require__("6821"); 836 | var arrayIndexOf = __webpack_require__("c366")(false); 837 | var IE_PROTO = __webpack_require__("613b")('IE_PROTO'); 838 | 839 | module.exports = function (object, names) { 840 | var O = toIObject(object); 841 | var i = 0; 842 | var result = []; 843 | var key; 844 | for (key in O) if (key != IE_PROTO) has(O, key) && result.push(key); 845 | // Don't enum bug & hidden keys 846 | while (names.length > i) if (has(O, key = names[i++])) { 847 | ~arrayIndexOf(result, key) || result.push(key); 848 | } 849 | return result; 850 | }; 851 | 852 | 853 | /***/ }), 854 | 855 | /***/ "d3f4": 856 | /***/ (function(module, exports) { 857 | 858 | module.exports = function (it) { 859 | return typeof it === 'object' ? it !== null : typeof it === 'function'; 860 | }; 861 | 862 | 863 | /***/ }), 864 | 865 | /***/ "d8e8": 866 | /***/ (function(module, exports) { 867 | 868 | module.exports = function (it) { 869 | if (typeof it != 'function') throw TypeError(it + ' is not a function!'); 870 | return it; 871 | }; 872 | 873 | 874 | /***/ }), 875 | 876 | /***/ "e11e": 877 | /***/ (function(module, exports) { 878 | 879 | // IE 8- don't enum bug keys 880 | module.exports = ( 881 | 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf' 882 | ).split(','); 883 | 884 | 885 | /***/ }), 886 | 887 | /***/ "fa5b": 888 | /***/ (function(module, exports, __webpack_require__) { 889 | 890 | module.exports = __webpack_require__("5537")('native-function-to-string', Function.toString); 891 | 892 | 893 | /***/ }), 894 | 895 | /***/ "fab2": 896 | /***/ (function(module, exports, __webpack_require__) { 897 | 898 | var document = __webpack_require__("7726").document; 899 | module.exports = document && document.documentElement; 900 | 901 | 902 | /***/ }), 903 | 904 | /***/ "fb15": 905 | /***/ (function(module, __webpack_exports__, __webpack_require__) { 906 | 907 | "use strict"; 908 | __webpack_require__.r(__webpack_exports__); 909 | 910 | // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js 911 | // This file is imported into lib/wc client bundles. 912 | 913 | if (typeof window !== 'undefined') { 914 | var i 915 | if ((i = window.document.currentScript) && (i = i.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))) { 916 | __webpack_require__.p = i[1] // eslint-disable-line 917 | } 918 | } 919 | 920 | // Indicate to webpack that this file can be concatenated 921 | /* harmony default export */ var setPublicPath = (null); 922 | 923 | // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"553e40dc-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ImageMagnifier.vue?vue&type=template&id=b4fea3fa& 924 | var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"image-magnifier",style:(_vm.style)},[_c('img',{ref:"img",staticClass:"image-magnifier__img",attrs:{"width":_vm.width,"height":_vm.height,"src":_vm.src},on:{"mouseenter":_vm.handleOver,"mousemove":_vm.handleMove,"mouseleave":_vm.handleOut}}),_c('div',{ref:"mask",staticClass:"image-magnifier__mask",class:_vm.maskClass,style:(_vm.maskStyle)}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.zoomShow),expression:"zoomShow"}],staticClass:"image-magnifier__zoom",class:_vm.zoomClass,style:(_vm.zoomStyle)},[_c('img',{style:(_vm.zoomImgStyle),attrs:{"src":_vm.zoomSrc}})])])} 925 | var staticRenderFns = [] 926 | 927 | 928 | // CONCATENATED MODULE: ./src/components/ImageMagnifier.vue?vue&type=template&id=b4fea3fa& 929 | 930 | // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.number.constructor.js 931 | var es6_number_constructor = __webpack_require__("c5f6"); 932 | 933 | // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ImageMagnifier.vue?vue&type=script&lang=js& 934 | 935 | // 936 | // 937 | // 938 | // 939 | // 940 | // 941 | // 942 | // 943 | // 944 | // 945 | // 946 | // 947 | // 948 | // 949 | // 950 | // 951 | // 952 | // 953 | // 954 | /* harmony default export */ var ImageMagnifiervue_type_script_lang_js_ = ({ 955 | name: "ImageMagnifier", 956 | props: { 957 | width: { 958 | default: 'auto' 959 | }, 960 | height: { 961 | default: 'auto' 962 | }, 963 | src: {}, 964 | zoomSrc: {}, 965 | zoomWidth: { 966 | default: 'auto' 967 | }, 968 | zoomHeight: { 969 | default: 'auto' 970 | }, 971 | zoomClass: {}, 972 | maskWidth: { 973 | default: 100 974 | }, 975 | maskHeight: { 976 | default: 100 977 | }, 978 | maskBgColor: { 979 | default: '#409eff' 980 | }, 981 | maskOpacity: { 982 | default: .5 983 | }, 984 | maskClass: {}, 985 | delayIn: { 986 | type: Number, 987 | default: 0 988 | }, 989 | delayOut: { 990 | type: Number, 991 | default: 0 992 | } 993 | }, 994 | data: function data() { 995 | return { 996 | zoomShow: false, 997 | imgRect: '', 998 | maskRect: '', 999 | maskX: 0, 1000 | maskY: 0, 1001 | zoomImage: '', 1002 | zoomLeft: '', 1003 | zoomImgWidth: 0, 1004 | zoomImgHeight: 0, 1005 | zoomPosition: { 1006 | x: 0, 1007 | y: 0 1008 | }, 1009 | zoomInTimeoutId: null, 1010 | zoomOutTimeoutId: null 1011 | }; 1012 | }, 1013 | computed: { 1014 | style: function style() { 1015 | return { 1016 | position: 'relative', 1017 | cursor: 'move' 1018 | }; 1019 | }, 1020 | maskStyle: function maskStyle() { 1021 | return { 1022 | position: 'absolute', 1023 | width: "".concat(this.maskWidth, "px"), 1024 | height: "".concat(this.maskHeight, "px"), 1025 | opacity: this.maskOpacity, 1026 | backgroundColor: this.maskBgColor, 1027 | left: 0, 1028 | top: 0, 1029 | transform: "translate(".concat(this.maskX, "px, ").concat(this.maskY, "px)"), 1030 | willChange: 'transform', 1031 | pointerEvents: 'none', 1032 | zIndex: 1000, 1033 | visibility: this.zoomShow ? 'visible' : 'hidden' 1034 | }; 1035 | }, 1036 | zoomStyle: function zoomStyle() { 1037 | return { 1038 | width: "".concat(this.zoomWidth, "px"), 1039 | height: "".concat(this.zoomHeight, "px"), 1040 | position: 'absolute', 1041 | left: "".concat(this.zoomLeft, "px"), 1042 | top: 0, 1043 | overflow: 'hidden', 1044 | zIndex: 1000 1045 | }; 1046 | }, 1047 | zoomImgStyle: function zoomImgStyle() { 1048 | return { 1049 | width: "".concat(this.zoomImgWidth, "px"), 1050 | height: "".concat(this.zoomImgHeight, "px"), 1051 | willChange: 'transform', 1052 | transform: "translate(-".concat(this.zoomPosition.x, "px, -").concat(this.zoomPosition.y, "px)") 1053 | }; 1054 | } 1055 | }, 1056 | created: function created() {}, 1057 | methods: { 1058 | handleOver: function handleOver() { 1059 | var _this = this; 1060 | 1061 | clearTimeout(this.zoomOutTimeoutId); 1062 | this.calcZoomSize(); 1063 | 1064 | if (this.delayIn === 0) { 1065 | this.zoomShow = true; 1066 | } else { 1067 | this.zoomInTimeoutId = setTimeout(function () { 1068 | _this.zoomShow = true; 1069 | }, this.delayIn); 1070 | } 1071 | }, 1072 | calcZoomSize: function calcZoomSize() { 1073 | this.imgRect = this.$refs.img && this.$refs.img.getBoundingClientRect(); 1074 | this.maskRect = this.$refs.mask && this.$refs.mask.getBoundingClientRect(); //计算大图宽高 1075 | 1076 | if (this.imgRect && this.maskRect) { 1077 | this.zoomImgWidth = this.imgRect.width / this.maskRect.width * this.zoomWidth; 1078 | this.zoomImgHeight = this.imgRect.height / this.maskRect.height * this.zoomHeight; 1079 | } 1080 | }, 1081 | handleMove: function handleMove(e) { 1082 | if (!this.imgRect || !this.maskRect) { 1083 | return; 1084 | } 1085 | 1086 | this.maskX = this.outXCheck(e.clientX - this.imgRect.left); 1087 | this.maskY = this.outYCheck(e.clientY - this.imgRect.top); 1088 | this.zoomLeft = this.imgRect.width + 10; //计算大图偏移量 1089 | 1090 | this.zoomPosition.x = this.maskX * (this.zoomImgWidth / this.imgRect.width); 1091 | this.zoomPosition.y = this.maskY * (this.zoomImgHeight / this.imgRect.height); 1092 | }, 1093 | handleOut: function handleOut() { 1094 | var _this2 = this; 1095 | 1096 | clearTimeout(this.zoomInTimeoutId); 1097 | 1098 | if (this.delayOut === 0) { 1099 | this.zoomShow = false; 1100 | } else { 1101 | this.zoomOutTimeoutId = setTimeout(function () { 1102 | _this2.zoomShow = false; 1103 | }, this.delayOut); 1104 | } 1105 | }, 1106 | outXCheck: function outXCheck(x) { 1107 | x = x - this.maskRect.width / 2; 1108 | 1109 | if (x < 0) { 1110 | return 0; 1111 | } 1112 | 1113 | if (x + this.maskRect.width > this.imgRect.width) { 1114 | return this.imgRect.width - this.maskRect.width; 1115 | } 1116 | 1117 | return x; 1118 | }, 1119 | outYCheck: function outYCheck(y) { 1120 | y = y - this.maskRect.height / 2; 1121 | 1122 | if (y < 0) { 1123 | return 0; 1124 | } 1125 | 1126 | if (y + this.maskRect.height > this.imgRect.height) { 1127 | return this.imgRect.height - this.maskRect.height; 1128 | } 1129 | 1130 | return y; 1131 | } 1132 | } 1133 | }); 1134 | // CONCATENATED MODULE: ./src/components/ImageMagnifier.vue?vue&type=script&lang=js& 1135 | /* harmony default export */ var components_ImageMagnifiervue_type_script_lang_js_ = (ImageMagnifiervue_type_script_lang_js_); 1136 | // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js 1137 | /* globals __VUE_SSR_CONTEXT__ */ 1138 | 1139 | // IMPORTANT: Do NOT use ES2015 features in this file (except for modules). 1140 | // This module is a runtime utility for cleaner component module output and will 1141 | // be included in the final webpack user bundle. 1142 | 1143 | function normalizeComponent ( 1144 | scriptExports, 1145 | render, 1146 | staticRenderFns, 1147 | functionalTemplate, 1148 | injectStyles, 1149 | scopeId, 1150 | moduleIdentifier, /* server only */ 1151 | shadowMode /* vue-cli only */ 1152 | ) { 1153 | // Vue.extend constructor export interop 1154 | var options = typeof scriptExports === 'function' 1155 | ? scriptExports.options 1156 | : scriptExports 1157 | 1158 | // render functions 1159 | if (render) { 1160 | options.render = render 1161 | options.staticRenderFns = staticRenderFns 1162 | options._compiled = true 1163 | } 1164 | 1165 | // functional template 1166 | if (functionalTemplate) { 1167 | options.functional = true 1168 | } 1169 | 1170 | // scopedId 1171 | if (scopeId) { 1172 | options._scopeId = 'data-v-' + scopeId 1173 | } 1174 | 1175 | var hook 1176 | if (moduleIdentifier) { // server build 1177 | hook = function (context) { 1178 | // 2.3 injection 1179 | context = 1180 | context || // cached call 1181 | (this.$vnode && this.$vnode.ssrContext) || // stateful 1182 | (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional 1183 | // 2.2 with runInNewContext: true 1184 | if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') { 1185 | context = __VUE_SSR_CONTEXT__ 1186 | } 1187 | // inject component styles 1188 | if (injectStyles) { 1189 | injectStyles.call(this, context) 1190 | } 1191 | // register component module identifier for async chunk inferrence 1192 | if (context && context._registeredComponents) { 1193 | context._registeredComponents.add(moduleIdentifier) 1194 | } 1195 | } 1196 | // used by ssr in case component is cached and beforeCreate 1197 | // never gets called 1198 | options._ssrRegister = hook 1199 | } else if (injectStyles) { 1200 | hook = shadowMode 1201 | ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) } 1202 | : injectStyles 1203 | } 1204 | 1205 | if (hook) { 1206 | if (options.functional) { 1207 | // for template-only hot-reload because in that case the render fn doesn't 1208 | // go through the normalizer 1209 | options._injectStyles = hook 1210 | // register for functioal component in vue file 1211 | var originalRender = options.render 1212 | options.render = function renderWithStyleInjection (h, context) { 1213 | hook.call(context) 1214 | return originalRender(h, context) 1215 | } 1216 | } else { 1217 | // inject component registration as beforeCreate hook 1218 | var existing = options.beforeCreate 1219 | options.beforeCreate = existing 1220 | ? [].concat(existing, hook) 1221 | : [hook] 1222 | } 1223 | } 1224 | 1225 | return { 1226 | exports: scriptExports, 1227 | options: options 1228 | } 1229 | } 1230 | 1231 | // CONCATENATED MODULE: ./src/components/ImageMagnifier.vue 1232 | 1233 | 1234 | 1235 | 1236 | 1237 | /* normalize component */ 1238 | 1239 | var component = normalizeComponent( 1240 | components_ImageMagnifiervue_type_script_lang_js_, 1241 | render, 1242 | staticRenderFns, 1243 | false, 1244 | null, 1245 | null, 1246 | null 1247 | 1248 | ) 1249 | 1250 | /* harmony default export */ var ImageMagnifier = (component.exports); 1251 | // CONCATENATED MODULE: ./src/main.js 1252 | 1253 | 1254 | var main_install = function install(Vue) { 1255 | Vue.component('image-magnifier', ImageMagnifier); 1256 | }; 1257 | 1258 | if (typeof window !== 'undefined' && window.Vue) { 1259 | main_install(window.Vue); 1260 | } 1261 | 1262 | /* harmony default export */ var main = ({ 1263 | install: main_install, 1264 | ImageMagnifier: ImageMagnifier 1265 | }); 1266 | 1267 | // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js 1268 | /* concated harmony reexport ImageMagnifier */__webpack_require__.d(__webpack_exports__, "ImageMagnifier", function() { return ImageMagnifier; }); 1269 | 1270 | 1271 | /* harmony default export */ var entry_lib = __webpack_exports__["default"] = (main); 1272 | 1273 | 1274 | 1275 | /***/ }), 1276 | 1277 | /***/ "fdef": 1278 | /***/ (function(module, exports) { 1279 | 1280 | module.exports = '\x09\x0A\x0B\x0C\x0D\x20\xA0\u1680\u180E\u2000\u2001\u2002\u2003' + 1281 | '\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF'; 1282 | 1283 | 1284 | /***/ }) 1285 | 1286 | /******/ }); 1287 | //# sourceMappingURL=magnifier.common.js.map -------------------------------------------------------------------------------- /lib/magnifier.umd.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack://magnifier/webpack/universalModuleDefinition","webpack://magnifier/webpack/bootstrap","webpack://magnifier/./node_modules/core-js/modules/_object-keys.js","webpack://magnifier/./node_modules/core-js/modules/_object-gopd.js","webpack://magnifier/./node_modules/core-js/modules/_object-dps.js","webpack://magnifier/./node_modules/core-js/modules/_dom-create.js","webpack://magnifier/./node_modules/core-js/modules/_redefine.js","webpack://magnifier/./node_modules/core-js/modules/_object-create.js","webpack://magnifier/./node_modules/core-js/modules/_library.js","webpack://magnifier/./node_modules/core-js/modules/_cof.js","webpack://magnifier/./node_modules/core-js/modules/_hide.js","webpack://magnifier/./node_modules/core-js/modules/_to-integer.js","webpack://magnifier/./node_modules/core-js/modules/_property-desc.js","webpack://magnifier/./node_modules/core-js/modules/_object-pie.js","webpack://magnifier/./node_modules/core-js/modules/_shared.js","webpack://magnifier/./node_modules/core-js/modules/_export.js","webpack://magnifier/./node_modules/core-js/modules/_inherit-if-required.js","webpack://magnifier/./node_modules/core-js/modules/_shared-key.js","webpack://magnifier/./node_modules/core-js/modules/_iobject.js","webpack://magnifier/./node_modules/core-js/modules/_to-iobject.js","webpack://magnifier/./node_modules/core-js/modules/_has.js","webpack://magnifier/./node_modules/core-js/modules/_to-primitive.js","webpack://magnifier/./node_modules/core-js/modules/_global.js","webpack://magnifier/./node_modules/core-js/modules/_to-absolute-index.js","webpack://magnifier/./node_modules/core-js/modules/_fails.js","webpack://magnifier/./node_modules/core-js/modules/_core.js","webpack://magnifier/./node_modules/core-js/modules/_object-dp.js","webpack://magnifier/./node_modules/core-js/modules/_set-proto.js","webpack://magnifier/./node_modules/core-js/modules/_object-gopn.js","webpack://magnifier/./node_modules/core-js/modules/_ctx.js","webpack://magnifier/./node_modules/core-js/modules/_to-length.js","webpack://magnifier/./node_modules/core-js/modules/_descriptors.js","webpack://magnifier/./node_modules/core-js/modules/_string-trim.js","webpack://magnifier/./node_modules/core-js/modules/_defined.js","webpack://magnifier/./node_modules/core-js/modules/_array-includes.js","webpack://magnifier/./node_modules/core-js/modules/es6.number.constructor.js","webpack://magnifier/./node_modules/core-js/modules/_ie8-dom-define.js","webpack://magnifier/./node_modules/core-js/modules/_uid.js","webpack://magnifier/./node_modules/core-js/modules/_an-object.js","webpack://magnifier/./node_modules/core-js/modules/_object-keys-internal.js","webpack://magnifier/./node_modules/core-js/modules/_is-object.js","webpack://magnifier/./node_modules/core-js/modules/_a-function.js","webpack://magnifier/./node_modules/core-js/modules/_enum-bug-keys.js","webpack://magnifier/./node_modules/core-js/modules/_function-to-string.js","webpack://magnifier/./node_modules/core-js/modules/_html.js","webpack://magnifier/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://magnifier/./src/components/ImageMagnifier.vue?490e","webpack://magnifier/src/components/ImageMagnifier.vue","webpack://magnifier/./src/components/ImageMagnifier.vue?97e3","webpack://magnifier/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://magnifier/./src/components/ImageMagnifier.vue","webpack://magnifier/./src/main.js","webpack://magnifier/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js","webpack://magnifier/./node_modules/core-js/modules/_string-ws.js"],"names":["install","Vue","component","ImageMagnifier","window"],"mappings":"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;;AACA;AACA;AACA;AACA;AACA,KApBA;AAqBA,cArBA,sBAqBA,CArBA,EAqBA;AACA;AACA;AACA;;AACA;AACA;AACA,8CANA,CAQA;;AACA;AACA;AACA,KAhCA;AAiCA,aAjCA,uBAiCA;AAAA;;AACA;;AACA;AACA;AACA,OAFA,MAEA;AACA;AACA;AACA,SAFA,EAEA,aAFA;AAGA;AACA,KA1CA;AA2CA,aA3CA,qBA2CA,CA3CA,EA2CA;AACA;;AACA;AACA;AACA;;AACA;AACA;AACA;;AACA;AACA,KApDA;AAqDA,aArDA,qBAqDA,CArDA,EAqDA;AACA;;AACA;AACA;AACA;;AACA;AACA;AACA;;AACA;AACA;AA9DA;AA1GA,G;;ACpBwU,CAAgB,4HAAG,EAAC,C;;ACA5V;;AAEA;AACA;AACA;;AAEe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA,qBAAqB;AACrB;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;AC5F6F;AAC3B;AACL;;;AAG7D;AAC0F;AAC1F,gBAAgB,kBAAU;AAC1B,EAAE,iDAAM;AACR,EAAE,MAAM;AACR,EAAE,eAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,oE;;AClBf;;AACA,IAAMA,YAAO,GAAG,SAAVA,OAAU,CAAUC,GAAV,EAAe;AAC7BA,KAAG,CAACC,SAAJ,CAAc,iBAAd,EAAiCC,cAAjC;AACD,CAFD;;AAIA,IAAI,OAAOC,MAAP,KAAkB,WAAlB,IAAiCA,MAAM,CAACH,GAA5C,EAAiD;AAC/CD,cAAO,CAACI,MAAM,CAACH,GAAR,CAAP;AACD;;AAEc;AACbD,SAAO,EAAPA,YADa;AAEbG,gBAAc,EAAdA,cAAcA;AAFD,CAAf;;;ACTA;AAAwB;AACA;AACT,mFAAG;AACI;;;;;;;;ACHtB;AACA","file":"magnifier.umd.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"magnifier\"] = factory();\n\telse\n\t\troot[\"magnifier\"] = factory();\n})((typeof self !== 'undefined' ? self : this), function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"fb15\");\n","// 19.1.2.14 / 15.2.3.14 Object.keys(O)\nvar $keys = require('./_object-keys-internal');\nvar enumBugKeys = require('./_enum-bug-keys');\n\nmodule.exports = Object.keys || function keys(O) {\n return $keys(O, enumBugKeys);\n};\n","var pIE = require('./_object-pie');\nvar createDesc = require('./_property-desc');\nvar toIObject = require('./_to-iobject');\nvar toPrimitive = require('./_to-primitive');\nvar has = require('./_has');\nvar IE8_DOM_DEFINE = require('./_ie8-dom-define');\nvar gOPD = Object.getOwnPropertyDescriptor;\n\nexports.f = require('./_descriptors') ? gOPD : function getOwnPropertyDescriptor(O, P) {\n O = toIObject(O);\n P = toPrimitive(P, true);\n if (IE8_DOM_DEFINE) try {\n return gOPD(O, P);\n } catch (e) { /* empty */ }\n if (has(O, P)) return createDesc(!pIE.f.call(O, P), O[P]);\n};\n","var dP = require('./_object-dp');\nvar anObject = require('./_an-object');\nvar getKeys = require('./_object-keys');\n\nmodule.exports = require('./_descriptors') ? Object.defineProperties : function defineProperties(O, Properties) {\n anObject(O);\n var keys = getKeys(Properties);\n var length = keys.length;\n var i = 0;\n var P;\n while (length > i) dP.f(O, P = keys[i++], Properties[P]);\n return O;\n};\n","var isObject = require('./_is-object');\nvar document = require('./_global').document;\n// typeof document.createElement is 'object' in old IE\nvar is = isObject(document) && isObject(document.createElement);\nmodule.exports = function (it) {\n return is ? document.createElement(it) : {};\n};\n","var global = require('./_global');\nvar hide = require('./_hide');\nvar has = require('./_has');\nvar SRC = require('./_uid')('src');\nvar $toString = require('./_function-to-string');\nvar TO_STRING = 'toString';\nvar TPL = ('' + $toString).split(TO_STRING);\n\nrequire('./_core').inspectSource = function (it) {\n return $toString.call(it);\n};\n\n(module.exports = function (O, key, val, safe) {\n var isFunction = typeof val == 'function';\n if (isFunction) has(val, 'name') || hide(val, 'name', key);\n if (O[key] === val) return;\n if (isFunction) has(val, SRC) || hide(val, SRC, O[key] ? '' + O[key] : TPL.join(String(key)));\n if (O === global) {\n O[key] = val;\n } else if (!safe) {\n delete O[key];\n hide(O, key, val);\n } else if (O[key]) {\n O[key] = val;\n } else {\n hide(O, key, val);\n }\n// add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative\n})(Function.prototype, TO_STRING, function toString() {\n return typeof this == 'function' && this[SRC] || $toString.call(this);\n});\n","// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])\nvar anObject = require('./_an-object');\nvar dPs = require('./_object-dps');\nvar enumBugKeys = require('./_enum-bug-keys');\nvar IE_PROTO = require('./_shared-key')('IE_PROTO');\nvar Empty = function () { /* empty */ };\nvar PROTOTYPE = 'prototype';\n\n// Create object with fake `null` prototype: use iframe Object with cleared prototype\nvar createDict = function () {\n // Thrash, waste and sodomy: IE GC bug\n var iframe = require('./_dom-create')('iframe');\n var i = enumBugKeys.length;\n var lt = '<';\n var gt = '>';\n var iframeDocument;\n iframe.style.display = 'none';\n require('./_html').appendChild(iframe);\n iframe.src = 'javascript:'; // eslint-disable-line no-script-url\n // createDict = iframe.contentWindow.Object;\n // html.removeChild(iframe);\n iframeDocument = iframe.contentWindow.document;\n iframeDocument.open();\n iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);\n iframeDocument.close();\n createDict = iframeDocument.F;\n while (i--) delete createDict[PROTOTYPE][enumBugKeys[i]];\n return createDict();\n};\n\nmodule.exports = Object.create || function create(O, Properties) {\n var result;\n if (O !== null) {\n Empty[PROTOTYPE] = anObject(O);\n result = new Empty();\n Empty[PROTOTYPE] = null;\n // add \"__proto__\" for Object.getPrototypeOf polyfill\n result[IE_PROTO] = O;\n } else result = createDict();\n return Properties === undefined ? result : dPs(result, Properties);\n};\n","module.exports = false;\n","var toString = {}.toString;\n\nmodule.exports = function (it) {\n return toString.call(it).slice(8, -1);\n};\n","var dP = require('./_object-dp');\nvar createDesc = require('./_property-desc');\nmodule.exports = require('./_descriptors') ? function (object, key, value) {\n return dP.f(object, key, createDesc(1, value));\n} : function (object, key, value) {\n object[key] = value;\n return object;\n};\n","// 7.1.4 ToInteger\nvar ceil = Math.ceil;\nvar floor = Math.floor;\nmodule.exports = function (it) {\n return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);\n};\n","module.exports = function (bitmap, value) {\n return {\n enumerable: !(bitmap & 1),\n configurable: !(bitmap & 2),\n writable: !(bitmap & 4),\n value: value\n };\n};\n","exports.f = {}.propertyIsEnumerable;\n","var core = require('./_core');\nvar global = require('./_global');\nvar SHARED = '__core-js_shared__';\nvar store = global[SHARED] || (global[SHARED] = {});\n\n(module.exports = function (key, value) {\n return store[key] || (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n version: core.version,\n mode: require('./_library') ? 'pure' : 'global',\n copyright: '© 2019 Denis Pushkarev (zloirock.ru)'\n});\n","var global = require('./_global');\nvar core = require('./_core');\nvar hide = require('./_hide');\nvar redefine = require('./_redefine');\nvar ctx = require('./_ctx');\nvar PROTOTYPE = 'prototype';\n\nvar $export = function (type, name, source) {\n var IS_FORCED = type & $export.F;\n var IS_GLOBAL = type & $export.G;\n var IS_STATIC = type & $export.S;\n var IS_PROTO = type & $export.P;\n var IS_BIND = type & $export.B;\n var target = IS_GLOBAL ? global : IS_STATIC ? global[name] || (global[name] = {}) : (global[name] || {})[PROTOTYPE];\n var exports = IS_GLOBAL ? core : core[name] || (core[name] = {});\n var expProto = exports[PROTOTYPE] || (exports[PROTOTYPE] = {});\n var key, own, out, exp;\n if (IS_GLOBAL) source = name;\n for (key in source) {\n // contains in native\n own = !IS_FORCED && target && target[key] !== undefined;\n // export native or passed\n out = (own ? target : source)[key];\n // bind timers to global for call from export context\n exp = IS_BIND && own ? ctx(out, global) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out;\n // extend global\n if (target) redefine(target, key, out, type & $export.U);\n // export\n if (exports[key] != out) hide(exports, key, exp);\n if (IS_PROTO && expProto[key] != out) expProto[key] = out;\n }\n};\nglobal.core = core;\n// type bitmap\n$export.F = 1; // forced\n$export.G = 2; // global\n$export.S = 4; // static\n$export.P = 8; // proto\n$export.B = 16; // bind\n$export.W = 32; // wrap\n$export.U = 64; // safe\n$export.R = 128; // real proto method for `library`\nmodule.exports = $export;\n","var isObject = require('./_is-object');\nvar setPrototypeOf = require('./_set-proto').set;\nmodule.exports = function (that, target, C) {\n var S = target.constructor;\n var P;\n if (S !== C && typeof S == 'function' && (P = S.prototype) !== C.prototype && isObject(P) && setPrototypeOf) {\n setPrototypeOf(that, P);\n } return that;\n};\n","var shared = require('./_shared')('keys');\nvar uid = require('./_uid');\nmodule.exports = function (key) {\n return shared[key] || (shared[key] = uid(key));\n};\n","// fallback for non-array-like ES3 and non-enumerable old V8 strings\nvar cof = require('./_cof');\n// eslint-disable-next-line no-prototype-builtins\nmodule.exports = Object('z').propertyIsEnumerable(0) ? Object : function (it) {\n return cof(it) == 'String' ? it.split('') : Object(it);\n};\n","// to indexed object, toObject with fallback for non-array-like ES3 strings\nvar IObject = require('./_iobject');\nvar defined = require('./_defined');\nmodule.exports = function (it) {\n return IObject(defined(it));\n};\n","var hasOwnProperty = {}.hasOwnProperty;\nmodule.exports = function (it, key) {\n return hasOwnProperty.call(it, key);\n};\n","// 7.1.1 ToPrimitive(input [, PreferredType])\nvar isObject = require('./_is-object');\n// instead of the ES6 spec version, we didn't implement @@toPrimitive case\n// and the second argument - flag - preferred type is a string\nmodule.exports = function (it, S) {\n if (!isObject(it)) return it;\n var fn, val;\n if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;\n if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val;\n if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;\n throw TypeError(\"Can't convert object to primitive value\");\n};\n","// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\nvar global = module.exports = typeof window != 'undefined' && window.Math == Math\n ? window : typeof self != 'undefined' && self.Math == Math ? self\n // eslint-disable-next-line no-new-func\n : Function('return this')();\nif (typeof __g == 'number') __g = global; // eslint-disable-line no-undef\n","var toInteger = require('./_to-integer');\nvar max = Math.max;\nvar min = Math.min;\nmodule.exports = function (index, length) {\n index = toInteger(index);\n return index < 0 ? max(index + length, 0) : min(index, length);\n};\n","module.exports = function (exec) {\n try {\n return !!exec();\n } catch (e) {\n return true;\n }\n};\n","var core = module.exports = { version: '2.6.5' };\nif (typeof __e == 'number') __e = core; // eslint-disable-line no-undef\n","var anObject = require('./_an-object');\nvar IE8_DOM_DEFINE = require('./_ie8-dom-define');\nvar toPrimitive = require('./_to-primitive');\nvar dP = Object.defineProperty;\n\nexports.f = require('./_descriptors') ? Object.defineProperty : function defineProperty(O, P, Attributes) {\n anObject(O);\n P = toPrimitive(P, true);\n anObject(Attributes);\n if (IE8_DOM_DEFINE) try {\n return dP(O, P, Attributes);\n } catch (e) { /* empty */ }\n if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');\n if ('value' in Attributes) O[P] = Attributes.value;\n return O;\n};\n","// Works with __proto__ only. Old v8 can't work with null proto objects.\n/* eslint-disable no-proto */\nvar isObject = require('./_is-object');\nvar anObject = require('./_an-object');\nvar check = function (O, proto) {\n anObject(O);\n if (!isObject(proto) && proto !== null) throw TypeError(proto + \": can't set as prototype!\");\n};\nmodule.exports = {\n set: Object.setPrototypeOf || ('__proto__' in {} ? // eslint-disable-line\n function (test, buggy, set) {\n try {\n set = require('./_ctx')(Function.call, require('./_object-gopd').f(Object.prototype, '__proto__').set, 2);\n set(test, []);\n buggy = !(test instanceof Array);\n } catch (e) { buggy = true; }\n return function setPrototypeOf(O, proto) {\n check(O, proto);\n if (buggy) O.__proto__ = proto;\n else set(O, proto);\n return O;\n };\n }({}, false) : undefined),\n check: check\n};\n","// 19.1.2.7 / 15.2.3.4 Object.getOwnPropertyNames(O)\nvar $keys = require('./_object-keys-internal');\nvar hiddenKeys = require('./_enum-bug-keys').concat('length', 'prototype');\n\nexports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {\n return $keys(O, hiddenKeys);\n};\n","// optional / simple context binding\nvar aFunction = require('./_a-function');\nmodule.exports = function (fn, that, length) {\n aFunction(fn);\n if (that === undefined) return fn;\n switch (length) {\n case 1: return function (a) {\n return fn.call(that, a);\n };\n case 2: return function (a, b) {\n return fn.call(that, a, b);\n };\n case 3: return function (a, b, c) {\n return fn.call(that, a, b, c);\n };\n }\n return function (/* ...args */) {\n return fn.apply(that, arguments);\n };\n};\n","// 7.1.15 ToLength\nvar toInteger = require('./_to-integer');\nvar min = Math.min;\nmodule.exports = function (it) {\n return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991\n};\n","// Thank's IE8 for his funny defineProperty\nmodule.exports = !require('./_fails')(function () {\n return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;\n});\n","var $export = require('./_export');\nvar defined = require('./_defined');\nvar fails = require('./_fails');\nvar spaces = require('./_string-ws');\nvar space = '[' + spaces + ']';\nvar non = '\\u200b\\u0085';\nvar ltrim = RegExp('^' + space + space + '*');\nvar rtrim = RegExp(space + space + '*$');\n\nvar exporter = function (KEY, exec, ALIAS) {\n var exp = {};\n var FORCE = fails(function () {\n return !!spaces[KEY]() || non[KEY]() != non;\n });\n var fn = exp[KEY] = FORCE ? exec(trim) : spaces[KEY];\n if (ALIAS) exp[ALIAS] = fn;\n $export($export.P + $export.F * FORCE, 'String', exp);\n};\n\n// 1 -> String#trimLeft\n// 2 -> String#trimRight\n// 3 -> String#trim\nvar trim = exporter.trim = function (string, TYPE) {\n string = String(defined(string));\n if (TYPE & 1) string = string.replace(ltrim, '');\n if (TYPE & 2) string = string.replace(rtrim, '');\n return string;\n};\n\nmodule.exports = exporter;\n","// 7.2.1 RequireObjectCoercible(argument)\nmodule.exports = function (it) {\n if (it == undefined) throw TypeError(\"Can't call method on \" + it);\n return it;\n};\n","// false -> Array#indexOf\n// true -> Array#includes\nvar toIObject = require('./_to-iobject');\nvar toLength = require('./_to-length');\nvar toAbsoluteIndex = require('./_to-absolute-index');\nmodule.exports = function (IS_INCLUDES) {\n return function ($this, el, fromIndex) {\n var O = toIObject($this);\n var length = toLength(O.length);\n var index = toAbsoluteIndex(fromIndex, length);\n var value;\n // Array#includes uses SameValueZero equality algorithm\n // eslint-disable-next-line no-self-compare\n if (IS_INCLUDES && el != el) while (length > index) {\n value = O[index++];\n // eslint-disable-next-line no-self-compare\n if (value != value) return true;\n // Array#indexOf ignores holes, Array#includes - not\n } else for (;length > index; index++) if (IS_INCLUDES || index in O) {\n if (O[index] === el) return IS_INCLUDES || index || 0;\n } return !IS_INCLUDES && -1;\n };\n};\n","'use strict';\nvar global = require('./_global');\nvar has = require('./_has');\nvar cof = require('./_cof');\nvar inheritIfRequired = require('./_inherit-if-required');\nvar toPrimitive = require('./_to-primitive');\nvar fails = require('./_fails');\nvar gOPN = require('./_object-gopn').f;\nvar gOPD = require('./_object-gopd').f;\nvar dP = require('./_object-dp').f;\nvar $trim = require('./_string-trim').trim;\nvar NUMBER = 'Number';\nvar $Number = global[NUMBER];\nvar Base = $Number;\nvar proto = $Number.prototype;\n// Opera ~12 has broken Object#toString\nvar BROKEN_COF = cof(require('./_object-create')(proto)) == NUMBER;\nvar TRIM = 'trim' in String.prototype;\n\n// 7.1.3 ToNumber(argument)\nvar toNumber = function (argument) {\n var it = toPrimitive(argument, false);\n if (typeof it == 'string' && it.length > 2) {\n it = TRIM ? it.trim() : $trim(it, 3);\n var first = it.charCodeAt(0);\n var third, radix, maxCode;\n if (first === 43 || first === 45) {\n third = it.charCodeAt(2);\n if (third === 88 || third === 120) return NaN; // Number('+0x1') should be NaN, old V8 fix\n } else if (first === 48) {\n switch (it.charCodeAt(1)) {\n case 66: case 98: radix = 2; maxCode = 49; break; // fast equal /^0b[01]+$/i\n case 79: case 111: radix = 8; maxCode = 55; break; // fast equal /^0o[0-7]+$/i\n default: return +it;\n }\n for (var digits = it.slice(2), i = 0, l = digits.length, code; i < l; i++) {\n code = digits.charCodeAt(i);\n // parseInt parses a string to a first unavailable symbol\n // but ToNumber should return NaN if a string contains unavailable symbols\n if (code < 48 || code > maxCode) return NaN;\n } return parseInt(digits, radix);\n }\n } return +it;\n};\n\nif (!$Number(' 0o1') || !$Number('0b1') || $Number('+0x1')) {\n $Number = function Number(value) {\n var it = arguments.length < 1 ? 0 : value;\n var that = this;\n return that instanceof $Number\n // check on 1..constructor(foo) case\n && (BROKEN_COF ? fails(function () { proto.valueOf.call(that); }) : cof(that) != NUMBER)\n ? inheritIfRequired(new Base(toNumber(it)), that, $Number) : toNumber(it);\n };\n for (var keys = require('./_descriptors') ? gOPN(Base) : (\n // ES3:\n 'MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,' +\n // ES6 (in case, if modules with ES6 Number statics required before):\n 'EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,' +\n 'MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger'\n ).split(','), j = 0, key; keys.length > j; j++) {\n if (has(Base, key = keys[j]) && !has($Number, key)) {\n dP($Number, key, gOPD(Base, key));\n }\n }\n $Number.prototype = proto;\n proto.constructor = $Number;\n require('./_redefine')(global, NUMBER, $Number);\n}\n","module.exports = !require('./_descriptors') && !require('./_fails')(function () {\n return Object.defineProperty(require('./_dom-create')('div'), 'a', { get: function () { return 7; } }).a != 7;\n});\n","var id = 0;\nvar px = Math.random();\nmodule.exports = function (key) {\n return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));\n};\n","var isObject = require('./_is-object');\nmodule.exports = function (it) {\n if (!isObject(it)) throw TypeError(it + ' is not an object!');\n return it;\n};\n","var has = require('./_has');\nvar toIObject = require('./_to-iobject');\nvar arrayIndexOf = require('./_array-includes')(false);\nvar IE_PROTO = require('./_shared-key')('IE_PROTO');\n\nmodule.exports = function (object, names) {\n var O = toIObject(object);\n var i = 0;\n var result = [];\n var key;\n for (key in O) if (key != IE_PROTO) has(O, key) && result.push(key);\n // Don't enum bug & hidden keys\n while (names.length > i) if (has(O, key = names[i++])) {\n ~arrayIndexOf(result, key) || result.push(key);\n }\n return result;\n};\n","module.exports = function (it) {\n return typeof it === 'object' ? it !== null : typeof it === 'function';\n};\n","module.exports = function (it) {\n if (typeof it != 'function') throw TypeError(it + ' is not a function!');\n return it;\n};\n","// IE 8- don't enum bug keys\nmodule.exports = (\n 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'\n).split(',');\n","module.exports = require('./_shared')('native-function-to-string', Function.toString);\n","var document = require('./_global').document;\nmodule.exports = document && document.documentElement;\n","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n var i\n if ((i = window.document.currentScript) && (i = i.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/))) {\n __webpack_public_path__ = i[1] // eslint-disable-line\n }\n}\n\n// Indicate to webpack that this file can be concatenated\nexport default null\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"image-magnifier\",style:(_vm.style)},[_c('img',{ref:\"img\",staticClass:\"image-magnifier__img\",attrs:{\"width\":_vm.width,\"height\":_vm.height,\"src\":_vm.src},on:{\"mouseenter\":_vm.handleOver,\"mousemove\":_vm.handleMove,\"mouseleave\":_vm.handleOut}}),_c('div',{ref:\"mask\",staticClass:\"image-magnifier__mask\",class:_vm.maskClass,style:(_vm.maskStyle)}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.zoomShow),expression:\"zoomShow\"}],staticClass:\"image-magnifier__zoom\",class:_vm.zoomClass,style:(_vm.zoomStyle)},[_c('img',{style:(_vm.zoomImgStyle),attrs:{\"src\":_vm.zoomSrc}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageMagnifier.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageMagnifier.vue?vue&type=script&lang=js&\"","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n scriptExports,\n render,\n staticRenderFns,\n functionalTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier, /* server only */\n shadowMode /* vue-cli only */\n) {\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (render) {\n options.render = render\n options.staticRenderFns = staticRenderFns\n options._compiled = true\n }\n\n // functional template\n if (functionalTemplate) {\n options.functional = true\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = 'data-v-' + scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = shadowMode\n ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }\n : injectStyles\n }\n\n if (hook) {\n if (options.functional) {\n // for template-only hot-reload because in that case the render fn doesn't\n // go through the normalizer\n options._injectStyles = hook\n // register for functioal component in vue file\n var originalRender = options.render\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return originalRender(h, context)\n }\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n }\n }\n\n return {\n exports: scriptExports,\n options: options\n }\n}\n","import { render, staticRenderFns } from \"./ImageMagnifier.vue?vue&type=template&id=b4fea3fa&\"\nimport script from \"./ImageMagnifier.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageMagnifier.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\nexport default component.exports","import ImageMagnifier from './components/ImageMagnifier.vue';\nconst install = function (Vue) {\n Vue.component('image-magnifier', ImageMagnifier);\n}\n\nif (typeof window !== 'undefined' && window.Vue) {\n install(window.Vue);\n}\n\nexport default {\n install,\n ImageMagnifier\n}\n\nexport {\n ImageMagnifier\n}\n\n","import './setPublicPath'\nimport mod from '~entry'\nexport default mod\nexport * from '~entry'\n","module.exports = '\\x09\\x0A\\x0B\\x0C\\x0D\\x20\\xA0\\u1680\\u180E\\u2000\\u2001\\u2002\\u2003' +\n '\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200A\\u202F\\u205F\\u3000\\u2028\\u2029\\uFEFF';\n"],"sourceRoot":""} -------------------------------------------------------------------------------- /lib/magnifier.umd.js: -------------------------------------------------------------------------------- 1 | (function webpackUniversalModuleDefinition(root, factory) { 2 | if(typeof exports === 'object' && typeof module === 'object') 3 | module.exports = factory(); 4 | else if(typeof define === 'function' && define.amd) 5 | define([], factory); 6 | else if(typeof exports === 'object') 7 | exports["magnifier"] = factory(); 8 | else 9 | root["magnifier"] = factory(); 10 | })((typeof self !== 'undefined' ? self : this), function() { 11 | return /******/ (function(modules) { // webpackBootstrap 12 | /******/ // The module cache 13 | /******/ var installedModules = {}; 14 | /******/ 15 | /******/ // The require function 16 | /******/ function __webpack_require__(moduleId) { 17 | /******/ 18 | /******/ // Check if module is in cache 19 | /******/ if(installedModules[moduleId]) { 20 | /******/ return installedModules[moduleId].exports; 21 | /******/ } 22 | /******/ // Create a new module (and put it into the cache) 23 | /******/ var module = installedModules[moduleId] = { 24 | /******/ i: moduleId, 25 | /******/ l: false, 26 | /******/ exports: {} 27 | /******/ }; 28 | /******/ 29 | /******/ // Execute the module function 30 | /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); 31 | /******/ 32 | /******/ // Flag the module as loaded 33 | /******/ module.l = true; 34 | /******/ 35 | /******/ // Return the exports of the module 36 | /******/ return module.exports; 37 | /******/ } 38 | /******/ 39 | /******/ 40 | /******/ // expose the modules object (__webpack_modules__) 41 | /******/ __webpack_require__.m = modules; 42 | /******/ 43 | /******/ // expose the module cache 44 | /******/ __webpack_require__.c = installedModules; 45 | /******/ 46 | /******/ // define getter function for harmony exports 47 | /******/ __webpack_require__.d = function(exports, name, getter) { 48 | /******/ if(!__webpack_require__.o(exports, name)) { 49 | /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); 50 | /******/ } 51 | /******/ }; 52 | /******/ 53 | /******/ // define __esModule on exports 54 | /******/ __webpack_require__.r = function(exports) { 55 | /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { 56 | /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); 57 | /******/ } 58 | /******/ Object.defineProperty(exports, '__esModule', { value: true }); 59 | /******/ }; 60 | /******/ 61 | /******/ // create a fake namespace object 62 | /******/ // mode & 1: value is a module id, require it 63 | /******/ // mode & 2: merge all properties of value into the ns 64 | /******/ // mode & 4: return value when already ns object 65 | /******/ // mode & 8|1: behave like require 66 | /******/ __webpack_require__.t = function(value, mode) { 67 | /******/ if(mode & 1) value = __webpack_require__(value); 68 | /******/ if(mode & 8) return value; 69 | /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; 70 | /******/ var ns = Object.create(null); 71 | /******/ __webpack_require__.r(ns); 72 | /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); 73 | /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); 74 | /******/ return ns; 75 | /******/ }; 76 | /******/ 77 | /******/ // getDefaultExport function for compatibility with non-harmony modules 78 | /******/ __webpack_require__.n = function(module) { 79 | /******/ var getter = module && module.__esModule ? 80 | /******/ function getDefault() { return module['default']; } : 81 | /******/ function getModuleExports() { return module; }; 82 | /******/ __webpack_require__.d(getter, 'a', getter); 83 | /******/ return getter; 84 | /******/ }; 85 | /******/ 86 | /******/ // Object.prototype.hasOwnProperty.call 87 | /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; 88 | /******/ 89 | /******/ // __webpack_public_path__ 90 | /******/ __webpack_require__.p = ""; 91 | /******/ 92 | /******/ 93 | /******/ // Load entry module and return exports 94 | /******/ return __webpack_require__(__webpack_require__.s = "fb15"); 95 | /******/ }) 96 | /************************************************************************/ 97 | /******/ ({ 98 | 99 | /***/ "0d58": 100 | /***/ (function(module, exports, __webpack_require__) { 101 | 102 | // 19.1.2.14 / 15.2.3.14 Object.keys(O) 103 | var $keys = __webpack_require__("ce10"); 104 | var enumBugKeys = __webpack_require__("e11e"); 105 | 106 | module.exports = Object.keys || function keys(O) { 107 | return $keys(O, enumBugKeys); 108 | }; 109 | 110 | 111 | /***/ }), 112 | 113 | /***/ "11e9": 114 | /***/ (function(module, exports, __webpack_require__) { 115 | 116 | var pIE = __webpack_require__("52a7"); 117 | var createDesc = __webpack_require__("4630"); 118 | var toIObject = __webpack_require__("6821"); 119 | var toPrimitive = __webpack_require__("6a99"); 120 | var has = __webpack_require__("69a8"); 121 | var IE8_DOM_DEFINE = __webpack_require__("c69a"); 122 | var gOPD = Object.getOwnPropertyDescriptor; 123 | 124 | exports.f = __webpack_require__("9e1e") ? gOPD : function getOwnPropertyDescriptor(O, P) { 125 | O = toIObject(O); 126 | P = toPrimitive(P, true); 127 | if (IE8_DOM_DEFINE) try { 128 | return gOPD(O, P); 129 | } catch (e) { /* empty */ } 130 | if (has(O, P)) return createDesc(!pIE.f.call(O, P), O[P]); 131 | }; 132 | 133 | 134 | /***/ }), 135 | 136 | /***/ "1495": 137 | /***/ (function(module, exports, __webpack_require__) { 138 | 139 | var dP = __webpack_require__("86cc"); 140 | var anObject = __webpack_require__("cb7c"); 141 | var getKeys = __webpack_require__("0d58"); 142 | 143 | module.exports = __webpack_require__("9e1e") ? Object.defineProperties : function defineProperties(O, Properties) { 144 | anObject(O); 145 | var keys = getKeys(Properties); 146 | var length = keys.length; 147 | var i = 0; 148 | var P; 149 | while (length > i) dP.f(O, P = keys[i++], Properties[P]); 150 | return O; 151 | }; 152 | 153 | 154 | /***/ }), 155 | 156 | /***/ "230e": 157 | /***/ (function(module, exports, __webpack_require__) { 158 | 159 | var isObject = __webpack_require__("d3f4"); 160 | var document = __webpack_require__("7726").document; 161 | // typeof document.createElement is 'object' in old IE 162 | var is = isObject(document) && isObject(document.createElement); 163 | module.exports = function (it) { 164 | return is ? document.createElement(it) : {}; 165 | }; 166 | 167 | 168 | /***/ }), 169 | 170 | /***/ "2aba": 171 | /***/ (function(module, exports, __webpack_require__) { 172 | 173 | var global = __webpack_require__("7726"); 174 | var hide = __webpack_require__("32e9"); 175 | var has = __webpack_require__("69a8"); 176 | var SRC = __webpack_require__("ca5a")('src'); 177 | var $toString = __webpack_require__("fa5b"); 178 | var TO_STRING = 'toString'; 179 | var TPL = ('' + $toString).split(TO_STRING); 180 | 181 | __webpack_require__("8378").inspectSource = function (it) { 182 | return $toString.call(it); 183 | }; 184 | 185 | (module.exports = function (O, key, val, safe) { 186 | var isFunction = typeof val == 'function'; 187 | if (isFunction) has(val, 'name') || hide(val, 'name', key); 188 | if (O[key] === val) return; 189 | if (isFunction) has(val, SRC) || hide(val, SRC, O[key] ? '' + O[key] : TPL.join(String(key))); 190 | if (O === global) { 191 | O[key] = val; 192 | } else if (!safe) { 193 | delete O[key]; 194 | hide(O, key, val); 195 | } else if (O[key]) { 196 | O[key] = val; 197 | } else { 198 | hide(O, key, val); 199 | } 200 | // add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative 201 | })(Function.prototype, TO_STRING, function toString() { 202 | return typeof this == 'function' && this[SRC] || $toString.call(this); 203 | }); 204 | 205 | 206 | /***/ }), 207 | 208 | /***/ "2aeb": 209 | /***/ (function(module, exports, __webpack_require__) { 210 | 211 | // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties]) 212 | var anObject = __webpack_require__("cb7c"); 213 | var dPs = __webpack_require__("1495"); 214 | var enumBugKeys = __webpack_require__("e11e"); 215 | var IE_PROTO = __webpack_require__("613b")('IE_PROTO'); 216 | var Empty = function () { /* empty */ }; 217 | var PROTOTYPE = 'prototype'; 218 | 219 | // Create object with fake `null` prototype: use iframe Object with cleared prototype 220 | var createDict = function () { 221 | // Thrash, waste and sodomy: IE GC bug 222 | var iframe = __webpack_require__("230e")('iframe'); 223 | var i = enumBugKeys.length; 224 | var lt = '<'; 225 | var gt = '>'; 226 | var iframeDocument; 227 | iframe.style.display = 'none'; 228 | __webpack_require__("fab2").appendChild(iframe); 229 | iframe.src = 'javascript:'; // eslint-disable-line no-script-url 230 | // createDict = iframe.contentWindow.Object; 231 | // html.removeChild(iframe); 232 | iframeDocument = iframe.contentWindow.document; 233 | iframeDocument.open(); 234 | iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt); 235 | iframeDocument.close(); 236 | createDict = iframeDocument.F; 237 | while (i--) delete createDict[PROTOTYPE][enumBugKeys[i]]; 238 | return createDict(); 239 | }; 240 | 241 | module.exports = Object.create || function create(O, Properties) { 242 | var result; 243 | if (O !== null) { 244 | Empty[PROTOTYPE] = anObject(O); 245 | result = new Empty(); 246 | Empty[PROTOTYPE] = null; 247 | // add "__proto__" for Object.getPrototypeOf polyfill 248 | result[IE_PROTO] = O; 249 | } else result = createDict(); 250 | return Properties === undefined ? result : dPs(result, Properties); 251 | }; 252 | 253 | 254 | /***/ }), 255 | 256 | /***/ "2d00": 257 | /***/ (function(module, exports) { 258 | 259 | module.exports = false; 260 | 261 | 262 | /***/ }), 263 | 264 | /***/ "2d95": 265 | /***/ (function(module, exports) { 266 | 267 | var toString = {}.toString; 268 | 269 | module.exports = function (it) { 270 | return toString.call(it).slice(8, -1); 271 | }; 272 | 273 | 274 | /***/ }), 275 | 276 | /***/ "32e9": 277 | /***/ (function(module, exports, __webpack_require__) { 278 | 279 | var dP = __webpack_require__("86cc"); 280 | var createDesc = __webpack_require__("4630"); 281 | module.exports = __webpack_require__("9e1e") ? function (object, key, value) { 282 | return dP.f(object, key, createDesc(1, value)); 283 | } : function (object, key, value) { 284 | object[key] = value; 285 | return object; 286 | }; 287 | 288 | 289 | /***/ }), 290 | 291 | /***/ "4588": 292 | /***/ (function(module, exports) { 293 | 294 | // 7.1.4 ToInteger 295 | var ceil = Math.ceil; 296 | var floor = Math.floor; 297 | module.exports = function (it) { 298 | return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it); 299 | }; 300 | 301 | 302 | /***/ }), 303 | 304 | /***/ "4630": 305 | /***/ (function(module, exports) { 306 | 307 | module.exports = function (bitmap, value) { 308 | return { 309 | enumerable: !(bitmap & 1), 310 | configurable: !(bitmap & 2), 311 | writable: !(bitmap & 4), 312 | value: value 313 | }; 314 | }; 315 | 316 | 317 | /***/ }), 318 | 319 | /***/ "52a7": 320 | /***/ (function(module, exports) { 321 | 322 | exports.f = {}.propertyIsEnumerable; 323 | 324 | 325 | /***/ }), 326 | 327 | /***/ "5537": 328 | /***/ (function(module, exports, __webpack_require__) { 329 | 330 | var core = __webpack_require__("8378"); 331 | var global = __webpack_require__("7726"); 332 | var SHARED = '__core-js_shared__'; 333 | var store = global[SHARED] || (global[SHARED] = {}); 334 | 335 | (module.exports = function (key, value) { 336 | return store[key] || (store[key] = value !== undefined ? value : {}); 337 | })('versions', []).push({ 338 | version: core.version, 339 | mode: __webpack_require__("2d00") ? 'pure' : 'global', 340 | copyright: '© 2019 Denis Pushkarev (zloirock.ru)' 341 | }); 342 | 343 | 344 | /***/ }), 345 | 346 | /***/ "5ca1": 347 | /***/ (function(module, exports, __webpack_require__) { 348 | 349 | var global = __webpack_require__("7726"); 350 | var core = __webpack_require__("8378"); 351 | var hide = __webpack_require__("32e9"); 352 | var redefine = __webpack_require__("2aba"); 353 | var ctx = __webpack_require__("9b43"); 354 | var PROTOTYPE = 'prototype'; 355 | 356 | var $export = function (type, name, source) { 357 | var IS_FORCED = type & $export.F; 358 | var IS_GLOBAL = type & $export.G; 359 | var IS_STATIC = type & $export.S; 360 | var IS_PROTO = type & $export.P; 361 | var IS_BIND = type & $export.B; 362 | var target = IS_GLOBAL ? global : IS_STATIC ? global[name] || (global[name] = {}) : (global[name] || {})[PROTOTYPE]; 363 | var exports = IS_GLOBAL ? core : core[name] || (core[name] = {}); 364 | var expProto = exports[PROTOTYPE] || (exports[PROTOTYPE] = {}); 365 | var key, own, out, exp; 366 | if (IS_GLOBAL) source = name; 367 | for (key in source) { 368 | // contains in native 369 | own = !IS_FORCED && target && target[key] !== undefined; 370 | // export native or passed 371 | out = (own ? target : source)[key]; 372 | // bind timers to global for call from export context 373 | exp = IS_BIND && own ? ctx(out, global) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out; 374 | // extend global 375 | if (target) redefine(target, key, out, type & $export.U); 376 | // export 377 | if (exports[key] != out) hide(exports, key, exp); 378 | if (IS_PROTO && expProto[key] != out) expProto[key] = out; 379 | } 380 | }; 381 | global.core = core; 382 | // type bitmap 383 | $export.F = 1; // forced 384 | $export.G = 2; // global 385 | $export.S = 4; // static 386 | $export.P = 8; // proto 387 | $export.B = 16; // bind 388 | $export.W = 32; // wrap 389 | $export.U = 64; // safe 390 | $export.R = 128; // real proto method for `library` 391 | module.exports = $export; 392 | 393 | 394 | /***/ }), 395 | 396 | /***/ "5dbc": 397 | /***/ (function(module, exports, __webpack_require__) { 398 | 399 | var isObject = __webpack_require__("d3f4"); 400 | var setPrototypeOf = __webpack_require__("8b97").set; 401 | module.exports = function (that, target, C) { 402 | var S = target.constructor; 403 | var P; 404 | if (S !== C && typeof S == 'function' && (P = S.prototype) !== C.prototype && isObject(P) && setPrototypeOf) { 405 | setPrototypeOf(that, P); 406 | } return that; 407 | }; 408 | 409 | 410 | /***/ }), 411 | 412 | /***/ "613b": 413 | /***/ (function(module, exports, __webpack_require__) { 414 | 415 | var shared = __webpack_require__("5537")('keys'); 416 | var uid = __webpack_require__("ca5a"); 417 | module.exports = function (key) { 418 | return shared[key] || (shared[key] = uid(key)); 419 | }; 420 | 421 | 422 | /***/ }), 423 | 424 | /***/ "626a": 425 | /***/ (function(module, exports, __webpack_require__) { 426 | 427 | // fallback for non-array-like ES3 and non-enumerable old V8 strings 428 | var cof = __webpack_require__("2d95"); 429 | // eslint-disable-next-line no-prototype-builtins 430 | module.exports = Object('z').propertyIsEnumerable(0) ? Object : function (it) { 431 | return cof(it) == 'String' ? it.split('') : Object(it); 432 | }; 433 | 434 | 435 | /***/ }), 436 | 437 | /***/ "6821": 438 | /***/ (function(module, exports, __webpack_require__) { 439 | 440 | // to indexed object, toObject with fallback for non-array-like ES3 strings 441 | var IObject = __webpack_require__("626a"); 442 | var defined = __webpack_require__("be13"); 443 | module.exports = function (it) { 444 | return IObject(defined(it)); 445 | }; 446 | 447 | 448 | /***/ }), 449 | 450 | /***/ "69a8": 451 | /***/ (function(module, exports) { 452 | 453 | var hasOwnProperty = {}.hasOwnProperty; 454 | module.exports = function (it, key) { 455 | return hasOwnProperty.call(it, key); 456 | }; 457 | 458 | 459 | /***/ }), 460 | 461 | /***/ "6a99": 462 | /***/ (function(module, exports, __webpack_require__) { 463 | 464 | // 7.1.1 ToPrimitive(input [, PreferredType]) 465 | var isObject = __webpack_require__("d3f4"); 466 | // instead of the ES6 spec version, we didn't implement @@toPrimitive case 467 | // and the second argument - flag - preferred type is a string 468 | module.exports = function (it, S) { 469 | if (!isObject(it)) return it; 470 | var fn, val; 471 | if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val; 472 | if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val; 473 | if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val; 474 | throw TypeError("Can't convert object to primitive value"); 475 | }; 476 | 477 | 478 | /***/ }), 479 | 480 | /***/ "7726": 481 | /***/ (function(module, exports) { 482 | 483 | // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028 484 | var global = module.exports = typeof window != 'undefined' && window.Math == Math 485 | ? window : typeof self != 'undefined' && self.Math == Math ? self 486 | // eslint-disable-next-line no-new-func 487 | : Function('return this')(); 488 | if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef 489 | 490 | 491 | /***/ }), 492 | 493 | /***/ "77f1": 494 | /***/ (function(module, exports, __webpack_require__) { 495 | 496 | var toInteger = __webpack_require__("4588"); 497 | var max = Math.max; 498 | var min = Math.min; 499 | module.exports = function (index, length) { 500 | index = toInteger(index); 501 | return index < 0 ? max(index + length, 0) : min(index, length); 502 | }; 503 | 504 | 505 | /***/ }), 506 | 507 | /***/ "79e5": 508 | /***/ (function(module, exports) { 509 | 510 | module.exports = function (exec) { 511 | try { 512 | return !!exec(); 513 | } catch (e) { 514 | return true; 515 | } 516 | }; 517 | 518 | 519 | /***/ }), 520 | 521 | /***/ "8378": 522 | /***/ (function(module, exports) { 523 | 524 | var core = module.exports = { version: '2.6.5' }; 525 | if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef 526 | 527 | 528 | /***/ }), 529 | 530 | /***/ "86cc": 531 | /***/ (function(module, exports, __webpack_require__) { 532 | 533 | var anObject = __webpack_require__("cb7c"); 534 | var IE8_DOM_DEFINE = __webpack_require__("c69a"); 535 | var toPrimitive = __webpack_require__("6a99"); 536 | var dP = Object.defineProperty; 537 | 538 | exports.f = __webpack_require__("9e1e") ? Object.defineProperty : function defineProperty(O, P, Attributes) { 539 | anObject(O); 540 | P = toPrimitive(P, true); 541 | anObject(Attributes); 542 | if (IE8_DOM_DEFINE) try { 543 | return dP(O, P, Attributes); 544 | } catch (e) { /* empty */ } 545 | if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!'); 546 | if ('value' in Attributes) O[P] = Attributes.value; 547 | return O; 548 | }; 549 | 550 | 551 | /***/ }), 552 | 553 | /***/ "8b97": 554 | /***/ (function(module, exports, __webpack_require__) { 555 | 556 | // Works with __proto__ only. Old v8 can't work with null proto objects. 557 | /* eslint-disable no-proto */ 558 | var isObject = __webpack_require__("d3f4"); 559 | var anObject = __webpack_require__("cb7c"); 560 | var check = function (O, proto) { 561 | anObject(O); 562 | if (!isObject(proto) && proto !== null) throw TypeError(proto + ": can't set as prototype!"); 563 | }; 564 | module.exports = { 565 | set: Object.setPrototypeOf || ('__proto__' in {} ? // eslint-disable-line 566 | function (test, buggy, set) { 567 | try { 568 | set = __webpack_require__("9b43")(Function.call, __webpack_require__("11e9").f(Object.prototype, '__proto__').set, 2); 569 | set(test, []); 570 | buggy = !(test instanceof Array); 571 | } catch (e) { buggy = true; } 572 | return function setPrototypeOf(O, proto) { 573 | check(O, proto); 574 | if (buggy) O.__proto__ = proto; 575 | else set(O, proto); 576 | return O; 577 | }; 578 | }({}, false) : undefined), 579 | check: check 580 | }; 581 | 582 | 583 | /***/ }), 584 | 585 | /***/ "9093": 586 | /***/ (function(module, exports, __webpack_require__) { 587 | 588 | // 19.1.2.7 / 15.2.3.4 Object.getOwnPropertyNames(O) 589 | var $keys = __webpack_require__("ce10"); 590 | var hiddenKeys = __webpack_require__("e11e").concat('length', 'prototype'); 591 | 592 | exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) { 593 | return $keys(O, hiddenKeys); 594 | }; 595 | 596 | 597 | /***/ }), 598 | 599 | /***/ "9b43": 600 | /***/ (function(module, exports, __webpack_require__) { 601 | 602 | // optional / simple context binding 603 | var aFunction = __webpack_require__("d8e8"); 604 | module.exports = function (fn, that, length) { 605 | aFunction(fn); 606 | if (that === undefined) return fn; 607 | switch (length) { 608 | case 1: return function (a) { 609 | return fn.call(that, a); 610 | }; 611 | case 2: return function (a, b) { 612 | return fn.call(that, a, b); 613 | }; 614 | case 3: return function (a, b, c) { 615 | return fn.call(that, a, b, c); 616 | }; 617 | } 618 | return function (/* ...args */) { 619 | return fn.apply(that, arguments); 620 | }; 621 | }; 622 | 623 | 624 | /***/ }), 625 | 626 | /***/ "9def": 627 | /***/ (function(module, exports, __webpack_require__) { 628 | 629 | // 7.1.15 ToLength 630 | var toInteger = __webpack_require__("4588"); 631 | var min = Math.min; 632 | module.exports = function (it) { 633 | return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991 634 | }; 635 | 636 | 637 | /***/ }), 638 | 639 | /***/ "9e1e": 640 | /***/ (function(module, exports, __webpack_require__) { 641 | 642 | // Thank's IE8 for his funny defineProperty 643 | module.exports = !__webpack_require__("79e5")(function () { 644 | return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7; 645 | }); 646 | 647 | 648 | /***/ }), 649 | 650 | /***/ "aa77": 651 | /***/ (function(module, exports, __webpack_require__) { 652 | 653 | var $export = __webpack_require__("5ca1"); 654 | var defined = __webpack_require__("be13"); 655 | var fails = __webpack_require__("79e5"); 656 | var spaces = __webpack_require__("fdef"); 657 | var space = '[' + spaces + ']'; 658 | var non = '\u200b\u0085'; 659 | var ltrim = RegExp('^' + space + space + '*'); 660 | var rtrim = RegExp(space + space + '*$'); 661 | 662 | var exporter = function (KEY, exec, ALIAS) { 663 | var exp = {}; 664 | var FORCE = fails(function () { 665 | return !!spaces[KEY]() || non[KEY]() != non; 666 | }); 667 | var fn = exp[KEY] = FORCE ? exec(trim) : spaces[KEY]; 668 | if (ALIAS) exp[ALIAS] = fn; 669 | $export($export.P + $export.F * FORCE, 'String', exp); 670 | }; 671 | 672 | // 1 -> String#trimLeft 673 | // 2 -> String#trimRight 674 | // 3 -> String#trim 675 | var trim = exporter.trim = function (string, TYPE) { 676 | string = String(defined(string)); 677 | if (TYPE & 1) string = string.replace(ltrim, ''); 678 | if (TYPE & 2) string = string.replace(rtrim, ''); 679 | return string; 680 | }; 681 | 682 | module.exports = exporter; 683 | 684 | 685 | /***/ }), 686 | 687 | /***/ "be13": 688 | /***/ (function(module, exports) { 689 | 690 | // 7.2.1 RequireObjectCoercible(argument) 691 | module.exports = function (it) { 692 | if (it == undefined) throw TypeError("Can't call method on " + it); 693 | return it; 694 | }; 695 | 696 | 697 | /***/ }), 698 | 699 | /***/ "c366": 700 | /***/ (function(module, exports, __webpack_require__) { 701 | 702 | // false -> Array#indexOf 703 | // true -> Array#includes 704 | var toIObject = __webpack_require__("6821"); 705 | var toLength = __webpack_require__("9def"); 706 | var toAbsoluteIndex = __webpack_require__("77f1"); 707 | module.exports = function (IS_INCLUDES) { 708 | return function ($this, el, fromIndex) { 709 | var O = toIObject($this); 710 | var length = toLength(O.length); 711 | var index = toAbsoluteIndex(fromIndex, length); 712 | var value; 713 | // Array#includes uses SameValueZero equality algorithm 714 | // eslint-disable-next-line no-self-compare 715 | if (IS_INCLUDES && el != el) while (length > index) { 716 | value = O[index++]; 717 | // eslint-disable-next-line no-self-compare 718 | if (value != value) return true; 719 | // Array#indexOf ignores holes, Array#includes - not 720 | } else for (;length > index; index++) if (IS_INCLUDES || index in O) { 721 | if (O[index] === el) return IS_INCLUDES || index || 0; 722 | } return !IS_INCLUDES && -1; 723 | }; 724 | }; 725 | 726 | 727 | /***/ }), 728 | 729 | /***/ "c5f6": 730 | /***/ (function(module, exports, __webpack_require__) { 731 | 732 | "use strict"; 733 | 734 | var global = __webpack_require__("7726"); 735 | var has = __webpack_require__("69a8"); 736 | var cof = __webpack_require__("2d95"); 737 | var inheritIfRequired = __webpack_require__("5dbc"); 738 | var toPrimitive = __webpack_require__("6a99"); 739 | var fails = __webpack_require__("79e5"); 740 | var gOPN = __webpack_require__("9093").f; 741 | var gOPD = __webpack_require__("11e9").f; 742 | var dP = __webpack_require__("86cc").f; 743 | var $trim = __webpack_require__("aa77").trim; 744 | var NUMBER = 'Number'; 745 | var $Number = global[NUMBER]; 746 | var Base = $Number; 747 | var proto = $Number.prototype; 748 | // Opera ~12 has broken Object#toString 749 | var BROKEN_COF = cof(__webpack_require__("2aeb")(proto)) == NUMBER; 750 | var TRIM = 'trim' in String.prototype; 751 | 752 | // 7.1.3 ToNumber(argument) 753 | var toNumber = function (argument) { 754 | var it = toPrimitive(argument, false); 755 | if (typeof it == 'string' && it.length > 2) { 756 | it = TRIM ? it.trim() : $trim(it, 3); 757 | var first = it.charCodeAt(0); 758 | var third, radix, maxCode; 759 | if (first === 43 || first === 45) { 760 | third = it.charCodeAt(2); 761 | if (third === 88 || third === 120) return NaN; // Number('+0x1') should be NaN, old V8 fix 762 | } else if (first === 48) { 763 | switch (it.charCodeAt(1)) { 764 | case 66: case 98: radix = 2; maxCode = 49; break; // fast equal /^0b[01]+$/i 765 | case 79: case 111: radix = 8; maxCode = 55; break; // fast equal /^0o[0-7]+$/i 766 | default: return +it; 767 | } 768 | for (var digits = it.slice(2), i = 0, l = digits.length, code; i < l; i++) { 769 | code = digits.charCodeAt(i); 770 | // parseInt parses a string to a first unavailable symbol 771 | // but ToNumber should return NaN if a string contains unavailable symbols 772 | if (code < 48 || code > maxCode) return NaN; 773 | } return parseInt(digits, radix); 774 | } 775 | } return +it; 776 | }; 777 | 778 | if (!$Number(' 0o1') || !$Number('0b1') || $Number('+0x1')) { 779 | $Number = function Number(value) { 780 | var it = arguments.length < 1 ? 0 : value; 781 | var that = this; 782 | return that instanceof $Number 783 | // check on 1..constructor(foo) case 784 | && (BROKEN_COF ? fails(function () { proto.valueOf.call(that); }) : cof(that) != NUMBER) 785 | ? inheritIfRequired(new Base(toNumber(it)), that, $Number) : toNumber(it); 786 | }; 787 | for (var keys = __webpack_require__("9e1e") ? gOPN(Base) : ( 788 | // ES3: 789 | 'MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,' + 790 | // ES6 (in case, if modules with ES6 Number statics required before): 791 | 'EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,' + 792 | 'MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger' 793 | ).split(','), j = 0, key; keys.length > j; j++) { 794 | if (has(Base, key = keys[j]) && !has($Number, key)) { 795 | dP($Number, key, gOPD(Base, key)); 796 | } 797 | } 798 | $Number.prototype = proto; 799 | proto.constructor = $Number; 800 | __webpack_require__("2aba")(global, NUMBER, $Number); 801 | } 802 | 803 | 804 | /***/ }), 805 | 806 | /***/ "c69a": 807 | /***/ (function(module, exports, __webpack_require__) { 808 | 809 | module.exports = !__webpack_require__("9e1e") && !__webpack_require__("79e5")(function () { 810 | return Object.defineProperty(__webpack_require__("230e")('div'), 'a', { get: function () { return 7; } }).a != 7; 811 | }); 812 | 813 | 814 | /***/ }), 815 | 816 | /***/ "ca5a": 817 | /***/ (function(module, exports) { 818 | 819 | var id = 0; 820 | var px = Math.random(); 821 | module.exports = function (key) { 822 | return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36)); 823 | }; 824 | 825 | 826 | /***/ }), 827 | 828 | /***/ "cb7c": 829 | /***/ (function(module, exports, __webpack_require__) { 830 | 831 | var isObject = __webpack_require__("d3f4"); 832 | module.exports = function (it) { 833 | if (!isObject(it)) throw TypeError(it + ' is not an object!'); 834 | return it; 835 | }; 836 | 837 | 838 | /***/ }), 839 | 840 | /***/ "ce10": 841 | /***/ (function(module, exports, __webpack_require__) { 842 | 843 | var has = __webpack_require__("69a8"); 844 | var toIObject = __webpack_require__("6821"); 845 | var arrayIndexOf = __webpack_require__("c366")(false); 846 | var IE_PROTO = __webpack_require__("613b")('IE_PROTO'); 847 | 848 | module.exports = function (object, names) { 849 | var O = toIObject(object); 850 | var i = 0; 851 | var result = []; 852 | var key; 853 | for (key in O) if (key != IE_PROTO) has(O, key) && result.push(key); 854 | // Don't enum bug & hidden keys 855 | while (names.length > i) if (has(O, key = names[i++])) { 856 | ~arrayIndexOf(result, key) || result.push(key); 857 | } 858 | return result; 859 | }; 860 | 861 | 862 | /***/ }), 863 | 864 | /***/ "d3f4": 865 | /***/ (function(module, exports) { 866 | 867 | module.exports = function (it) { 868 | return typeof it === 'object' ? it !== null : typeof it === 'function'; 869 | }; 870 | 871 | 872 | /***/ }), 873 | 874 | /***/ "d8e8": 875 | /***/ (function(module, exports) { 876 | 877 | module.exports = function (it) { 878 | if (typeof it != 'function') throw TypeError(it + ' is not a function!'); 879 | return it; 880 | }; 881 | 882 | 883 | /***/ }), 884 | 885 | /***/ "e11e": 886 | /***/ (function(module, exports) { 887 | 888 | // IE 8- don't enum bug keys 889 | module.exports = ( 890 | 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf' 891 | ).split(','); 892 | 893 | 894 | /***/ }), 895 | 896 | /***/ "fa5b": 897 | /***/ (function(module, exports, __webpack_require__) { 898 | 899 | module.exports = __webpack_require__("5537")('native-function-to-string', Function.toString); 900 | 901 | 902 | /***/ }), 903 | 904 | /***/ "fab2": 905 | /***/ (function(module, exports, __webpack_require__) { 906 | 907 | var document = __webpack_require__("7726").document; 908 | module.exports = document && document.documentElement; 909 | 910 | 911 | /***/ }), 912 | 913 | /***/ "fb15": 914 | /***/ (function(module, __webpack_exports__, __webpack_require__) { 915 | 916 | "use strict"; 917 | __webpack_require__.r(__webpack_exports__); 918 | 919 | // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js 920 | // This file is imported into lib/wc client bundles. 921 | 922 | if (typeof window !== 'undefined') { 923 | var i 924 | if ((i = window.document.currentScript) && (i = i.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))) { 925 | __webpack_require__.p = i[1] // eslint-disable-line 926 | } 927 | } 928 | 929 | // Indicate to webpack that this file can be concatenated 930 | /* harmony default export */ var setPublicPath = (null); 931 | 932 | // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"553e40dc-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ImageMagnifier.vue?vue&type=template&id=b4fea3fa& 933 | var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"image-magnifier",style:(_vm.style)},[_c('img',{ref:"img",staticClass:"image-magnifier__img",attrs:{"width":_vm.width,"height":_vm.height,"src":_vm.src},on:{"mouseenter":_vm.handleOver,"mousemove":_vm.handleMove,"mouseleave":_vm.handleOut}}),_c('div',{ref:"mask",staticClass:"image-magnifier__mask",class:_vm.maskClass,style:(_vm.maskStyle)}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.zoomShow),expression:"zoomShow"}],staticClass:"image-magnifier__zoom",class:_vm.zoomClass,style:(_vm.zoomStyle)},[_c('img',{style:(_vm.zoomImgStyle),attrs:{"src":_vm.zoomSrc}})])])} 934 | var staticRenderFns = [] 935 | 936 | 937 | // CONCATENATED MODULE: ./src/components/ImageMagnifier.vue?vue&type=template&id=b4fea3fa& 938 | 939 | // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.number.constructor.js 940 | var es6_number_constructor = __webpack_require__("c5f6"); 941 | 942 | // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ImageMagnifier.vue?vue&type=script&lang=js& 943 | 944 | // 945 | // 946 | // 947 | // 948 | // 949 | // 950 | // 951 | // 952 | // 953 | // 954 | // 955 | // 956 | // 957 | // 958 | // 959 | // 960 | // 961 | // 962 | // 963 | /* harmony default export */ var ImageMagnifiervue_type_script_lang_js_ = ({ 964 | name: "ImageMagnifier", 965 | props: { 966 | width: { 967 | default: 'auto' 968 | }, 969 | height: { 970 | default: 'auto' 971 | }, 972 | src: {}, 973 | zoomSrc: {}, 974 | zoomWidth: { 975 | default: 'auto' 976 | }, 977 | zoomHeight: { 978 | default: 'auto' 979 | }, 980 | zoomClass: {}, 981 | maskWidth: { 982 | default: 100 983 | }, 984 | maskHeight: { 985 | default: 100 986 | }, 987 | maskBgColor: { 988 | default: '#409eff' 989 | }, 990 | maskOpacity: { 991 | default: .5 992 | }, 993 | maskClass: {}, 994 | delayIn: { 995 | type: Number, 996 | default: 0 997 | }, 998 | delayOut: { 999 | type: Number, 1000 | default: 0 1001 | } 1002 | }, 1003 | data: function data() { 1004 | return { 1005 | zoomShow: false, 1006 | imgRect: '', 1007 | maskRect: '', 1008 | maskX: 0, 1009 | maskY: 0, 1010 | zoomImage: '', 1011 | zoomLeft: '', 1012 | zoomImgWidth: 0, 1013 | zoomImgHeight: 0, 1014 | zoomPosition: { 1015 | x: 0, 1016 | y: 0 1017 | }, 1018 | zoomInTimeoutId: null, 1019 | zoomOutTimeoutId: null 1020 | }; 1021 | }, 1022 | computed: { 1023 | style: function style() { 1024 | return { 1025 | position: 'relative', 1026 | cursor: 'move' 1027 | }; 1028 | }, 1029 | maskStyle: function maskStyle() { 1030 | return { 1031 | position: 'absolute', 1032 | width: "".concat(this.maskWidth, "px"), 1033 | height: "".concat(this.maskHeight, "px"), 1034 | opacity: this.maskOpacity, 1035 | backgroundColor: this.maskBgColor, 1036 | left: 0, 1037 | top: 0, 1038 | transform: "translate(".concat(this.maskX, "px, ").concat(this.maskY, "px)"), 1039 | willChange: 'transform', 1040 | pointerEvents: 'none', 1041 | zIndex: 1000, 1042 | visibility: this.zoomShow ? 'visible' : 'hidden' 1043 | }; 1044 | }, 1045 | zoomStyle: function zoomStyle() { 1046 | return { 1047 | width: "".concat(this.zoomWidth, "px"), 1048 | height: "".concat(this.zoomHeight, "px"), 1049 | position: 'absolute', 1050 | left: "".concat(this.zoomLeft, "px"), 1051 | top: 0, 1052 | overflow: 'hidden', 1053 | zIndex: 1000 1054 | }; 1055 | }, 1056 | zoomImgStyle: function zoomImgStyle() { 1057 | return { 1058 | width: "".concat(this.zoomImgWidth, "px"), 1059 | height: "".concat(this.zoomImgHeight, "px"), 1060 | willChange: 'transform', 1061 | transform: "translate(-".concat(this.zoomPosition.x, "px, -").concat(this.zoomPosition.y, "px)") 1062 | }; 1063 | } 1064 | }, 1065 | created: function created() {}, 1066 | methods: { 1067 | handleOver: function handleOver() { 1068 | var _this = this; 1069 | 1070 | clearTimeout(this.zoomOutTimeoutId); 1071 | this.calcZoomSize(); 1072 | 1073 | if (this.delayIn === 0) { 1074 | this.zoomShow = true; 1075 | } else { 1076 | this.zoomInTimeoutId = setTimeout(function () { 1077 | _this.zoomShow = true; 1078 | }, this.delayIn); 1079 | } 1080 | }, 1081 | calcZoomSize: function calcZoomSize() { 1082 | this.imgRect = this.$refs.img && this.$refs.img.getBoundingClientRect(); 1083 | this.maskRect = this.$refs.mask && this.$refs.mask.getBoundingClientRect(); //计算大图宽高 1084 | 1085 | if (this.imgRect && this.maskRect) { 1086 | this.zoomImgWidth = this.imgRect.width / this.maskRect.width * this.zoomWidth; 1087 | this.zoomImgHeight = this.imgRect.height / this.maskRect.height * this.zoomHeight; 1088 | } 1089 | }, 1090 | handleMove: function handleMove(e) { 1091 | if (!this.imgRect || !this.maskRect) { 1092 | return; 1093 | } 1094 | 1095 | this.maskX = this.outXCheck(e.clientX - this.imgRect.left); 1096 | this.maskY = this.outYCheck(e.clientY - this.imgRect.top); 1097 | this.zoomLeft = this.imgRect.width + 10; //计算大图偏移量 1098 | 1099 | this.zoomPosition.x = this.maskX * (this.zoomImgWidth / this.imgRect.width); 1100 | this.zoomPosition.y = this.maskY * (this.zoomImgHeight / this.imgRect.height); 1101 | }, 1102 | handleOut: function handleOut() { 1103 | var _this2 = this; 1104 | 1105 | clearTimeout(this.zoomInTimeoutId); 1106 | 1107 | if (this.delayOut === 0) { 1108 | this.zoomShow = false; 1109 | } else { 1110 | this.zoomOutTimeoutId = setTimeout(function () { 1111 | _this2.zoomShow = false; 1112 | }, this.delayOut); 1113 | } 1114 | }, 1115 | outXCheck: function outXCheck(x) { 1116 | x = x - this.maskRect.width / 2; 1117 | 1118 | if (x < 0) { 1119 | return 0; 1120 | } 1121 | 1122 | if (x + this.maskRect.width > this.imgRect.width) { 1123 | return this.imgRect.width - this.maskRect.width; 1124 | } 1125 | 1126 | return x; 1127 | }, 1128 | outYCheck: function outYCheck(y) { 1129 | y = y - this.maskRect.height / 2; 1130 | 1131 | if (y < 0) { 1132 | return 0; 1133 | } 1134 | 1135 | if (y + this.maskRect.height > this.imgRect.height) { 1136 | return this.imgRect.height - this.maskRect.height; 1137 | } 1138 | 1139 | return y; 1140 | } 1141 | } 1142 | }); 1143 | // CONCATENATED MODULE: ./src/components/ImageMagnifier.vue?vue&type=script&lang=js& 1144 | /* harmony default export */ var components_ImageMagnifiervue_type_script_lang_js_ = (ImageMagnifiervue_type_script_lang_js_); 1145 | // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js 1146 | /* globals __VUE_SSR_CONTEXT__ */ 1147 | 1148 | // IMPORTANT: Do NOT use ES2015 features in this file (except for modules). 1149 | // This module is a runtime utility for cleaner component module output and will 1150 | // be included in the final webpack user bundle. 1151 | 1152 | function normalizeComponent ( 1153 | scriptExports, 1154 | render, 1155 | staticRenderFns, 1156 | functionalTemplate, 1157 | injectStyles, 1158 | scopeId, 1159 | moduleIdentifier, /* server only */ 1160 | shadowMode /* vue-cli only */ 1161 | ) { 1162 | // Vue.extend constructor export interop 1163 | var options = typeof scriptExports === 'function' 1164 | ? scriptExports.options 1165 | : scriptExports 1166 | 1167 | // render functions 1168 | if (render) { 1169 | options.render = render 1170 | options.staticRenderFns = staticRenderFns 1171 | options._compiled = true 1172 | } 1173 | 1174 | // functional template 1175 | if (functionalTemplate) { 1176 | options.functional = true 1177 | } 1178 | 1179 | // scopedId 1180 | if (scopeId) { 1181 | options._scopeId = 'data-v-' + scopeId 1182 | } 1183 | 1184 | var hook 1185 | if (moduleIdentifier) { // server build 1186 | hook = function (context) { 1187 | // 2.3 injection 1188 | context = 1189 | context || // cached call 1190 | (this.$vnode && this.$vnode.ssrContext) || // stateful 1191 | (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional 1192 | // 2.2 with runInNewContext: true 1193 | if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') { 1194 | context = __VUE_SSR_CONTEXT__ 1195 | } 1196 | // inject component styles 1197 | if (injectStyles) { 1198 | injectStyles.call(this, context) 1199 | } 1200 | // register component module identifier for async chunk inferrence 1201 | if (context && context._registeredComponents) { 1202 | context._registeredComponents.add(moduleIdentifier) 1203 | } 1204 | } 1205 | // used by ssr in case component is cached and beforeCreate 1206 | // never gets called 1207 | options._ssrRegister = hook 1208 | } else if (injectStyles) { 1209 | hook = shadowMode 1210 | ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) } 1211 | : injectStyles 1212 | } 1213 | 1214 | if (hook) { 1215 | if (options.functional) { 1216 | // for template-only hot-reload because in that case the render fn doesn't 1217 | // go through the normalizer 1218 | options._injectStyles = hook 1219 | // register for functioal component in vue file 1220 | var originalRender = options.render 1221 | options.render = function renderWithStyleInjection (h, context) { 1222 | hook.call(context) 1223 | return originalRender(h, context) 1224 | } 1225 | } else { 1226 | // inject component registration as beforeCreate hook 1227 | var existing = options.beforeCreate 1228 | options.beforeCreate = existing 1229 | ? [].concat(existing, hook) 1230 | : [hook] 1231 | } 1232 | } 1233 | 1234 | return { 1235 | exports: scriptExports, 1236 | options: options 1237 | } 1238 | } 1239 | 1240 | // CONCATENATED MODULE: ./src/components/ImageMagnifier.vue 1241 | 1242 | 1243 | 1244 | 1245 | 1246 | /* normalize component */ 1247 | 1248 | var component = normalizeComponent( 1249 | components_ImageMagnifiervue_type_script_lang_js_, 1250 | render, 1251 | staticRenderFns, 1252 | false, 1253 | null, 1254 | null, 1255 | null 1256 | 1257 | ) 1258 | 1259 | /* harmony default export */ var ImageMagnifier = (component.exports); 1260 | // CONCATENATED MODULE: ./src/main.js 1261 | 1262 | 1263 | var main_install = function install(Vue) { 1264 | Vue.component('image-magnifier', ImageMagnifier); 1265 | }; 1266 | 1267 | if (typeof window !== 'undefined' && window.Vue) { 1268 | main_install(window.Vue); 1269 | } 1270 | 1271 | /* harmony default export */ var main = ({ 1272 | install: main_install, 1273 | ImageMagnifier: ImageMagnifier 1274 | }); 1275 | 1276 | // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js 1277 | /* concated harmony reexport ImageMagnifier */__webpack_require__.d(__webpack_exports__, "ImageMagnifier", function() { return ImageMagnifier; }); 1278 | 1279 | 1280 | /* harmony default export */ var entry_lib = __webpack_exports__["default"] = (main); 1281 | 1282 | 1283 | 1284 | /***/ }), 1285 | 1286 | /***/ "fdef": 1287 | /***/ (function(module, exports) { 1288 | 1289 | module.exports = '\x09\x0A\x0B\x0C\x0D\x20\xA0\u1680\u180E\u2000\u2001\u2002\u2003' + 1290 | '\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF'; 1291 | 1292 | 1293 | /***/ }) 1294 | 1295 | /******/ }); 1296 | }); 1297 | //# sourceMappingURL=magnifier.umd.js.map --------------------------------------------------------------------------------